@datalayer/jupyter-react 1.1.8 → 1.2.0

package/lib/examples/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../src/examples/Cell.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,OAAO,GAAG,gBAAgB,CAAC;AAEjC,MAAM,cAAc,GAAG;;;iGAG0E,CAAC;AAElG,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC,CAAC;IACnE,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,OAAO,CAAC,GAAG,CACT,sBAAsB,EAEpB,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,IACjC,EAAE,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,CAC7B,CAAC;IACF,OAAO,CACL,MAAC,iBAAiB,eAChB,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,+BAAqB,EACjC,MAAC,GAAG,2BAAU,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,IAAO,EAClD,MAAC,GAAG,kCAAiB,UAAU,CAAC,eAAe,CAAC,OAAO,CAAC,IAAO,EAC/D,MAAC,GAAG,gCACY,GAAG,EACjB,KAAC,KAAK,cACH,aAAa,IAAI,YAAY,CAAC,iBAAiB,CAAC,aAAa,CAAC,EAAE,CAAC,GAC5D,IACJ,EACN,MAAC,GAAG,gCACY,GAAG,EACjB,KAAC,KAAK,cACH,aAAa,IAAI,YAAY,CAAC,iBAAiB,CAAC,aAAa,CAAC,EAAE,CAAC,GAC5D,IACJ,EACN,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,aACjB,KAAC,GAAG,oCAAwB,EAC5B,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,YACR,KAAC,eAAe,IAAC,MAAM,EAAE,aAAa,IAAI,aAAa,CAAC,UAAU,GAAI,GAClE,IACF,EACN,KAAC,GAAG,cACF,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,yBAAmB,GACjE,EACN,KAAC,IAAI,IAAC,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,GAAI,IAClD,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CAAC,KAAC,WAAW,KAAG,CAAC,CAAC"}
+{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../src/examples/Cell.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,OAAO,GAAG,gBAAgB,CAAC;AAEjC,MAAM,cAAc,GAAG;;;iGAG0E,CAAC;AAElG,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC,CAAC;IACnE,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,OAAO,CACL,MAAC,iBAAiB,eAChB,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,qBAAW,EACvB,MAAC,GAAG,IAAC,EAAE,EAAC,KAAK,yBAAU,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,IAAO,EAC3D,MAAC,GAAG,kCAAiB,UAAU,CAAC,eAAe,CAAC,OAAO,CAAC,IAAO,EAC/D,MAAC,GAAG,gCACY,GAAG,EACjB,KAAC,KAAK,cACH,aAAa,IAAI,YAAY,CAAC,iBAAiB,CAAC,aAAa,CAAC,EAAE,CAAC,GAC5D,IACJ,EACN,MAAC,GAAG,gCACY,GAAG,EACjB,KAAC,KAAK,cACH,aAAa,IAAI,YAAY,CAAC,iBAAiB,CAAC,aAAa,CAAC,EAAE,CAAC,GAC5D,IACJ,EACN,KAAC,GAAG,cACF,KAAC,eAAe,IACd,MAAM,EAAE,aAAa,EAAE,UAAU,EACjC,KAAK,EAAC,kBAAkB,GACxB,GACE,EACN,KAAC,GAAG,cACF,KAAC,MAAM,IACL,aAAa,EAAE,GAAG,EAAE,CAAC,KAAC,QAAQ,KAAG,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,yBAGnC,GACL,EACL,aAAa,IAAI,CAChB,KAAC,IAAI,IAAC,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,aAAa,GAAI,CACrE,IACiB,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CAAC,KAAC,WAAW,KAAG,CAAC,CAAC"}

package/lib/examples/CellLite.js

@@ -5,12 +5,24 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * MIT License
  */
 import { createRoot } from 'react-dom/client';
-import { Box } from '@primer/react';
-import { Jupyter } from '../jupyter';
+import { Box } from '@datalayer/primer-addons';
+import { JupyterReactTheme } from '../theme/JupyterReactTheme';
+import { useJupyter } from '../jupyter/JupyterContext';
 import { Cell } from '../components/cell/Cell';
+const CODE = `import sys
+
+print("👋 Hello Jupyter React Lite")
+print(f"Platform: {sys.platform}")
+print(f"IPython: {get_ipython()}")`;
+const CellLiteExample = () => {
+    const { defaultKernel } = useJupyter({
+        startDefaultKernel: true,
+        lite: true,
+    });
+    return (_jsxs(JupyterReactTheme, { children: [_jsx(Box, { as: "h1", children: "Cell with a Lite Kernel" }), defaultKernel && (_jsx(Cell, { id: "jupyter-cell-lite-1", source: CODE, kernel: defaultKernel }))] }));
+};
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsxs(Jupyter, { startDefaultKernel: true, lite: true, children: [_jsx(Box, { as: "h1", children: "A Jupyter Cell with a Lite Kernel" }), _jsx(Cell, { source: `import sys
-print(f"👋 Hello Jupyter UI Lite - Platform: {sys.platform} - IPython: {get_ipython()}")` })] }));
+root.render(_jsx(CellLiteExample, {}));
 //# sourceMappingURL=CellLite.js.map

package/lib/examples/CellLite.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellLite.js","sourceRoot":"","sources":["../../src/examples/CellLite.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CACT,MAAC,OAAO,IAAC,kBAAkB,QAAC,IAAI,mBAC9B,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,kDAAwC,EACpD,KAAC,IAAI,IACH,MAAM,EAAE;yFAC2E,GACnF,IACM,CACX,CAAC"}
+{"version":3,"file":"CellLite.js","sourceRoot":"","sources":["../../src/examples/CellLite.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,MAAM,IAAI,GAAG;;;;mCAIsB,CAAC;AAEpC,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC;QACnC,kBAAkB,EAAE,IAAI;QACxB,IAAI,EAAE,IAAI;KACX,CAAC,CAAC;IACH,OAAO,CACL,MAAC,iBAAiB,eAChB,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,wCAA8B,EACzC,aAAa,IAAI,CAChB,KAAC,IAAI,IAAC,EAAE,EAAC,qBAAqB,EAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,GAAI,CACvE,IACiB,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CAAC,KAAC,eAAe,KAAG,CAAC,CAAC"}

package/lib/examples/Cells.js

@@ -1,17 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /*
  * Copyright (c) 2021-2023 Datalayer, Inc.
  *
  * MIT License
  */
 import { createRoot } from 'react-dom/client';
-import { Box } from '@primer/react';
+import { Box } from '@datalayer/primer-addons';
 import { JupyterReactTheme } from '../theme/JupyterReactTheme';
-import Cell from '../components/cell/Cell';
+import { useJupyter } from '../jupyter/JupyterContext';
+import { Cell } from '../components/cell/Cell';
+const CellsExample = () => {
+    const { defaultKernel } = useJupyter({ startDefaultKernel: true });
+    return (_jsxs(JupyterReactTheme, { children: [_jsx(Box, { as: "h1", children: "Cells Example" }), defaultKernel && (_jsxs(_Fragment, { children: [_jsx(Cell, { source: 'print("Hello from Cell 1")', kernel: defaultKernel }), _jsx(Cell, { source: 'print("Hello from Cell 2")', kernel: defaultKernel }), _jsx(Cell, { source: 'print("Hello from Cell 3")', kernel: defaultKernel })] }))] }));
+};
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsxs(JupyterReactTheme, { children: [_jsx(Box, { as: "h1", children: "Jupyter Cells wrapped in a single Jupyter Context" }), _jsx(Cell, { id: "cell-1", source: "x=1" }), _jsx(Cell, { id: "cell-2", source: "print(x)" }), _jsx(Cell, { id: "cell-3", source: `import random
-
-r = random.randint(0,9)` }), _jsx(Cell, { source: "print(f'Random integer: {r}')" })] }));
+root.render(_jsx(CellsExample, {}));
 //# sourceMappingURL=Cells.js.map

package/lib/examples/Cells.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cells.js","sourceRoot":"","sources":["../../src/examples/Cells.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,IAAI,MAAM,yBAAyB,CAAC;AAE3C,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CACT,MAAC,iBAAiB,eAChB,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,kEAAwD,EACpE,KAAC,IAAI,IAAC,EAAE,EAAC,QAAQ,EAAC,MAAM,EAAC,KAAK,GAAG,EACjC,KAAC,IAAI,IAAC,EAAE,EAAC,QAAQ,EAAC,MAAM,EAAC,UAAU,GAAG,EACtC,KAAC,IAAI,IACH,EAAE,EAAC,QAAQ,EACX,MAAM,EAAE;;wBAEU,GAClB,EACF,KAAC,IAAI,IAAC,MAAM,EAAC,+BAA+B,GAAG,IAC7B,CACrB,CAAC"}
+{"version":3,"file":"Cells.js","sourceRoot":"","sources":["../../src/examples/Cells.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC,CAAC;IACnE,OAAO,CACL,MAAC,iBAAiB,eAChB,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,8BAAoB,EAC/B,aAAa,IAAI,CAChB,8BACE,KAAC,IAAI,IAAC,MAAM,EAAE,4BAA4B,EAAE,MAAM,EAAE,aAAa,GAAI,EACrE,KAAC,IAAI,IAAC,MAAM,EAAE,4BAA4B,EAAE,MAAM,EAAE,aAAa,GAAI,EACrE,KAAC,IAAI,IAAC,MAAM,EAAE,4BAA4B,EAAE,MAAM,EAAE,aAAa,GAAI,IACpE,CACJ,IACiB,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CAAC,KAAC,YAAY,KAAG,CAAC,CAAC"}

package/lib/examples/CellsExecute.js

@@ -6,10 +6,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { useState, useEffect } from 'react';
 import { createRoot } from 'react-dom/client';
-import { Button, Box } from '@primer/react';
-import { cellsStore } from '../components/cell/CellState';
+import { Button } from '@primer/react';
+import { PlayIcon } from '@primer/octicons-react';
+import { Box } from '@datalayer/primer-addons';
 import { JupyterReactTheme } from '../theme/JupyterReactTheme';
-import Cell from '../components/cell/Cell';
+import { useJupyter } from '../jupyter/JupyterContext';
+import { cellsStore } from '../components/cell/CellState';
+import { Cell } from '../components/cell/Cell';
 const CODE_CELL_1 = `import time
 print("Cell 1 start...")
 time.sleep(3)
@@ -18,7 +21,8 @@ const CODE_CELL_2 = `import time
 print("Cell 2 start...")
 time.sleep(3)
 print("Cell 2 end.")`;
-const CellsExecute = () => {
+const CellsExecuteExample = () => {
+    const { defaultKernel } = useJupyter({ startDefaultKernel: true });
     const [executionDisable, setExecutionDisable] = useState(false);
     useEffect(() => {
         const handleChange = (newState) => {
@@ -32,13 +36,13 @@ const CellsExecute = () => {
     const onExecuteClick = () => {
         cellsStore.getState().execute();
     };
-    return (_jsx(JupyterReactTheme, { children: _jsxs(Box, { style: { marginTop: '20px' }, children: [_jsx(Cell, { id: "1", type: "code", source: CODE_CELL_1, autoStart: false, showToolbar: false }), _jsx(Cell, { id: "2", type: "code", source: CODE_CELL_2, autoStart: false, showToolbar: false }), _jsx(Button, { onClick: onExecuteClick, disabled: executionDisable, style: {
-                        marginLeft: '50px',
-                        marginTop: '20px',
-                    }, children: "Execute all" })] }) }));
+    return (_jsxs(JupyterReactTheme, { children: [_jsx(Box, { as: "h1", children: "Cells Execute Example" }), defaultKernel && (_jsxs(Box, { style: { marginTop: '20px' }, children: [_jsx(Cell, { id: "1", type: "code", source: CODE_CELL_1, autoStart: false, showToolbar: false, kernel: defaultKernel }), _jsx(Cell, { id: "2", type: "code", source: CODE_CELL_2, autoStart: false, showToolbar: false, kernel: defaultKernel }), _jsx(Button, { onClick: onExecuteClick, disabled: executionDisable, leadingVisual: () => _jsx(PlayIcon, {}), style: {
+                            marginLeft: '50px',
+                            marginTop: '20px',
+                        }, children: "Execute all" })] }))] }));
 };
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsx(CellsExecute, {}));
+root.render(_jsx(CellsExecuteExample, {}));
 //# sourceMappingURL=CellsExecute.js.map

package/lib/examples/CellsExecute.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellsExecute.js","sourceRoot":"","sources":["../../src/examples/CellsExecute.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AACH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAe,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,IAAI,MAAM,yBAAyB,CAAC;AAE3C,MAAM,WAAW,GAAG;;;qBAGC,CAAC;AAEtB,MAAM,WAAW,GAAG;;;qBAGC,CAAC;AAEtB,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,CAAC,QAAqB,EAAE,EAAE;YAC7C,mBAAmB,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;QACnD,CAAC,CAAC;QACF,MAAM,WAAW,GAAG,UAAU,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE;YACV,WAAW,EAAE,CAAC;QAChB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,UAAU,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC;IAClC,CAAC,CAAC;IACF,OAAO,CACL,KAAC,iBAAiB,cAChB,MAAC,GAAG,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,aAC/B,KAAC,IAAI,IACH,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,WAAW,EACnB,SAAS,EAAE,KAAK,EAChB,WAAW,EAAE,KAAK,GAClB,EACF,KAAC,IAAI,IACH,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,WAAW,EACnB,SAAS,EAAE,KAAK,EAChB,WAAW,EAAE,KAAK,GAClB,EACF,KAAC,MAAM,IACL,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,gBAAgB,EAC1B,KAAK,EAAE;wBACL,UAAU,EAAE,MAAM;wBAClB,SAAS,EAAE,MAAM;qBAClB,4BAGM,IACL,GACY,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CAAC,KAAC,YAAY,KAAG,CAAC,CAAC"}
+{"version":3,"file":"CellsExecute.js","sourceRoot":"","sources":["../../src/examples/CellsExecute.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AACH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAe,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,MAAM,WAAW,GAAG;;;qBAGC,CAAC;AAEtB,MAAM,WAAW,GAAG;;;qBAGC,CAAC;AAEtB,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC,CAAC;IACnE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,CAAC,QAAqB,EAAE,EAAE;YAC7C,mBAAmB,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;QACnD,CAAC,CAAC;QACF,MAAM,WAAW,GAAG,UAAU,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE;YACV,WAAW,EAAE,CAAC;QAChB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,UAAU,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC;IAClC,CAAC,CAAC;IACF,OAAO,CACL,MAAC,iBAAiB,eAChB,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,sCAA4B,EACvC,aAAa,IAAI,CAChB,MAAC,GAAG,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,aAC/B,KAAC,IAAI,IACH,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,WAAW,EACnB,SAAS,EAAE,KAAK,EAChB,WAAW,EAAE,KAAK,EAClB,MAAM,EAAE,aAAa,GACrB,EACF,KAAC,IAAI,IACH,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,WAAW,EACnB,SAAS,EAAE,KAAK,EAChB,WAAW,EAAE,KAAK,EAClB,MAAM,EAAE,aAAa,GACrB,EACF,KAAC,MAAM,IACL,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,gBAAgB,EAC1B,aAAa,EAAE,GAAG,EAAE,CAAC,KAAC,QAAQ,KAAG,EACjC,KAAK,EAAE;4BACL,UAAU,EAAE,MAAM;4BAClB,SAAS,EAAE,MAAM;yBAClB,4BAGM,IACL,CACP,IACiB,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CAAC,KAAC,mBAAmB,KAAG,CAAC,CAAC"}

package/lib/examples/Console.js

@@ -5,11 +5,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * MIT License
  */
 import { createRoot } from 'react-dom/client';
-import { Box } from '@primer/react';
+import { Box } from '@datalayer/primer-addons';
 import { JupyterReactTheme } from '../theme/JupyterReactTheme';
 import Console from '../components/console/Console';
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsxs(JupyterReactTheme, { children: [_jsx(Box, { as: "h1", children: "A Jupyter Console" }), _jsx(Console, { code: "print('👋 Hello Jupyter Console')" })] }));
+root.render(_jsxs(JupyterReactTheme, { children: [_jsx(Box, { as: "h1", children: "Console" }), _jsx(Console, { code: "print('👋 Hello Jupyter Console')" })] }));
 //# sourceMappingURL=Console.js.map

package/lib/examples/Console.js.map

@@ -1 +1 @@
-{"version":3,"file":"Console.js","sourceRoot":"","sources":["../../src/examples/Console.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,OAAO,MAAM,+BAA+B,CAAC;AAEpD,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CACT,MAAC,iBAAiB,eAChB,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,kCAAwB,EACpC,KAAC,OAAO,IAAC,IAAI,EAAE,mCAAmC,GAAI,IACpC,CACrB,CAAC"}
+{"version":3,"file":"Console.js","sourceRoot":"","sources":["../../src/examples/Console.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,OAAO,MAAM,+BAA+B,CAAC;AAEpD,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CACT,MAAC,iBAAiB,eAChB,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,wBAAc,EAC1B,KAAC,OAAO,IAAC,IAAI,EAAE,mCAAmC,GAAI,IACpC,CACrB,CAAC"}

package/lib/examples/ConsoleLite.js

@@ -5,14 +5,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * MIT License
  */
 import { createRoot } from 'react-dom/client';
-import { Box } from '@primer/react';
+import { Box } from '@datalayer/primer-addons';
 import { Jupyter } from '../jupyter/Jupyter';
 import Console from '../components/console/Console';
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsxs(Jupyter, { startDefaultKernel: true, lite: true, children: [_jsx(Box, { as: "h1", children: "A Jupyter Console with a Lite Kernel" }), _jsx(Console, { code: `import micropip
+root.render(_jsxs(Jupyter, { startDefaultKernel: true, lite: true, children: [_jsx(Box, { as: "h1", children: "Console with a Lite Kernel" }), _jsx(Console, { code: `import micropip
 await micropip.install('numpy')
-import numpy
+import numpy, sys
 print(f'👋 Hello Jupyter Console with a Lite Kernel - Platform: {sys.platform} - IPython: {get_ipython()}") - numpy {numpy.__version__}')` })] }));
 //# sourceMappingURL=ConsoleLite.js.map

package/lib/examples/ConsoleLite.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConsoleLite.js","sourceRoot":"","sources":["../../src/examples/ConsoleLite.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,OAAO,MAAM,+BAA+B,CAAC;AAEpD,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CACT,MAAC,OAAO,IAAC,kBAAkB,QAAC,IAAI,mBAC9B,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,qDAA2C,EACvD,KAAC,OAAO,IACN,IAAI,EAAE;;;0IAG8H,GACpI,IACM,CACX,CAAC"}
+{"version":3,"file":"ConsoleLite.js","sourceRoot":"","sources":["../../src/examples/ConsoleLite.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,OAAO,MAAM,+BAA+B,CAAC;AAEpD,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CACT,MAAC,OAAO,IAAC,kBAAkB,QAAC,IAAI,mBAC9B,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,2CAAiC,EAC7C,KAAC,OAAO,IACN,IAAI,EAAE;;;0IAG8H,GACpI,IACM,CACX,CAAC"}

package/lib/examples/Dashboard.js

@@ -6,7 +6,7 @@ import { Notebook } from '../components/notebook/Notebook';
 import { JupyterReactTheme } from '../theme/JupyterReactTheme';
 import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
 import notebook from './notebooks/IPyWidgetsExample.ipynb.json';
-const Dashboard = () => {
+const DashboardExample = () => {
     const extensions = useMemo(() => [new CellSidebarExtension()], []);
     return (_jsx(JupyterReactTheme, { children: _jsx(Notebook, { nbformat: notebook, id: "notebook-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
             , extensions: extensions, Toolbar: NotebookToolbar }) }));
@@ -14,5 +14,5 @@ const Dashboard = () => {
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsx(Dashboard, {}));
+root.render(_jsx(DashboardExample, {}));
 //# sourceMappingURL=Dashboard.js.map

package/lib/examples/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.js","sourceRoot":"","sources":["../../src/examples/Dashboard.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,QAAQ,MAAM,0CAA0C,CAAC;AAEhE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnE,OAAO,CACL,KAAC,iBAAiB,cAChB,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,aAAa,EAChB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;cAC3D,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,eAAe,GACxB,GACgB,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC"}
+{"version":3,"file":"Dashboard.js","sourceRoot":"","sources":["../../src/examples/Dashboard.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,QAAQ,MAAM,0CAA0C,CAAC;AAEhE,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnE,OAAO,CACL,KAAC,iBAAiB,cAChB,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,aAAa,EAChB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;cAC3D,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,eAAe,GACxB,GACgB,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CAAC,KAAC,gBAAgB,KAAG,CAAC,CAAC"}

package/lib/examples/Deno.js

@@ -10,7 +10,7 @@ import { CellSidebarExtension } from '../components';
 import { Notebook } from '../components/notebook/Notebook';
 import { Jupyter } from '../jupyter/Jupyter';
 import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
-const Deno = () => {
+const DenoExample = () => {
     const extensions = useMemo(() => [new CellSidebarExtension()], []);
     return (_jsx(Jupyter, { defaultKernelName: "deno", children: _jsx(Notebook, { url: "https://raw.githubusercontent.com/rgbkrk/denotebooks/f173b472ad5b0169d77818027bf662682c5024ec/10.2_Polar%20DataFrames.ipynb", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
             , extensions: extensions, Toolbar: NotebookToolbar }) }));
@@ -18,5 +18,5 @@ const Deno = () => {
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsx(Deno, {}));
+root.render(_jsx(DenoExample, {}));
 //# sourceMappingURL=Deno.js.map

package/lib/examples/Deno.js.map

@@ -1 +1 @@
-{"version":3,"file":"Deno.js","sourceRoot":"","sources":["../../src/examples/Deno.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,MAAM,IAAI,GAAG,GAAG,EAAE;IAChB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACnE,OAAO,CACL,KAAC,OAAO,IAAC,iBAAiB,EAAC,MAAM,YAC/B,KAAC,QAAQ,IACP,GAAG,EAAC,6HAA6H,EACjI,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;cAC3D,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,eAAe,GACxB,GACM,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CAAC,KAAC,IAAI,KAAG,CAAC,CAAC"}
+{"version":3,"file":"Deno.js","sourceRoot":"","sources":["../../src/examples/Deno.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACnE,OAAO,CACL,KAAC,OAAO,IAAC,iBAAiB,EAAC,MAAM,YAC/B,KAAC,QAAQ,IACP,GAAG,EAAC,6HAA6H,EACjI,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;cAC3D,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,eAAe,GACxB,GACM,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CAAC,KAAC,WAAW,KAAG,CAAC,CAAC"}

package/lib/examples/Examples.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Available examples with their display names and module paths.
+ * Only includes examples that actually exist in the examples directory.
+ */
+declare const EXAMPLES: Array<{
+    name: string;
+    path: string;
+}>;
+/**
+ * Get the selected example from URL or localStorage.
+ */
+declare const getSelectedExample: () => string;
+/**
+ * Save the selected example to localStorage.
+ */
+declare const saveExample: (path: string) => void;
+/**
+ * Main Examples component.
+ * Renders the sidebar and loads the selected example in an iframe.
+ */
+declare const Examples: () => import("react/jsx-runtime").JSX.Element;
+export { EXAMPLES, getSelectedExample, saveExample };
+export default Examples;

package/lib/examples/Examples.js

@@ -0,0 +1,342 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+/**
+ * Examples - A runtime example picker for Jupyter React.
+ *
+ * This module provides a dynamic example selector that:
+ * 1. Reads the example from URL query parameter (?example=CellLite)
+ * 2. Falls back to localStorage if no query param
+ * 3. Falls back to default (CellLite) if nothing stored
+ * 4. Dynamically imports and executes the selected example
+ *
+ * The selector UI uses Primer React components and persists selection.
+ */
+import { useState, useEffect, useRef } from 'react';
+import { createRoot } from 'react-dom/client';
+import { ThemeProvider, BaseStyles, Text, Spinner, Flash, ActionList, TextInput, } from '@primer/react';
+import { Box } from '@datalayer/primer-addons';
+import { SearchIcon, CheckIcon } from '@primer/octicons-react';
+const LOCAL_STORAGE_KEY = 'jupyter-react-selected-example';
+/**
+ * Available examples with their display names and module paths.
+ * Only includes examples that actually exist in the examples directory.
+ */
+const EXAMPLES = [
+    { name: 'Cell', path: 'Cell' },
+    { name: 'Cell Lite', path: 'CellLite' },
+    { name: 'Cells', path: 'Cells' },
+    { name: 'Cells Execute', path: 'CellsExecute' },
+    { name: 'Console', path: 'Console' },
+    { name: 'Console Lite', path: 'ConsoleLite' },
+    { name: 'File Browser', path: 'FileBrowser' },
+    { name: 'IPyLeaflet', path: 'IPyLeaflet' },
+    { name: 'IPyReact', path: 'IPyReact' },
+    { name: 'IPyWidgets', path: 'IPyWidgets' },
+    { name: 'IPyWidgets State', path: 'IPyWidgetsState' },
+    { name: 'Jupyter Context', path: 'JupyterContext' },
+    { name: 'JupyterLab App', path: 'JupyterLabApp' },
+    { name: 'JupyterLab App Headless', path: 'JupyterLabAppHeadless' },
+    {
+        name: 'JupyterLab App Headless Serverless',
+        path: 'JupyterLabAppHeadlessServerless',
+    },
+    { name: 'JupyterLab App Serverless', path: 'JupyterLabAppServerless' },
+    {
+        name: 'JupyterLab App Service Manager',
+        path: 'JupyterLabAppServiceManager',
+    },
+    { name: 'JupyterLab Theme', path: 'JupyterLabTheme' },
+    { name: 'Kernel Execute', path: 'KernelExecute' },
+    { name: 'Kernel Execute Lite', path: 'KernelExecuteLite' },
+    { name: 'Kernel Executor', path: 'KernelExecutor' },
+    { name: 'Kernel Executor Lite', path: 'KernelExecutorLite' },
+    { name: 'Kernels', path: 'Kernels' },
+    { name: 'Lumino', path: 'Lumino' },
+    { name: 'Matplotlib', path: 'Matplotlib' },
+    { name: 'Notebook', path: 'Notebook' },
+    { name: 'Notebook2', path: 'Notebook2' },
+    { name: 'Notebook2 Actions', path: 'Notebook2Actions' },
+    { name: 'Notebook2 Collaborative', path: 'Notebook2Collaborative' },
+    { name: 'Notebook2 Lite', path: 'Notebook2Lite' },
+    { name: 'Notebook Cell Sidebar', path: 'NotebookCellSidebar' },
+    { name: 'Notebook Cell Toolbar', path: 'NotebookCellToolbar' },
+    { name: 'Notebook Colormode', path: 'NotebookColormode' },
+    { name: 'Notebook Collaborative', path: 'NotebookCollaborative' },
+    { name: 'Notebook Extension', path: 'NotebookExtension' },
+    { name: 'Notebook External Content', path: 'NotebookExternalContent' },
+    { name: 'Notebook Init', path: 'NotebookInit' },
+    { name: 'Notebook Kernel', path: 'NotebookKernel' },
+    { name: 'Notebook Kernel Change', path: 'NotebookKernelChange' },
+    { name: 'Notebook Less', path: 'NotebookLess' },
+    { name: 'Notebook Lite', path: 'NotebookLite' },
+    { name: 'Notebook Lite Context', path: 'NotebookLiteContext' },
+    { name: 'Notebook Local Server', path: 'NotebookLocalServer' },
+    { name: 'Notebook Nbformat', path: 'NotebookNbformat' },
+    { name: 'Notebook Nbformat Change', path: 'NotebookNbformatChange' },
+    { name: 'Notebook No Context', path: 'NotebookNoContext' },
+    { name: 'Notebook No Primer', path: 'NotebookNoPrimer' },
+    {
+        name: 'Notebook On Session Connection',
+        path: 'NotebookOnSessionConnection',
+    },
+    { name: 'Notebook Path', path: 'NotebookPath' },
+    { name: 'Notebook Path Change', path: 'NotebookPathChange' },
+    { name: 'Notebook Readonly', path: 'NotebookReadonly' },
+    { name: 'Notebook Service Manager', path: 'NotebookServiceManager' },
+    { name: 'Notebook Skeleton', path: 'NotebookSkeleton' },
+    { name: 'Notebook Theme', path: 'NotebookTheme' },
+    { name: 'Notebook Theme Colormode', path: 'NotebookThemeColormode' },
+    { name: 'Notebook TOC', path: 'NotebookTOC' },
+    { name: 'Notebook URL', path: 'NotebookURL' },
+    { name: 'Notebook Unmount', path: 'NotebookUnmount' },
+    { name: 'Outputs', path: 'Outputs' },
+    { name: 'Outputs Ipynb', path: 'OutputsIpynb' },
+    { name: 'Output IPyWidgets', path: 'OutputIPyWidgets' },
+    { name: 'Output With Monitoring', path: 'OutputWithMonitoring' },
+    { name: 'Plotly', path: 'Plotly' },
+    { name: 'PyGWalker', path: 'PyGWalker' },
+    { name: 'Running Sessions', path: 'RunningSessions' },
+    { name: 'Terminal', path: 'Terminal' },
+    { name: 'Viewer', path: 'Viewer' },
+];
+/**
+ * Dynamic import function for examples.
+ * Uses explicit imports to work with both Vite and webpack bundlers.
+ * The examples render to their own DOM elements when imported.
+ */
+const importExample = (path) => {
+    const modules = {
+        Cell: () => import('./Cell'),
+        CellLite: () => import('./CellLite'),
+        Cells: () => import('./Cells'),
+        CellsExecute: () => import('./CellsExecute'),
+        Console: () => import('./Console'),
+        ConsoleLite: () => import('./ConsoleLite'),
+        FileBrowser: () => import('./FileBrowser'),
+        IPyLeaflet: () => import('./IPyLeaflet'),
+        IPyReact: () => import('./IPyReact'),
+        IPyWidgets: () => import('./IPyWidgets'),
+        IPyWidgetsState: () => import('./IPyWidgetsState'),
+        JupyterContext: () => import('./JupyterContext'),
+        JupyterLabApp: () => import('./JupyterLabApp'),
+        JupyterLabAppHeadless: () => import('./JupyterLabAppHeadless'),
+        JupyterLabAppHeadlessServerless: () => import('./JupyterLabAppHeadlessServerless'),
+        JupyterLabAppServerless: () => import('./JupyterLabAppServerless'),
+        JupyterLabAppServiceManager: () => import('./JupyterLabAppServiceManager'),
+        JupyterLabTheme: () => import('./JupyterLabTheme'),
+        KernelExecute: () => import('./KernelExecute'),
+        KernelExecuteLite: () => import('./KernelExecuteLite'),
+        KernelExecutor: () => import('./KernelExecutor'),
+        KernelExecutorLite: () => import('./KernelExecutorLite'),
+        Kernels: () => import('./Kernels'),
+        Lumino: () => import('./Lumino'),
+        Matplotlib: () => import('./Matplotlib'),
+        Notebook: () => import('./Notebook'),
+        Notebook2: () => import('./Notebook2'),
+        Notebook2Actions: () => import('./Notebook2Actions'),
+        Notebook2Collaborative: () => import('./Notebook2Collaborative'),
+        Notebook2Lite: () => import('./Notebook2Lite'),
+        NotebookCellSidebar: () => import('./NotebookCellSidebar'),
+        NotebookCellToolbar: () => import('./NotebookCellToolbar'),
+        NotebookColormode: () => import('./NotebookColormode'),
+        NotebookCollaborative: () => import('./NotebookCollaborative'),
+        NotebookExtension: () => import('./NotebookExtension'),
+        NotebookExternalContent: () => import('./NotebookExternalContent'),
+        NotebookInit: () => import('./NotebookInit'),
+        NotebookKernel: () => import('./NotebookKernel'),
+        NotebookKernelChange: () => import('./NotebookKernelChange'),
+        NotebookLess: () => import('./NotebookLess'),
+        NotebookLite: () => import('./NotebookLite'),
+        NotebookLiteContext: () => import('./NotebookLiteContext'),
+        NotebookLocalServer: () => import('./NotebookLocalServer'),
+        NotebookNbformat: () => import('./NotebookNbformat'),
+        NotebookNbformatChange: () => import('./NotebookNbformatChange'),
+        NotebookNoContext: () => import('./NotebookNoContext'),
+        NotebookNoPrimer: () => import('./NotebookNoPrimer'),
+        NotebookOnSessionConnection: () => import('./NotebookOnSessionConnection'),
+        NotebookPath: () => import('./NotebookPath'),
+        NotebookPathChange: () => import('./NotebookPathChange'),
+        NotebookReadonly: () => import('./NotebookReadonly'),
+        NotebookServiceManager: () => import('./NotebookServiceManager'),
+        NotebookSkeleton: () => import('./NotebookSkeleton'),
+        NotebookTheme: () => import('./NotebookTheme'),
+        NotebookThemeColormode: () => import('./NotebookThemeColormode'),
+        NotebookTOC: () => import('./NotebookTOC'),
+        NotebookURL: () => import('./NotebookURL'),
+        NotebookUnmount: () => import('./NotebookUnmount'),
+        Outputs: () => import('./Outputs'),
+        OutputsIpynb: () => import('./OutputsIpynb'),
+        OutputIPyWidgets: () => import('./OutputIPyWidgets'),
+        OutputWithMonitoring: () => import('./OutputWithMonitoring'),
+        Plotly: () => import('./Plotly'),
+        PyGWalker: () => import('./PyGWalker'),
+        RunningSessions: () => import('./RunningSessions'),
+        Terminal: () => import('./Terminal'),
+        Viewer: () => import('./Viewer'),
+    };
+    const loader = modules[path];
+    if (loader) {
+        return loader();
+    }
+    return Promise.reject(new Error(`Example "${path}" not found`));
+};
+/**
+ * Get the selected example from URL or localStorage.
+ */
+const getSelectedExample = () => {
+    // First check URL query parameter
+    const urlParams = new URLSearchParams(window.location.search);
+    const exampleFromUrl = urlParams.get('example');
+    if (exampleFromUrl && EXAMPLES.some(e => e.path === exampleFromUrl)) {
+        return exampleFromUrl;
+    }
+    // Then check localStorage
+    try {
+        const saved = localStorage.getItem(LOCAL_STORAGE_KEY);
+        if (saved && EXAMPLES.some(e => e.path === saved)) {
+            return saved;
+        }
+    }
+    catch {
+        // localStorage not available
+    }
+    return 'CellLite'; // Default example
+};
+/**
+ * Save the selected example to localStorage.
+ */
+const saveExample = (path) => {
+    try {
+        localStorage.setItem(LOCAL_STORAGE_KEY, path);
+    }
+    catch {
+        // localStorage not available
+    }
+};
+/**
+ * Example Selector Sidebar component.
+ * Renders a right sidebar with a filtered list for selecting examples.
+ */
+const ExamplesSidebar = ({ selectedPath, onSelect, isLoading, error, }) => {
+    const [filter, setFilter] = useState('');
+    // Filter examples based on search text
+    const filteredExamples = EXAMPLES.filter(example => example.name.toLowerCase().includes(filter.toLowerCase()) ||
+        example.path.toLowerCase().includes(filter.toLowerCase()));
+    return (_jsxs(Box, { sx: {
+            position: 'fixed',
+            top: 0,
+            right: 0,
+            height: '100vh',
+            width: '320px',
+            backgroundColor: 'canvas.default',
+            borderLeft: '1px solid',
+            borderColor: 'border.default',
+            display: 'flex',
+            flexDirection: 'column',
+            zIndex: 1000,
+        }, children: [_jsxs(Box, { sx: {
+                    px: 3,
+                    py: 2,
+                    borderBottom: '1px solid',
+                    borderColor: 'border.default',
+                }, children: [_jsx(Text, { as: "div", fontWeight: "bold", fontSize: 2, children: "\uD83D\uDCD3 Examples" }), isLoading && (_jsxs(Box, { mt: 2, display: "flex", alignItems: "center", children: [_jsx(Spinner, { size: "small" }), _jsx(Text, { ml: 2, fontSize: 1, color: "fg.muted", children: "Loading..." })] }))] }), error && (_jsx(Box, { px: 3, py: 2, children: _jsx(Flash, { variant: "danger", children: error }) })), _jsx(Box, { sx: {
+                    px: 2,
+                    py: 2,
+                    borderBottom: '1px solid',
+                    borderColor: 'border.default',
+                }, children: _jsx(TextInput, { leadingVisual: SearchIcon, placeholder: "Filter examples...", value: filter, onChange: e => setFilter(e.target.value), sx: { width: '100%' }, "aria-label": "Filter examples" }) }), _jsx(Box, { sx: { flex: 1, overflow: 'auto' }, children: _jsx(ActionList, { selectionVariant: "single", children: filteredExamples.length === 0 ? (_jsxs(ActionList.Item, { disabled: true, children: ["No examples match \u201C", filter, "\u201D"] })) : (filteredExamples.map(example => {
+                        const isSelected = example.path === selectedPath;
+                        return (_jsxs(ActionList.Item, { selected: isSelected, onSelect: () => onSelect(example.path), children: [isSelected && (_jsx(ActionList.LeadingVisual, { children: _jsx(CheckIcon, {}) })), example.name, _jsx(ActionList.Description, { variant: "block", children: example.path })] }, example.path));
+                    })) }) })] }));
+};
+/**
+ * Main Examples component.
+ * Renders the sidebar and loads the selected example in an iframe.
+ */
+const Examples = () => {
+    const [selectedPath, setSelectedPath] = useState(getSelectedExample);
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const iframeRef = useRef(null);
+    useEffect(() => {
+        // Add margin to body to account for sidebar width (medium = 320px)
+        document.body.style.marginRight = '320px';
+        document.body.style.margin = '0';
+        document.body.style.padding = '0';
+        document.body.style.overflow = 'hidden';
+        document.documentElement.style.margin = '0';
+        document.documentElement.style.padding = '0';
+        document.documentElement.style.overflow = 'hidden';
+        return () => {
+            // Cleanup: remove styles when component unmounts
+            document.body.style.marginRight = '';
+            document.body.style.margin = '';
+            document.body.style.padding = '';
+            document.body.style.overflow = '';
+            document.documentElement.style.margin = '';
+            document.documentElement.style.padding = '';
+            document.documentElement.style.overflow = '';
+        };
+    }, []);
+    // Build the iframe URL for the selected example
+    const getExampleUrl = (path) => {
+        const url = new URL(window.location.href);
+        url.searchParams.set('example', path);
+        url.searchParams.set('standalone', 'true');
+        return url.toString();
+    };
+    const handleSelect = (path) => {
+        if (path === selectedPath)
+            return;
+        // Save selection
+        saveExample(path);
+        // Update URL without reloading
+        const url = new URL(window.location.href);
+        url.searchParams.set('example', path);
+        window.history.pushState({}, '', url.toString());
+        // Update state to reload iframe
+        setIsLoading(true);
+        setError(null);
+        setSelectedPath(path);
+    };
+    const handleIframeLoad = () => {
+        setIsLoading(false);
+    };
+    const handleIframeError = () => {
+        setError(`Failed to load example "${selectedPath}"`);
+        setIsLoading(false);
+    };
+    return (_jsx(ThemeProvider, { colorMode: "auto", children: _jsxs(BaseStyles, { children: [_jsx("iframe", { ref: iframeRef, src: getExampleUrl(selectedPath), onLoad: handleIframeLoad, onError: handleIframeError, style: {
+                        position: 'fixed',
+                        top: 0,
+                        left: 0,
+                        width: 'calc(100vw - 320px)',
+                        height: '100vh',
+                        border: 'none',
+                    }, title: `Example: ${selectedPath}` }), _jsx(ExamplesSidebar, { selectedPath: selectedPath, onSelect: handleSelect, isLoading: isLoading, error: error })] }) }));
+};
+// Check if we're in standalone mode (loaded in iframe)
+const urlParams = new URLSearchParams(window.location.search);
+const isStandalone = urlParams.get('standalone') === 'true';
+if (isStandalone) {
+    // In standalone mode, just load the example directly
+    const examplePath = urlParams.get('example') || 'CellLite';
+    importExample(examplePath).catch(err => {
+        console.error('Failed to load example:', err);
+    });
+}
+else {
+    // Normal mode: render the selector with sidebar
+    const selectorDiv = document.createElement('div');
+    selectorDiv.id = 'example-selector-root';
+    document.body.appendChild(selectorDiv);
+    const root = createRoot(selectorDiv);
+    root.render(_jsx(Examples, {}));
+}
+export { EXAMPLES, getSelectedExample, saveExample };
+export default Examples;
+//# sourceMappingURL=Examples.js.map