Notebook Readonly (#313)

* fix: build

* chore: add index.ts

* chore: favor jupyterlabtheme

* chore: jupyter react theme

* chore: evolving example

* chore: toolbar

* lint

* chore: colormode

* chore: lite

* fix: build

* fix: mount

* fix: mount

* lint

* lint

packages/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datalayer/jupyter-react",
-  "version": "0.18.6",
+  "version": "0.18.7",
   "description": "Jupyter React - React.js components 100% compatible with Jupyter.",
   "license": "MIT",
   "main": "lib/index.js",
@@ -260,7 +260,7 @@
         }
       }
     },
-    "extension": "./lib/jupyter/lab/index.js",
+    "extension": "./lib/jupyter/lab/plugin.js",
     "outputDir": "jupyter_react/labextension",
     "schemaDir": "schema",
     "webpackConfig": "./webpack.lab-config.js"

packages/react/src/jupyter/lab/JupyterLabColorMode.tsx → packages/react/src/components/button/index.ts

@@ -4,4 +4,4 @@
  * MIT License
  */
 
-export type ColorMode = 'light' | 'dark';
+export * from './Button';

packages/react/src/components/cell/index.ts

@@ -0,0 +1,10 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+
+export * from './Cell';
+export * from './CellAdapter';
+export * from './CellCommands';
+export * from './CellState';

packages/react/src/components/codemirror/index.ts

@@ -0,0 +1,9 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+
+export * from './CodeMirrorEditor';
+export * from './CodeMirrorOutputToolbar';
+export * from './CodeMirrorTheme';

packages/react/src/components/commands/index.ts

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+
+export * from './Commands';
+export * from './CommandsAdapter';

packages/react/src/components/console/index.ts

@@ -0,0 +1,9 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+
+export * from './Console';
+export * from './ConsoleAdapter';
+export * from './ConsoleState';

packages/react/src/components/dialog/index.ts

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+
+export * from './Dialog';
+export * from './DialogAdapter';

packages/react/src/components/environment/index.ts

@@ -0,0 +1,7 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+
+export * from './Environment';

packages/react/src/components/filebrowser/index.ts

@@ -0,0 +1,7 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+
+export * from './FileBrowser';

packages/react/src/components/filemanager/index.ts

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+
+export * from './FileManagerJupyterLab';
+export * from './lab';

packages/react/src/components/filemanager/lab/index.ts

@@ -0,0 +1,7 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+
+export * from './FileManagerAdapter';

packages/react/src/components/index.ts

@@ -0,0 +1,24 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+
+export * from './button';
+export * from './cell';
+export * from './codemirror';
+export * from './commands';
+export * from './console';
+export * from './dialog';
+export * from './environment';
+export * from './filebrowser';
+export * from './filemanager';
+export * from './jupyterlab';
+export * from './kernel';
+export * from './lumino';
+export * from './notebook';
+export * from './output';
+export * from './settings';
+export * from './terminal';
+export * from './textinput';
+export * from './viewer';

packages/react/src/components/jupyterlab/JupyterLabApp.tsx

@@ -11,7 +11,7 @@ import { PageConfig } from '@jupyterlab/coreutils';
 import { IRenderMime } from '@jupyterlab/rendermime-interfaces';
 import { ServiceManager } from '@jupyterlab/services';
 import { useJupyter } from '../../jupyter/JupyterContext';
-import { ColorMode } from '../../jupyter/lab/JupyterLabColorMode';
+import { Colormode } from '../../theme/JupyterLabColormode';
 import { JupyterLabAppCorePlugins } from './JupyterLabAppPlugins';
 import JupyterLabAppAdapter from './JupyterLabAppAdapter';
 import JupyterLabAppCss from './JupyterLabAppCss';
@@ -39,7 +39,7 @@ export type JupyterLabAppProps = {
   serverless: boolean;
   serviceManager: ServiceManager.IManager;
   startDefaultKernel: boolean;
-  theme: ColorMode;
+  theme: Colormode;
   width: string | number;
 };
 

packages/react/src/components/jupyterlab/JupyterLabAppCss.tsx

@@ -5,7 +5,7 @@
  */
 
 import { useEffect } from 'react';
-import { ColorMode } from '../../jupyter/lab/JupyterLabColorMode';
+import { Colormode } from '../../theme/JupyterLabColormode';
 
 import '@jupyterlab/application-extension/style/index.js';
 import '@jupyterlab/apputils-extension/style/index.js';
@@ -31,7 +31,7 @@ import '@jupyterlab/translation-extension/style/index.js';
 import '@jupyterlab/ui-components-extension/style/index.js';
 
 type Props = {
-  theme?: ColorMode;
+  theme?: Colormode;
 };
 
 export const JupyterLabAppCss = (props: Props) => {

packages/react/src/components/jupyterlab/index.ts

@@ -0,0 +1,9 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+
+export * from './JupyterLabApp';
+export * from './JupyterLabAppAdapter';
+export * from './JupyterLabAppPlugins';

packages/react/src/components/kernel/index.ts

@@ -14,3 +14,5 @@ export * from './KernelSelector';
 export * from './Kernelndicator';
 export * from './KernelUsage';
 export * from './KernelVariables';
+export * from './inspector';
+export * from './variables';

packages/react/src/components/kernel/inspector/index.ts

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+
+export * from './model';
+export * from './widget';

packages/react/src/components/kernel/variables/index.ts

@@ -0,0 +1,13 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+
+export * from './handler';
+export * from './inspectorscripts';
+export * from './kernelconnector';
+export * from './manager';
+export * from './tokens';
+export * from './variablesinspector';
+export * from './widget';

packages/react/src/components/lumino/Lumino.tsx

@@ -33,19 +33,23 @@ export const Lumino = (props: LuminoProps) => {
           }
         } catch (e) {
           // no-op.
-          //          console.debug('Exception while detaching Lumino widget.', e);
+          // console.debug('Exception while detaching Lumino widget.', e);
         }
       };
     }
   }, [ref, children]);
   return (
-    <div ref={ref} id={id} style={{ height: height, minHeight: height }}></div>
+    <div
+      id={id}
+      ref={ref}
+      style={{ height: height, minHeight: height }}
+    />
   );
-};
+}
 
 Lumino.defaultProps = {
   id: 'lumino-id',
   height: '100%',
-};
+}
 
 export default Lumino;

packages/react/src/components/lumino/index.ts

@@ -0,0 +1,11 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+
+export * from './Lumino';
+export * from './LuminoBox';
+export * from './LuminoDetached';
+export * from './LuminoObservable';
+export * from './ReactPortalWidget';