Add base notebook component (#348)

* Clean up the websocket connection

* Listen to sync and connection-close events
React to notebook model change

* Start base notebook component

* Automatic application of license header

* Add simpler notebook component

* Automatic application of license header

* Fix interface

* Strip SimpleNotebook from stores

* Restore commands and completer

* Fix BaseNotebook styling

* Simplify simple notebook thanks to hooks

* Allow to pass by the command registry

* Improve DatalayerExtension API

---------

Co-authored-by: Frédéric Collonval <fcollonval@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

Author: fcollonval

packages/react/src/components/notebook/BaseNotebook.tsx

@@ -30,7 +30,7 @@ import { JupyterReactContentFactory } from './content/JupyterReactContentFactory
 import { JupyterReactNotebookModelFactory } from './model/JupyterReactNotebookModelFactory';
 import { getMarked } from './marked/marked';
 import { INotebookProps } from './Notebook';
-import { NotebookCommands } from './NotebookCommands';
+import { addNotebookCommands } from './NotebookCommands';
 
 const FALLBACK_NOTEBOOK_PATH = '.datalayer/ping.ipynb';
 
@@ -75,10 +75,10 @@ export class NotebookAdapter {
     this._kernelClients = props.kernelClients;
     this._lite = props.lite;
     this._nbformat = props.nbformat;
-    this._nbgrader = props.nbgrader;
+    this._nbgrader = props.nbgrader!;
     this._path = props.path;
-    this._readonly = props.readonly;
-    this._renderers = props.renderers;
+    this._readonly = props.readonly!;
+    this._renderers = props.renderers!;
     this._serverless = props.serverless;
     this._serviceManager = props.serviceManager!;
     this._url = props.url;
@@ -348,9 +348,8 @@ export class NotebookAdapter {
 
     if (!this._readonly) {
       try {
-        NotebookCommands(
+        addNotebookCommands(
           this._commandRegistry,
-          this._notebookPanel,
           completerHandler,
           this._tracker!,
           this._path