@datalayer/jupyter-react 1.2.2 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -0
- package/lib/app/tabs/components/FileBrowserComponent.js +1 -1
- package/lib/app/tabs/components/FileBrowserComponent.js.map +1 -1
- package/lib/app/tabs/components/NotebookComponent.js +10 -4
- package/lib/app/tabs/components/NotebookComponent.js.map +1 -1
- package/lib/components/console/Console.js +1 -1
- package/lib/components/console/Console.js.map +1 -1
- package/lib/components/filemanager/FileManagerJupyterLab.js +1 -1
- package/lib/components/filemanager/FileManagerJupyterLab.js.map +1 -1
- package/lib/components/jupyterlab/JupyterLabApp.js +1 -1
- package/lib/components/jupyterlab/JupyterLabApp.js.map +1 -1
- package/lib/components/kernel/KernelSelector.js +1 -1
- package/lib/components/kernel/KernelSelector.js.map +1 -1
- package/lib/components/kernel/Kernels.js +1 -1
- package/lib/components/kernel/Kernels.js.map +1 -1
- package/lib/components/notebook/Notebook.d.ts +95 -41
- package/lib/components/notebook/Notebook.js +57 -276
- package/lib/components/notebook/Notebook.js.map +1 -1
- package/lib/components/notebook/NotebookAdapter.d.ts +263 -66
- package/lib/components/notebook/NotebookAdapter.js +639 -583
- package/lib/components/notebook/NotebookAdapter.js.map +1 -1
- package/lib/components/notebook/{Notebook2Base.d.ts → NotebookBase.d.ts} +2 -2
- package/lib/components/notebook/{Notebook2Base.js → NotebookBase.js} +29 -29
- package/lib/components/notebook/NotebookBase.js.map +1 -0
- package/lib/components/notebook/NotebookState.d.ts +37 -89
- package/lib/components/notebook/NotebookState.js +72 -155
- package/lib/components/notebook/NotebookState.js.map +1 -1
- package/lib/components/notebook/index.d.ts +2 -6
- package/lib/components/notebook/index.js +2 -6
- package/lib/components/notebook/index.js.map +1 -1
- package/lib/components/notebook/toolbar/NotebookToolbar.js +11 -16
- package/lib/components/notebook/toolbar/NotebookToolbar.js.map +1 -1
- package/lib/components/output/Output.js +1 -1
- package/lib/components/output/Output.js.map +1 -1
- package/lib/components/terminal/Terminal.js +1 -1
- package/lib/components/terminal/Terminal.js.map +1 -1
- package/lib/examples/Bokeh.js +6 -2
- package/lib/examples/Bokeh.js.map +1 -1
- package/lib/examples/Bqplot.js +7 -3
- package/lib/examples/Bqplot.js.map +1 -1
- package/lib/examples/Cell.js +1 -1
- package/lib/examples/Cell.js.map +1 -1
- package/lib/examples/CellLite.js +1 -1
- package/lib/examples/CellLite.js.map +1 -1
- package/lib/examples/Cells.js +1 -1
- package/lib/examples/Cells.js.map +1 -1
- package/lib/examples/CellsExecute.js +1 -1
- package/lib/examples/CellsExecute.js.map +1 -1
- package/lib/examples/ConsoleLite.js +2 -2
- package/lib/examples/ConsoleLite.js.map +1 -1
- package/lib/examples/Dashboard.js +7 -3
- package/lib/examples/Dashboard.js.map +1 -1
- package/lib/examples/Deno.js +8 -3
- package/lib/examples/Deno.js.map +1 -1
- package/lib/examples/Examples.js +6 -14
- package/lib/examples/Examples.js.map +1 -1
- package/lib/examples/FileBrowser.js +1 -1
- package/lib/examples/FileBrowser.js.map +1 -1
- package/lib/examples/GeoJson.js +9 -5
- package/lib/examples/GeoJson.js.map +1 -1
- package/lib/examples/IPyLeaflet.js +7 -3
- package/lib/examples/IPyLeaflet.js.map +1 -1
- package/lib/examples/IPyReact.js +6 -2
- package/lib/examples/IPyReact.js.map +1 -1
- package/lib/examples/IPyWidgets.js +7 -3
- package/lib/examples/IPyWidgets.js.map +1 -1
- package/lib/examples/IPyWidgetsState.js +13 -4
- package/lib/examples/IPyWidgetsState.js.map +1 -1
- package/lib/examples/JupyterContext.js +47 -24
- package/lib/examples/JupyterContext.js.map +1 -1
- package/lib/examples/JupyterLabTheme.js +4 -3
- package/lib/examples/JupyterLabTheme.js.map +1 -1
- package/lib/examples/KernelExecute.js +1 -1
- package/lib/examples/KernelExecute.js.map +1 -1
- package/lib/examples/KernelExecuteLite.js +1 -1
- package/lib/examples/KernelExecuteLite.js.map +1 -1
- package/lib/examples/KernelExecutor.js +1 -1
- package/lib/examples/KernelExecutor.js.map +1 -1
- package/lib/examples/KernelExecutorLite.js +1 -1
- package/lib/examples/KernelExecutorLite.js.map +1 -1
- package/lib/examples/Kernels.js +1 -1
- package/lib/examples/Kernels.js.map +1 -1
- package/lib/examples/Matplotlib.js +6 -2
- package/lib/examples/Matplotlib.js.map +1 -1
- package/lib/examples/Notebook.js +19 -8
- package/lib/examples/Notebook.js.map +1 -1
- package/lib/examples/{Notebook2Actions.js → NotebookActions.js} +6 -6
- package/lib/examples/NotebookActions.js.map +1 -0
- package/lib/examples/NotebookCellSidebar.js +17 -4
- package/lib/examples/NotebookCellSidebar.js.map +1 -1
- package/lib/examples/NotebookCellToolbar.js +7 -3
- package/lib/examples/NotebookCellToolbar.js.map +1 -1
- package/lib/examples/NotebookCollaborative.js +6 -9
- package/lib/examples/NotebookCollaborative.js.map +1 -1
- package/lib/examples/NotebookColormode.js +2 -2
- package/lib/examples/NotebookColormode.js.map +1 -1
- package/lib/examples/NotebookExtension.js +6 -2
- package/lib/examples/NotebookExtension.js.map +1 -1
- package/lib/examples/NotebookExternalContent.js +22 -14
- package/lib/examples/NotebookExternalContent.js.map +1 -1
- package/lib/examples/NotebookInit.js +23 -48
- package/lib/examples/NotebookInit.js.map +1 -1
- package/lib/examples/NotebookKernel.js +7 -16
- package/lib/examples/NotebookKernel.js.map +1 -1
- package/lib/examples/NotebookKernelChange.js +19 -12
- package/lib/examples/NotebookKernelChange.js.map +1 -1
- package/lib/examples/NotebookLess.js +13 -4
- package/lib/examples/NotebookLess.js.map +1 -1
- package/lib/examples/NotebookLite.js +21 -10
- package/lib/examples/NotebookLite.js.map +1 -1
- package/lib/examples/NotebookLocalServer.js +15 -6
- package/lib/examples/NotebookLocalServer.js.map +1 -1
- package/lib/examples/NotebookNbformat.js +2 -2
- package/lib/examples/NotebookNbformat.js.map +1 -1
- package/lib/examples/NotebookNbformatChange.js +16 -6
- package/lib/examples/NotebookNbformatChange.js.map +1 -1
- package/lib/examples/NotebookNoContext.js +10 -2
- package/lib/examples/NotebookNoContext.js.map +1 -1
- package/lib/examples/NotebookNoPrimer.js +11 -3
- package/lib/examples/NotebookNoPrimer.js.map +1 -1
- package/lib/examples/NotebookOnSessionConnection.js +13 -5
- package/lib/examples/NotebookOnSessionConnection.js.map +1 -1
- package/lib/examples/NotebookPath.js +13 -5
- package/lib/examples/NotebookPath.js.map +1 -1
- package/lib/examples/NotebookPathChange.js +7 -3
- package/lib/examples/NotebookPathChange.js.map +1 -1
- package/lib/examples/NotebookReadonly.js +6 -2
- package/lib/examples/NotebookReadonly.js.map +1 -1
- package/lib/examples/NotebookServiceManager.js +12 -6
- package/lib/examples/NotebookServiceManager.js.map +1 -1
- package/lib/examples/NotebookSkeleton.js +14 -4
- package/lib/examples/NotebookSkeleton.js.map +1 -1
- package/lib/examples/NotebookTOC.js +7 -3
- package/lib/examples/NotebookTOC.js.map +1 -1
- package/lib/examples/NotebookTheme.js +7 -3
- package/lib/examples/NotebookTheme.js.map +1 -1
- package/lib/examples/NotebookThemeColormode.js +2 -2
- package/lib/examples/NotebookThemeColormode.js.map +1 -1
- package/lib/examples/NotebookURL.js +11 -3
- package/lib/examples/NotebookURL.js.map +1 -1
- package/lib/examples/NotebookUnmount.js +8 -6
- package/lib/examples/NotebookUnmount.js.map +1 -1
- package/lib/examples/ObservableHQ.js +8 -3
- package/lib/examples/ObservableHQ.js.map +1 -1
- package/lib/examples/OutputWithMonitoring.js +11 -5
- package/lib/examples/OutputWithMonitoring.js.map +1 -1
- package/lib/examples/Outputs.js +13 -8
- package/lib/examples/Outputs.js.map +1 -1
- package/lib/examples/OutputsIpynb.js +3 -3
- package/lib/examples/OutputsIpynb.js.map +1 -1
- package/lib/examples/Panel.js +8 -4
- package/lib/examples/Panel.js.map +1 -1
- package/lib/examples/Plotly.js +7 -3
- package/lib/examples/Plotly.js.map +1 -1
- package/lib/examples/PyGWalker.js +13 -4
- package/lib/examples/PyGWalker.js.map +1 -1
- package/lib/examples/RunningSessions.js +5 -5
- package/lib/examples/RunningSessions.js.map +1 -1
- package/lib/examples/Vega.js +11 -3
- package/lib/examples/Vega.js.map +1 -1
- package/lib/examples/Viewer.js +2 -2
- package/lib/examples/Viewer.js.map +1 -1
- package/lib/examples/extensions/celltoolbar/CellToolbarComponent.js +8 -25
- package/lib/examples/extensions/celltoolbar/CellToolbarComponent.js.map +1 -1
- package/lib/examples/extensions/toc/TocComponent.d.ts +1 -0
- package/lib/examples/extensions/toc/TocComponent.js +39 -28
- package/lib/examples/extensions/toc/TocComponent.js.map +1 -1
- package/lib/examples/extensions/toc/TocExtension.d.ts +1 -3
- package/lib/examples/extensions/toc/TocExtension.js +28 -11
- package/lib/examples/extensions/toc/TocExtension.js.map +1 -1
- package/lib/jupyter/JupyterConfig.d.ts +9 -2
- package/lib/jupyter/JupyterConfig.js.map +1 -1
- package/lib/jupyter/{JupyterContext.d.ts → JupyterUse.d.ts} +3 -26
- package/lib/jupyter/JupyterUse.js +26 -0
- package/lib/jupyter/JupyterUse.js.map +1 -0
- package/lib/jupyter/index.d.ts +1 -3
- package/lib/jupyter/index.js +1 -3
- package/lib/jupyter/index.js.map +1 -1
- package/lib/jupyter/lite/contents/broadcast.js +5 -2
- package/lib/jupyter/lite/contents/broadcast.js.map +1 -1
- package/lib/jupyter/lite/contents/contents.js +5 -0
- package/lib/jupyter/lite/contents/contents.js.map +1 -1
- package/lib/jupyter/lite/contents/drivecontents.js +5 -0
- package/lib/jupyter/lite/contents/drivecontents.js.map +1 -1
- package/lib/jupyter/lite/contents/drivefs.js +5 -2
- package/lib/jupyter/lite/contents/drivefs.js.map +1 -1
- package/lib/jupyter/lite/contents/emscripten.js +5 -2
- package/lib/jupyter/lite/contents/emscripten.js.map +1 -1
- package/lib/jupyter/lite/contents/index.js +5 -0
- package/lib/jupyter/lite/contents/index.js.map +1 -1
- package/lib/jupyter/lite/contents/tokens.js +5 -0
- package/lib/jupyter/lite/contents/tokens.js.map +1 -1
- package/lib/jupyter/lite/javascript-kernel/comlink.worker.js +15 -0
- package/lib/jupyter/lite/javascript-kernel/comlink.worker.js.map +1 -0
- package/lib/jupyter/lite/javascript-kernel/index.d.ts +2 -0
- package/lib/jupyter/lite/javascript-kernel/index.js +10 -0
- package/lib/jupyter/lite/javascript-kernel/index.js.map +1 -0
- package/lib/jupyter/lite/javascript-kernel/kernel.d.ts +121 -0
- package/lib/jupyter/lite/javascript-kernel/kernel.js +239 -0
- package/lib/jupyter/lite/javascript-kernel/kernel.js.map +1 -0
- package/lib/jupyter/lite/javascript-kernel/tokens.d.ts +27 -0
- package/lib/jupyter/lite/javascript-kernel/tokens.js +7 -0
- package/lib/jupyter/lite/javascript-kernel/tokens.js.map +1 -0
- package/lib/jupyter/lite/javascript-kernel/worker.d.ts +37 -0
- package/lib/jupyter/lite/javascript-kernel/worker.js +117 -0
- package/lib/jupyter/lite/javascript-kernel/worker.js.map +1 -0
- package/lib/jupyter/lite/javascript-kernel-extension/index.d.ts +3 -0
- package/lib/jupyter/lite/javascript-kernel-extension/index.js +37 -0
- package/lib/jupyter/lite/javascript-kernel-extension/index.js.map +1 -0
- package/lib/jupyter/lite/kernel/index.js +5 -0
- package/lib/jupyter/lite/kernel/index.js.map +1 -1
- package/lib/jupyter/lite/kernel/kernel.js +5 -0
- package/lib/jupyter/lite/kernel/kernel.js.map +1 -1
- package/lib/jupyter/lite/kernel/kernels.js +5 -0
- package/lib/jupyter/lite/kernel/kernels.js.map +1 -1
- package/lib/jupyter/lite/kernel/kernelspecs.js +5 -0
- package/lib/jupyter/lite/kernel/kernelspecs.js.map +1 -1
- package/lib/jupyter/lite/kernel/tokens.js +5 -2
- package/lib/jupyter/lite/kernel/tokens.js.map +1 -1
- package/lib/jupyter/lite/licenses/index.js +5 -0
- package/lib/jupyter/lite/licenses/index.js.map +1 -1
- package/lib/jupyter/lite/licenses/licenses.js +5 -0
- package/lib/jupyter/lite/licenses/licenses.js.map +1 -1
- package/lib/jupyter/lite/licenses/tokens.js +5 -0
- package/lib/jupyter/lite/licenses/tokens.js.map +1 -1
- package/lib/jupyter/lite/localforage/index.js +5 -0
- package/lib/jupyter/lite/localforage/index.js.map +1 -1
- package/lib/jupyter/lite/localforage/memory.js +5 -2
- package/lib/jupyter/lite/localforage/memory.js.map +1 -1
- package/lib/jupyter/lite/localforage/tokens.js +5 -2
- package/lib/jupyter/lite/localforage/tokens.js.map +1 -1
- package/lib/jupyter/lite/pyodide-kernel/_pypi.js +5 -0
- package/lib/jupyter/lite/pyodide-kernel/_pypi.js.map +1 -1
- package/lib/jupyter/lite/pyodide-kernel/coincident.worker.js +5 -0
- package/lib/jupyter/lite/pyodide-kernel/coincident.worker.js.map +1 -1
- package/lib/jupyter/lite/pyodide-kernel/comlink.worker.js +5 -0
- package/lib/jupyter/lite/pyodide-kernel/comlink.worker.js.map +1 -1
- package/lib/jupyter/lite/pyodide-kernel/index.js +5 -0
- package/lib/jupyter/lite/pyodide-kernel/index.js.map +1 -1
- package/lib/jupyter/lite/pyodide-kernel/kernel.d.ts +1 -1
- package/lib/jupyter/lite/pyodide-kernel/kernel.js +6 -1
- package/lib/jupyter/lite/pyodide-kernel/kernel.js.map +1 -1
- package/lib/jupyter/lite/pyodide-kernel/tokens.js +5 -2
- package/lib/jupyter/lite/pyodide-kernel/tokens.js.map +1 -1
- package/lib/jupyter/lite/pyodide-kernel/worker.js +5 -2
- package/lib/jupyter/lite/pyodide-kernel/worker.js.map +1 -1
- package/lib/jupyter/lite/pyodide-kernel-extension/index.js +6 -1
- package/lib/jupyter/lite/pyodide-kernel-extension/index.js.map +1 -1
- package/lib/jupyter/lite/server/app.js +5 -0
- package/lib/jupyter/lite/server/app.js.map +1 -1
- package/lib/jupyter/lite/server/index.js +5 -0
- package/lib/jupyter/lite/server/index.js.map +1 -1
- package/lib/jupyter/lite/server/router.js +5 -0
- package/lib/jupyter/lite/server/router.js.map +1 -1
- package/lib/jupyter/lite/server/service-manager.js +5 -0
- package/lib/jupyter/lite/server/service-manager.js.map +1 -1
- package/lib/jupyter/lite/server/service-worker.js +5 -0
- package/lib/jupyter/lite/server/service-worker.js.map +1 -1
- package/lib/jupyter/lite/server/status.js +5 -0
- package/lib/jupyter/lite/server/status.js.map +1 -1
- package/lib/jupyter/lite/server/tokens.js +5 -0
- package/lib/jupyter/lite/server/tokens.js.map +1 -1
- package/lib/jupyter/lite/server-extension/index.js +5 -0
- package/lib/jupyter/lite/server-extension/index.js.map +1 -1
- package/lib/jupyter/lite/session/index.js +5 -0
- package/lib/jupyter/lite/session/index.js.map +1 -1
- package/lib/jupyter/lite/session/sessions.js +5 -0
- package/lib/jupyter/lite/session/sessions.js.map +1 -1
- package/lib/jupyter/lite/session/tokens.js +5 -0
- package/lib/jupyter/lite/session/tokens.js.map +1 -1
- package/lib/jupyter/lite/settings/index.js +5 -0
- package/lib/jupyter/lite/settings/index.js.map +1 -1
- package/lib/jupyter/lite/settings/settings.js +5 -0
- package/lib/jupyter/lite/settings/settings.js.map +1 -1
- package/lib/jupyter/lite/settings/tokens.js +5 -0
- package/lib/jupyter/lite/settings/tokens.js.map +1 -1
- package/lib/jupyter/lite/translation/index.js +5 -0
- package/lib/jupyter/lite/translation/index.js.map +1 -1
- package/lib/jupyter/lite/translation/tokens.js +5 -0
- package/lib/jupyter/lite/translation/tokens.js.map +1 -1
- package/lib/jupyter/lite/translation/translation.js +5 -0
- package/lib/jupyter/lite/translation/translation.js.map +1 -1
- package/lib/jupyter/lite/types/index.js +5 -0
- package/lib/jupyter/lite/types/index.js.map +1 -1
- package/lib/jupyter/lite/types/tokens.js +5 -2
- package/lib/jupyter/lite/types/tokens.js.map +1 -1
- package/lib/state/JupyterReactState.d.ts +2 -2
- package/lib/state/JupyterReactState.js +3 -1
- package/lib/state/JupyterReactState.js.map +1 -1
- package/lib/tools/core/executor.d.ts +4 -4
- package/lib/tools/core/executor.js +2 -2
- package/lib/tools/core/executor.js.map +1 -1
- package/lib/utils/Utils.d.ts +7 -0
- package/lib/utils/Utils.js +32 -0
- package/lib/utils/Utils.js.map +1 -1
- package/package.json +4 -1
- package/style/icons/javascript/logo-32x32.png +0 -0
- package/style/icons/javascript/logo-64x64.png +0 -0
- package/lib/components/notebook/Notebook2.d.ts +0 -112
- package/lib/components/notebook/Notebook2.js +0 -121
- package/lib/components/notebook/Notebook2.js.map +0 -1
- package/lib/components/notebook/Notebook2Adapter.d.ts +0 -269
- package/lib/components/notebook/Notebook2Adapter.js +0 -688
- package/lib/components/notebook/Notebook2Adapter.js.map +0 -1
- package/lib/components/notebook/Notebook2Base.js.map +0 -1
- package/lib/components/notebook/Notebook2State.d.ts +0 -59
- package/lib/components/notebook/Notebook2State.js +0 -122
- package/lib/components/notebook/Notebook2State.js.map +0 -1
- package/lib/examples/Notebook2.js +0 -30
- package/lib/examples/Notebook2.js.map +0 -1
- package/lib/examples/Notebook2Actions.js.map +0 -1
- package/lib/examples/Notebook2Collaborative.d.ts +0 -1
- package/lib/examples/Notebook2Collaborative.js +0 -23
- package/lib/examples/Notebook2Collaborative.js.map +0 -1
- package/lib/examples/Notebook2Lite.d.ts +0 -1
- package/lib/examples/Notebook2Lite.js +0 -39
- package/lib/examples/Notebook2Lite.js.map +0 -1
- package/lib/examples/NotebookLiteContext.d.ts +0 -1
- package/lib/examples/NotebookLiteContext.js +0 -24
- package/lib/examples/NotebookLiteContext.js.map +0 -1
- package/lib/examples/toolbars/NotebookToolbarAutoSave.d.ts +0 -4
- package/lib/examples/toolbars/NotebookToolbarAutoSave.js +0 -70
- package/lib/examples/toolbars/NotebookToolbarAutoSave.js.map +0 -1
- package/lib/examples/toolbars/NotebookToolbarStatus.d.ts +0 -4
- package/lib/examples/toolbars/NotebookToolbarStatus.js +0 -15
- package/lib/examples/toolbars/NotebookToolbarStatus.js.map +0 -1
- package/lib/jupyter/Jupyter.d.ts +0 -18
- package/lib/jupyter/Jupyter.js +0 -38
- package/lib/jupyter/Jupyter.js.map +0 -1
- package/lib/jupyter/JupyterContext.js +0 -99
- package/lib/jupyter/JupyterContext.js.map +0 -1
- /package/lib/examples/{Notebook2.d.ts → NotebookActions.d.ts} +0 -0
- /package/lib/{examples/Notebook2Actions.d.ts → jupyter/lite/javascript-kernel/comlink.worker.d.ts} +0 -0
- /package/style/icons/{pyodide.svg → pyodide/pyodide.svg} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OutputWithMonitoring.js","sourceRoot":"","sources":["../../src/examples/OutputWithMonitoring.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"OutputWithMonitoring.js","sourceRoot":"","sources":["../../src/examples/OutputWithMonitoring.tsx"],"names":[],"mappings":";AAAA,yCAAyC;AACzC;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAEnE,MAAM,WAAW,GAAG,aAAa,CAAC;AAClC,MAAM,QAAQ,GAAG,MAAM,CAAC;AAExB,MAAM,WAAW,GAAG,aAAa,CAAC;AAClC,MAAM,QAAQ,GAAG,KAAK,CAAC;AACvB,MAAM,SAAS,GAAc;IAC3B;QACE,IAAI,EAAE;YACJ,YAAY,EAAE,CAAC,GAAG,CAAC;SACpB;QACD,eAAe,EAAE,CAAC;QAClB,QAAQ,EAAE,EAAE;QACZ,WAAW,EAAE,gBAAgB;KAC9B;CACF,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAAC;AAClC,MAAM,QAAQ,GAAG,OAAO,CAAC;AAEzB,MAAM,WAAW,GAAG,aAAa,CAAC;AAClC,MAAM,QAAQ,GACZ,8FAA8F,CAAC;AAEjG,MAAM,WAAW,GAAG,aAAa,CAAC;AAClC,MAAM,QAAQ,GAAG,YAAY,CAAC;AAE9B,MAAM,wBAAwB,GAAG,CAAC,EAChC,KAAK,EACL,EAAE,EACF,IAAI,EACJ,MAAM,GAMP,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,CAAC;IACvC,MAAM,WAAW,GAAG,eAAe,EAAE,CAAC;IACtC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAC/D,OAAO,CAAC,GAAG,CACT,SAAS,EACT,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,EAClC,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,CACzB,CAAC;IACF,MAAM,2BAA2B,GAAG,CAAC,WAAkC,EAAE,EAAE;QACzE,QAAQ,WAAW,CAAC,cAAc,EAAE,CAAC;YACnC,KAAK,cAAc,CAAC,OAAO;gBACzB,MAAM,GAAG,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,GAAG,4BAA4B,CAAC,CAAC;gBACtE,eAAe,CAAC,GAAG,CAAC,CAAC;gBACrB,MAAM;YACR,KAAK,cAAc,CAAC,SAAS;gBAC3B,eAAe,CAAC,YAAY,CAAC,EAAE,CAAC;oBAC9B,GAAG,YAAY;oBACf,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;wBACtB,0CAA0C;wBAC1C,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,WAAW,EAAE,MAAM,EAAE,CAAC;iBACpD,CAAC,CAAC;gBACH,MAAM;YACR,KAAK,cAAc,CAAC,oBAAoB;gBACtC,eAAe,CAAC,YAAY,CAAC,EAAE,CAAC;oBAC9B,GAAG,YAAY;oBACf,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;wBACtB,qDAAqD;wBACrD,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,WAAW,EAAE,MAAM,EAAE,CAAC;iBACpD,CAAC,CAAC;gBACH,MAAM;YACR,KAAK,cAAc,CAAC,sBAAsB;gBACxC,eAAe,CAAC,YAAY,CAAC,EAAE,CAAC;oBAC9B,GAAG,YAAY;oBACf,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;wBACtB,uDAAuD;wBACvD,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,WAAW,EAAE,MAAM,EAAE,CAAC;iBACpD,CAAC,CAAC;gBACH,MAAM;QACV,CAAC;IACH,CAAC,CAAC;IACF,OAAO,CACL,8BACE,KAAC,IAAI,IAAC,EAAE,EAAC,IAAI,YAAE,KAAK,GAAQ,EAC5B,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,GAAG,CAAC,CAAC,wCAE5D,EACT,eACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,KAAK,EAAE,MAAM;oBACb,OAAO,EAAE,MAAM;oBACf,aAAa,EAAE,QAAQ;iBACxB,aAED,eAAM,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,8BAAsB,EACxD,wBACG,YAAY,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE;4BACpC,OAAO,CACL,YAAe,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YACxC,QAAQ,IADH,KAAK,CAET,CACL,CAAC;wBACJ,CAAC,CAAC,GACE,IACF,EACN,KAAC,MAAM,IACL,OAAO,EAAE,KAAK,EACd,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,aAAa,EACrB,cAAc,EAAE,WAAW,EAC3B,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAC7B,uBAAuB,EAAE,2BAA2B,EACpD,2BAA2B,QAC3B,UAAU,SACV,IACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,2BAA2B,GAAG,GAAG,EAAE,CAAC,CACxC,MAAC,iBAAiB,eAChB,KAAC,wBAAwB,IACvB,KAAK,EAAC,wBAAwB,EAE9B,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,QAAQ,IAFV,GAAG,CAGP,EACF,KAAC,wBAAwB,IACvB,KAAK,EAAC,0BAA0B,EAEhC,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,QAAQ,EACd,MAAM,EAAE,SAAS,IAHb,GAAG,CAIP,EACF,KAAC,wBAAwB,IACvB,KAAK,EAAC,qBAAqB,EAE3B,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,QAAQ,IAFV,GAAG,CAGP,EACF,KAAC,wBAAwB,IACvB,KAAK,EAAC,yBAAyB,EAE/B,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,QAAQ,IAFV,GAAG,CAGP,EACF,KAAC,wBAAwB,IACvB,KAAK,EAAC,yBAAyB,EAE/B,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,QAAQ,IAFV,GAAG,CAGP,IACgB,CACrB,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,2BAA2B,KAAG,CAAC,CAAC"}
|
package/lib/examples/Outputs.js
CHANGED
|
@@ -1,16 +1,21 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
/*
|
|
3
|
+
* Copyright (c) 2021-2023 Datalayer, Inc.
|
|
4
|
+
*
|
|
5
|
+
* MIT License
|
|
6
|
+
*/
|
|
4
7
|
import { useEffect, useState } from 'react';
|
|
5
8
|
import { createRoot } from 'react-dom/client';
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import { useJupyter } from '../jupyter/JupyterContext';
|
|
9
|
+
import { Text } from '@primer/react';
|
|
10
|
+
import { Box } from '@datalayer/primer-addons';
|
|
11
|
+
import { useJupyter } from '../jupyter';
|
|
10
12
|
import { Kernel } from '../jupyter/kernel/Kernel';
|
|
13
|
+
import { JupyterReactTheme } from '../theme/JupyterReactTheme';
|
|
11
14
|
import { useKernelsStore } from '../jupyter/kernel/KernelState';
|
|
12
|
-
import {
|
|
15
|
+
import { KernelIndicator } from '../components/kernel/KernelIndicator';
|
|
16
|
+
import { Output } from '../components/output/Output';
|
|
13
17
|
import { useOutputsStore } from './../components/output/OutputState';
|
|
18
|
+
import { newUuid } from '../utils/Utils';
|
|
14
19
|
const SOURCE_ID_0 = 'output-id-0';
|
|
15
20
|
const CODE_O = `from ipywidgets import IntSlider
|
|
16
21
|
IntSlider(value=7, min=0, max=10, step=1,)
|
|
@@ -99,5 +104,5 @@ const OutputEmptyExample = () => {
|
|
|
99
104
|
const div = document.createElement('div');
|
|
100
105
|
document.body.appendChild(div);
|
|
101
106
|
const root = createRoot(div);
|
|
102
|
-
root.render(_jsxs(
|
|
107
|
+
root.render(_jsxs(JupyterReactTheme, { children: [_jsx(OutputIPyWidgetsExample, {}), _jsx(OutputNoEditorNoAutorunExample, {}), _jsx(OutputNoEditorExample, {}), _jsx(OutputNoEditorErrorExample, {}), _jsx(OutputEditorExample, {}), _jsx(OutputEmptyExample, {})] }));
|
|
103
108
|
//# sourceMappingURL=Outputs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Outputs.js","sourceRoot":"","sources":["../../src/examples/Outputs.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Outputs.js","sourceRoot":"","sources":["../../src/examples/Outputs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,17 +6,17 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
6
6
|
*/
|
|
7
7
|
import { createRoot } from 'react-dom/client';
|
|
8
8
|
import { Text } from '@primer/react';
|
|
9
|
-
import {
|
|
9
|
+
import { JupyterReactTheme } from '../theme/JupyterReactTheme';
|
|
10
10
|
import { Output } from '../components/output/Output';
|
|
11
11
|
import { cellSourceAsString } from './../utils/Utils';
|
|
12
12
|
import NBFORMAT from './notebooks/NotebookOutputs.ipynb.json';
|
|
13
13
|
const OutputsIpynbExample = () => {
|
|
14
|
-
return (_jsxs(
|
|
14
|
+
return (_jsxs(JupyterReactTheme, { children: [_jsx(Text, { as: "h1", children: "Outputs from IPYNB" }), NBFORMAT.cells.map((cell, index) => {
|
|
15
15
|
return (_jsx(_Fragment, { children: cell.outputs && (_jsx(Output, { showEditor: true, autoRun: false, code: cellSourceAsString(cell), outputs: cell.outputs }, index)) }));
|
|
16
16
|
})] }));
|
|
17
17
|
};
|
|
18
18
|
const div = document.createElement('div');
|
|
19
19
|
document.body.appendChild(div);
|
|
20
20
|
const root = createRoot(div);
|
|
21
|
-
root.render(_jsx(
|
|
21
|
+
root.render(_jsx(OutputsIpynbExample, {}));
|
|
22
22
|
//# sourceMappingURL=OutputsIpynb.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OutputsIpynb.js","sourceRoot":"","sources":["../../src/examples/OutputsIpynb.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"OutputsIpynb.js","sourceRoot":"","sources":["../../src/examples/OutputsIpynb.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,QAAQ,MAAM,wCAAwC,CAAC;AAE9D,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAC/B,OAAO,CACL,MAAC,iBAAiB,eAChB,KAAC,IAAI,IAAC,EAAE,EAAC,IAAI,mCAA0B,EACrC,QAA6B,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACxD,OAAO,CACL,4BACG,IAAI,CAAC,OAAO,IAAI,CACf,KAAC,MAAM,IACL,UAAU,QACV,OAAO,EAAE,KAAK,EACd,IAAI,EAAE,kBAAkB,CAAC,IAAI,CAAC,EAC9B,OAAO,EAAE,IAAI,CAAC,OAAoB,IAC7B,KAAK,CACV,CACH,GACA,CACJ,CAAC;YACJ,CAAC,CAAC,IACgB,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/Panel.js
CHANGED
|
@@ -6,15 +6,19 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
6
6
|
*/
|
|
7
7
|
import { useMemo } from 'react';
|
|
8
8
|
import { createRoot } from 'react-dom/client';
|
|
9
|
+
import { useJupyter } from '../jupyter';
|
|
10
|
+
import { JupyterReactTheme } from '../theme/JupyterReactTheme';
|
|
9
11
|
import { CellSidebarExtension } from '../components';
|
|
10
|
-
import CellSidebarButton from '../components/notebook/cell/sidebar/CellSidebarButton';
|
|
12
|
+
import { CellSidebarButton } from '../components/notebook/cell/sidebar/CellSidebarButton';
|
|
11
13
|
import { Notebook } from '../components/notebook/Notebook';
|
|
12
|
-
import { JupyterReactTheme } from '../theme/JupyterReactTheme';
|
|
13
14
|
import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
|
|
14
15
|
const PanelExample = () => {
|
|
16
|
+
const { serviceManager, defaultKernel } = useJupyter({
|
|
17
|
+
startDefaultKernel: true,
|
|
18
|
+
});
|
|
15
19
|
const extensions = useMemo(() => [new CellSidebarExtension({ factory: CellSidebarButton })], []);
|
|
16
|
-
return (_jsx(JupyterReactTheme, { children: _jsx(Notebook, {
|
|
17
|
-
, extensions: extensions, Toolbar: NotebookToolbar }) }));
|
|
20
|
+
return (_jsx(JupyterReactTheme, { children: serviceManager && defaultKernel && (_jsx(Notebook, { id: "notebook-panel-id", path: "panel.ipynb", kernel: defaultKernel, serviceManager: serviceManager, height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
|
|
21
|
+
, extensions: extensions, Toolbar: NotebookToolbar })) }));
|
|
18
22
|
};
|
|
19
23
|
const div = document.createElement('div');
|
|
20
24
|
document.body.appendChild(div);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../src/examples/Panel.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../src/examples/Panel.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uDAAuD,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC;QACnD,kBAAkB,EAAE,IAAI;KACzB,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,CAAC,IAAI,oBAAoB,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC,CAAC,EAChE,EAAE,CACH,CAAC;IACF,OAAO,CACL,KAAC,iBAAiB,cACf,cAAc,IAAI,aAAa,IAAI,CAClC,KAAC,QAAQ,IACP,EAAE,EAAC,mBAAmB,EACtB,IAAI,EAAC,aAAa,EAClB,MAAM,EAAE,aAAa,EACrB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;cAC3D,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,eAAe,GACxB,CACH,GACiB,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/Plotly.js
CHANGED
|
@@ -6,14 +6,18 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
6
6
|
*/
|
|
7
7
|
import { useMemo } from 'react';
|
|
8
8
|
import { createRoot } from 'react-dom/client';
|
|
9
|
+
import { useJupyter } from '../jupyter';
|
|
10
|
+
import { JupyterReactTheme } from '../theme/JupyterReactTheme';
|
|
9
11
|
import { CellSidebarExtension } from '../components';
|
|
10
12
|
import { Notebook } from '../components/notebook/Notebook';
|
|
11
|
-
import { JupyterReactTheme } from '../theme/JupyterReactTheme';
|
|
12
13
|
import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
|
|
13
14
|
const PlotlyExample = () => {
|
|
15
|
+
const { serviceManager, defaultKernel } = useJupyter({
|
|
16
|
+
startDefaultKernel: true,
|
|
17
|
+
});
|
|
14
18
|
const extensions = useMemo(() => [new CellSidebarExtension()], []);
|
|
15
|
-
return (_jsx(JupyterReactTheme, { children: _jsx(Notebook, {
|
|
16
|
-
, extensions: extensions, startDefaultKernel: true, Toolbar: NotebookToolbar }) }));
|
|
19
|
+
return (_jsx(JupyterReactTheme, { children: serviceManager && defaultKernel && (_jsx(Notebook, { id: "notebook-plotly-id", path: "plotly.ipynb", kernel: defaultKernel, serviceManager: serviceManager, height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
|
|
20
|
+
, extensions: extensions, startDefaultKernel: true, Toolbar: NotebookToolbar })) }));
|
|
17
21
|
};
|
|
18
22
|
const div = document.createElement('div');
|
|
19
23
|
document.body.appendChild(div);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Plotly.js","sourceRoot":"","sources":["../../src/examples/Plotly.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Plotly.js","sourceRoot":"","sources":["../../src/examples/Plotly.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC;QACnD,kBAAkB,EAAE,IAAI;KACzB,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACnE,OAAO,CACL,KAAC,iBAAiB,cACf,cAAc,IAAI,aAAa,IAAI,CAClC,KAAC,QAAQ,IACP,EAAE,EAAC,oBAAoB,EACvB,IAAI,EAAC,cAAc,EACnB,MAAM,EAAE,aAAa,EACrB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;cAC3D,UAAU,EAAE,UAAU,EACtB,kBAAkB,QAClB,OAAO,EAAE,eAAe,GACxB,CACH,GACiB,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,aAAa,KAAG,CAAC,CAAC"}
|
|
@@ -1,15 +1,24 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/*
|
|
3
|
+
* Copyright (c) 2021-2023 Datalayer, Inc.
|
|
4
|
+
*
|
|
5
|
+
* MIT License
|
|
6
|
+
*/
|
|
2
7
|
import { useMemo } from 'react';
|
|
3
8
|
import { createRoot } from 'react-dom/client';
|
|
4
|
-
import {
|
|
5
|
-
import { Notebook } from '../components/notebook/Notebook';
|
|
9
|
+
import { useJupyter } from '../jupyter';
|
|
6
10
|
import { JupyterReactTheme } from '../theme/JupyterReactTheme';
|
|
11
|
+
import { Notebook } from '../components/notebook/Notebook';
|
|
7
12
|
import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
|
|
13
|
+
import { CellSidebarExtension } from '../components';
|
|
8
14
|
import NBFORMAT from './notebooks/PyGWalker.ipynb.json';
|
|
9
15
|
const PyGWalkerExample = () => {
|
|
16
|
+
const { serviceManager, defaultKernel } = useJupyter({
|
|
17
|
+
startDefaultKernel: true,
|
|
18
|
+
});
|
|
10
19
|
const extensions = useMemo(() => [new CellSidebarExtension()], []);
|
|
11
|
-
return (_jsx(JupyterReactTheme, { children: _jsx(Notebook, { id: "notebook-pygwalker-id",
|
|
12
|
-
, extensions: extensions, Toolbar: NotebookToolbar }) }));
|
|
20
|
+
return (_jsx(JupyterReactTheme, { children: serviceManager && defaultKernel && (_jsx(Notebook, { id: "notebook-pygwalker-id", kernel: defaultKernel, serviceManager: serviceManager, nbformat: NBFORMAT, height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
|
|
21
|
+
, extensions: extensions, Toolbar: NotebookToolbar })) }));
|
|
13
22
|
};
|
|
14
23
|
const div = document.createElement('div');
|
|
15
24
|
document.body.appendChild(div);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PyGWalker.js","sourceRoot":"","sources":["../../src/examples/PyGWalker.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"PyGWalker.js","sourceRoot":"","sources":["../../src/examples/PyGWalker.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAErD,OAAO,QAAQ,MAAM,kCAAkC,CAAC;AAExD,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC;QACnD,kBAAkB,EAAE,IAAI;KACzB,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACnE,OAAO,CACL,KAAC,iBAAiB,cACf,cAAc,IAAI,aAAa,IAAI,CAClC,KAAC,QAAQ,IACP,EAAE,EAAC,uBAAuB,EAC1B,MAAM,EAAE,aAAa,EACrB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAA4B,EACtC,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;cAC3D,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,eAAe,GACxB,CACH,GACiB,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"}
|
|
@@ -6,12 +6,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
6
6
|
*/
|
|
7
7
|
import { useState } from 'react';
|
|
8
8
|
import { createRoot } from 'react-dom/client';
|
|
9
|
-
import {
|
|
9
|
+
import { Text, ToggleSwitch, ThemeProvider, useTheme } from '@primer/react';
|
|
10
|
+
import { Box } from '@datalayer/primer-addons';
|
|
10
11
|
import { ThemeManager } from '@jupyterlab/apputils';
|
|
11
12
|
import { RunningSessions } from '@jupyterlab/running';
|
|
12
|
-
import {
|
|
13
|
-
import
|
|
14
|
-
import JupyterLabApp from '../components/jupyterlab/JupyterLabApp';
|
|
13
|
+
import { Lumino } from '../components/lumino/Lumino';
|
|
14
|
+
import { JupyterLabApp } from '../components/jupyterlab/JupyterLabApp';
|
|
15
15
|
import * as lightThemePlugins from '@jupyterlab/theme-light-extension';
|
|
16
16
|
import * as darkThemePlugins from '@jupyterlab/theme-dark-extension';
|
|
17
17
|
import * as runningPlugins from '@jupyterlab/running-extension';
|
|
@@ -43,7 +43,7 @@ const RunningSessionsExample = () => {
|
|
|
43
43
|
const onPlugin = (themeManager) => {
|
|
44
44
|
console.log('Current theme', themeManager.theme);
|
|
45
45
|
};
|
|
46
|
-
return (
|
|
46
|
+
return (_jsxs(_Fragment, { children: [_jsx(ThemeProvider, { colorMode: theme === 'light' ? 'day' : 'night', dayScheme: "light", nightScheme: "dark_high_contrast", children: _jsxs(Box, { display: "flex", color: "fg.default", bg: "canvas.default", children: [_jsx(Box, { mr: 3, children: _jsx(Text, { as: "h2", children: "JupyterLab Headless Application" }) }), _jsxs(Box, { children: [_jsx(Box, { children: _jsx(Text, { fontSize: 2, fontWeight: "bold", id: "switch-label", display: "block", mb: 1, children: "Dark theme" }) }), _jsx(Box, { children: _jsx(ToggleSwitch, { size: "small", onClick: onSwitchClick, onChange: handleSwitchChange, checked: isDark, statusLabelPosition: "end", "aria-labelledby": "switch-label" }) })] })] }) }), runningSessions && _jsx(Lumino, { height: "300px", children: runningSessions }), _jsx(JupyterLabApp, { plugins: [lightThemePlugins, darkThemePlugins, runningPlugins], headless: true, onJupyterLab: onJupyterLab, pluginId: "@jupyterlab/apputils-extension:themes", PluginType: ThemeManager, onPlugin: onPlugin })] }));
|
|
47
47
|
};
|
|
48
48
|
const div = document.createElement('div');
|
|
49
49
|
document.body.appendChild(div);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RunningSessions.js","sourceRoot":"","sources":["../../src/examples/RunningSessions.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,
|
|
1
|
+
{"version":3,"file":"RunningSessions.js","sourceRoot":"","sources":["../../src/examples/RunningSessions.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC5E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAGvE,OAAO,KAAK,iBAAiB,MAAM,mCAAmC,CAAC;AACvE,OAAO,KAAK,gBAAgB,MAAM,kCAAkC,CAAC;AACrE,OAAO,KAAK,cAAc,MAAM,+BAA+B,CAAC;AAEhE,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,EAAmB,CAAC;IAC1E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAY,OAAO,CAAC,CAAC;IACvD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAC7C,QAAQ,EAAwB,CAAC;IACnC,MAAM,EAAE,YAAY,EAAE,GAAG,QAAQ,EAAE,CAAC;IACpC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;QAC/B,IAAI,iBAAiB,EAAE,CAAC;YACtB,MAAM,iBAAiB,CAAC,QAAQ,CAAC,OAAO,CAAC,uBAAuB,EAAE;gBAChE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB;aACvD,CAAC,CAAC;YACH,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;YACpC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACzC,CAAC;QACD,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;IACnB,CAAC,CAAC;IACF,MAAM,kBAAkB,GAAG,CAAC,IAAa,EAAE,EAAE;QAC3C,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,CAAC;IACF,MAAM,YAAY,GAAG,KAAK,EAAE,iBAAuC,EAAE,EAAE;QACrE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;QACxC,MAAM,sBAAsB,GAAG,iBAAiB,CAAC,OAAO,CACtD,sCAAsC,CACvC,CAAC;QACF,MAAM,eAAe,GAAG,IAAI,eAAe,CAAC,sBAAsB,CAAC,CAAC;QACpE,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACtC,CAAC,CAAC;IACF,MAAM,QAAQ,GAAG,CAAC,YAA0B,EAAE,EAAE;QAC9C,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC,CAAC;IACF,OAAO,CACL,8BACE,KAAC,aAAa,IACZ,SAAS,EAAE,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,EAC9C,SAAS,EAAC,OAAO,EACjB,WAAW,EAAC,oBAAoB,YAEhC,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,YAAY,EAAC,EAAE,EAAC,gBAAgB,aACxD,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,YACR,KAAC,IAAI,IAAC,EAAE,EAAC,IAAI,gDAAuC,GAChD,EACN,MAAC,GAAG,eACF,KAAC,GAAG,cACF,KAAC,IAAI,IACH,QAAQ,EAAE,CAAC,EACX,UAAU,EAAC,MAAM,EACjB,EAAE,EAAC,cAAc,EACjB,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,CAAC,2BAGA,GACH,EACN,KAAC,GAAG,cACF,KAAC,YAAY,IACX,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,MAAM,EACf,mBAAmB,EAAC,KAAK,qBACT,cAAc,GAC9B,GACE,IACF,IACF,GACQ,EACf,eAAe,IAAI,KAAC,MAAM,IAAC,MAAM,EAAC,OAAO,YAAE,eAAe,GAAU,EACrE,KAAC,aAAa,IACZ,OAAO,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,EAAE,cAAc,CAAC,EAC9D,QAAQ,QACR,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAC,uCAAuC,EAChD,UAAU,EAAE,YAAY,EACxB,QAAQ,EAAE,QAAQ,GAClB,IACD,CACJ,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,sBAAsB,KAAG,CAAC,CAAC"}
|
package/lib/examples/Vega.js
CHANGED
|
@@ -6,13 +6,21 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
6
6
|
*/
|
|
7
7
|
import { rendererFactory as vega3Renderer } from '@jupyterlab/vega3-extension';
|
|
8
8
|
import { createRoot } from 'react-dom/client';
|
|
9
|
+
import { useJupyter } from '../jupyter';
|
|
9
10
|
import { CellSidebarExtension } from '../components';
|
|
10
|
-
import CellSidebarButton from '../components/notebook/cell/sidebar/CellSidebarButton';
|
|
11
|
+
import { CellSidebarButton } from '../components/notebook/cell/sidebar/CellSidebarButton';
|
|
11
12
|
import { Notebook } from '../components/notebook/Notebook';
|
|
12
13
|
import { JupyterReactTheme } from '../theme/JupyterReactTheme';
|
|
13
14
|
import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
|
|
14
|
-
const VegaExample = () =>
|
|
15
|
-
|
|
15
|
+
const VegaExample = () => {
|
|
16
|
+
const { serviceManager, defaultKernel } = useJupyter({
|
|
17
|
+
startDefaultKernel: true,
|
|
18
|
+
});
|
|
19
|
+
return (_jsx(JupyterReactTheme, { children: serviceManager && defaultKernel && (_jsx(Notebook, { path: "vega/Vega.ipynb", id: "notebook-vega-id", kernel: defaultKernel, serviceManager: serviceManager, renderers: [vega3Renderer], height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
|
|
20
|
+
, extensions: [
|
|
21
|
+
new CellSidebarExtension({ factory: CellSidebarButton }),
|
|
22
|
+
], Toolbar: NotebookToolbar })) }));
|
|
23
|
+
};
|
|
16
24
|
const div = document.createElement('div');
|
|
17
25
|
document.body.appendChild(div);
|
|
18
26
|
const root = createRoot(div);
|
package/lib/examples/Vega.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Vega.js","sourceRoot":"","sources":["../../src/examples/Vega.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,eAAe,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,iBAAiB,MAAM,uDAAuD,CAAC;
|
|
1
|
+
{"version":3,"file":"Vega.js","sourceRoot":"","sources":["../../src/examples/Vega.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,eAAe,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uDAAuD,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC;QACnD,kBAAkB,EAAE,IAAI;KACzB,CAAC,CAAC;IACH,OAAO,CACL,KAAC,iBAAiB,cACf,cAAc,IAAI,aAAa,IAAI,CAClC,KAAC,QAAQ,IACP,IAAI,EAAC,iBAAiB,EACtB,EAAE,EAAC,kBAAkB,EACrB,MAAM,EAAE,aAAa,EACrB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,CAAC,aAAa,CAAC,EAC1B,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;cAC3D,UAAU,EAAE;gBACV,IAAI,oBAAoB,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC;aACzD,EACD,OAAO,EAAE,eAAe,GACxB,CACH,GACiB,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/Viewer.js
CHANGED
|
@@ -7,11 +7,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
7
7
|
import { createRoot } from 'react-dom/client';
|
|
8
8
|
import { Text } from '@primer/react';
|
|
9
9
|
import { Box } from '@datalayer/primer-addons';
|
|
10
|
-
import {
|
|
10
|
+
import { JupyterReactTheme } from '../theme/JupyterReactTheme';
|
|
11
11
|
import { Viewer } from '../components/viewer/Viewer';
|
|
12
12
|
import matplotlib from './notebooks/Matplotlib.ipynb.json';
|
|
13
13
|
const ViewerExample = () => {
|
|
14
|
-
return (_jsx(_Fragment, { children: _jsx(Box, { m: 3, children: _jsxs(
|
|
14
|
+
return (_jsx(_Fragment, { children: _jsx(Box, { m: 3, children: _jsxs(JupyterReactTheme, { children: [_jsx(Text, { as: "h1", children: "Viewer with Plotly outputs" }), _jsx(Viewer, { nbformatUrl: "https://raw.githubusercontent.com/datalayer-examples/notebooks/main/daily-stock.ipynb", outputs: true }), _jsx(Text, { as: "h1", children: "Viewer without outputs" }), _jsx(Viewer, { nbformat: matplotlib, outputs: false })] }) }) }));
|
|
15
15
|
};
|
|
16
16
|
const div = document.createElement('div');
|
|
17
17
|
document.body.appendChild(div);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Viewer.js","sourceRoot":"","sources":["../../src/examples/Viewer.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Viewer.js","sourceRoot":"","sources":["../../src/examples/Viewer.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAE3D,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,OAAO,CACL,4BACE,KAAC,GAAG,IAAC,CAAC,EAAE,CAAC,YACP,MAAC,iBAAiB,eAChB,KAAC,IAAI,IAAC,EAAE,EAAC,IAAI,2CAAkC,EAC/C,KAAC,MAAM,IACL,WAAW,EAAC,uFAAuF,EACnG,OAAO,SACP,EACF,KAAC,IAAI,IAAC,EAAE,EAAC,IAAI,uCAA8B,EAC3C,KAAC,MAAM,IAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,GAAI,IAC9B,GAChB,GACL,CACJ,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,aAAa,KAAG,CAAC,CAAC"}
|
|
@@ -7,7 +7,8 @@ export const CellToolbarComponent = (props) => {
|
|
|
7
7
|
const { extensionProps } = props;
|
|
8
8
|
const notebookId = extensionProps.notebookId;
|
|
9
9
|
const notebookStore = useNotebookStore();
|
|
10
|
-
const activeCell = notebookStore.selectActiveCell(notebookId);
|
|
10
|
+
// const activeCell = notebookStore.selectActiveCell(notebookId);
|
|
11
|
+
const activeCell = undefined;
|
|
11
12
|
return activeCell ? (_jsxs(Box, { display: "flex", sx: {
|
|
12
13
|
marginLeft: 70,
|
|
13
14
|
}, children: [_jsx(Box, { children: _jsx(IconButton, { size: "small", color: "secondary", "aria-label": "Run cell", title: "Run cell", onClick: e => {
|
|
@@ -15,40 +16,22 @@ export const CellToolbarComponent = (props) => {
|
|
|
15
16
|
notebookStore.run(notebookId);
|
|
16
17
|
}, icon: PlayIcon, variant: "invisible" }) }), _jsx(Box, { children: _jsx(IconButton, { size: "small", color: "secondary", "aria-label": "Add code cell above", title: "Add code cell above", onClick: e => {
|
|
17
18
|
e.preventDefault();
|
|
18
|
-
notebookStore.insertAbove(
|
|
19
|
-
id: notebookId,
|
|
20
|
-
cellType: 'code',
|
|
21
|
-
});
|
|
19
|
+
notebookStore.insertAbove(notebookId, 'code');
|
|
22
20
|
}, icon: ChevronUpIcon, variant: "invisible" }) }), _jsx(Box, { children: _jsx(IconButton, { size: "small", color: "secondary", "aria-label": "Add markdown cell above", title: "Add markdown cell above", onClick: e => {
|
|
23
21
|
e.preventDefault();
|
|
24
|
-
notebookStore.insertAbove(
|
|
25
|
-
id: notebookId,
|
|
26
|
-
cellType: 'markdown',
|
|
27
|
-
});
|
|
22
|
+
notebookStore.insertAbove(notebookId, 'markdown');
|
|
28
23
|
}, icon: ChevronUpIcon, variant: "invisible" }) }), _jsx(Box, { children: activeCell.model.type === 'code' ? (_jsx(IconButton, { "aria-label": "Convert to markdow cell", title: "Convert to markdow cell", icon: SquareIcon, size: "small", variant: "invisible", onClick: e => {
|
|
29
24
|
e.preventDefault();
|
|
30
|
-
notebookStore.changeCellType(
|
|
31
|
-
id: notebookId,
|
|
32
|
-
cellType: 'markdown',
|
|
33
|
-
});
|
|
25
|
+
notebookStore.changeCellType(notebookId, 'markdown');
|
|
34
26
|
} })) : (_jsx(IconButton, { "aria-label": "Convert to code cell", title: "Convert to code cell", icon: SquareIcon, variant: "invisible", size: "small", onClick: (e) => {
|
|
35
27
|
e.preventDefault();
|
|
36
|
-
notebookStore.changeCellType(
|
|
37
|
-
id: notebookId,
|
|
38
|
-
cellType: 'code',
|
|
39
|
-
});
|
|
28
|
+
notebookStore.changeCellType(notebookId, 'code');
|
|
40
29
|
} })) }), _jsx(Box, { children: _jsx(IconButton, { size: "small", color: "secondary", "aria-label": "Add markdown cell below", title: "Add markdown cell below", onClick: e => {
|
|
41
30
|
e.preventDefault();
|
|
42
|
-
notebookStore.insertBelow(
|
|
43
|
-
id: notebookId,
|
|
44
|
-
cellType: 'markdown',
|
|
45
|
-
});
|
|
31
|
+
notebookStore.insertBelow(notebookId, 'markdown');
|
|
46
32
|
}, icon: ChevronDownIcon, variant: "invisible" }) }), _jsx(Box, { children: _jsx(IconButton, { size: "small", color: "secondary", "aria-label": "Add code cell below", title: "Add code cell below", onClick: e => {
|
|
47
33
|
e.preventDefault();
|
|
48
|
-
notebookStore.insertBelow(
|
|
49
|
-
id: notebookId,
|
|
50
|
-
cellType: 'code',
|
|
51
|
-
});
|
|
34
|
+
notebookStore.insertBelow(notebookId, 'code');
|
|
52
35
|
}, icon: ChevronDownIcon, variant: "invisible" }) }), _jsx(Box, { children: _jsx(IconButton, { size: "small", color: "error", "aria-label": "Delete cell", title: "Delete cell", onClick: e => {
|
|
53
36
|
e.preventDefault();
|
|
54
37
|
notebookStore.delete(notebookId);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CellToolbarComponent.js","sourceRoot":"","sources":["../../../../src/examples/extensions/celltoolbar/CellToolbarComponent.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EACL,QAAQ,EACR,aAAa,EACb,eAAe,EACf,UAAU,EACV,KAAK,GACN,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAA2B,MAAM,qBAAqB,CAAC;AAOhF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAiC,EAAE,EAAE;IACxE,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IACjC,MAAM,UAAU,GAAG,cAAc,CAAC,UAAU,CAAC;IAC7C,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,UAAU,GAAG,
|
|
1
|
+
{"version":3,"file":"CellToolbarComponent.js","sourceRoot":"","sources":["../../../../src/examples/extensions/celltoolbar/CellToolbarComponent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,41 +1,52 @@
|
|
|
1
|
-
import {
|
|
2
|
-
/*
|
|
3
|
-
* Copyright (c) 2021-2023 Datalayer, Inc.
|
|
4
|
-
*
|
|
5
|
-
* MIT License
|
|
6
|
-
*/
|
|
7
|
-
import { TableOfContentsTree } from '@jupyterlab/toc';
|
|
8
|
-
import { useEffect, useState } from 'react';
|
|
9
|
-
import { useNotebookStore } from '../../../components';
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
10
2
|
/** Custom CSS Variables */
|
|
3
|
+
/*
|
|
11
4
|
const CustomCssVarStyles = {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
};
|
|
5
|
+
'--base-height-multiplier': '8', // Size scaling ratio
|
|
6
|
+
'--jp-inverse-layout-color3': '#a8a8a8', // Icon color
|
|
7
|
+
'--type-ramp-base-font-size': '14px', // Font size
|
|
8
|
+
} as React.CSSProperties;
|
|
9
|
+
*/
|
|
16
10
|
/** Table of Contents Tree Component */
|
|
17
11
|
const TocTree = ({ notebookId }) => {
|
|
18
|
-
|
|
12
|
+
/*
|
|
13
|
+
const model = useNotebookStore(state=> state.selectTocModel(notebookId));
|
|
19
14
|
const [, setCount] = useState(0);
|
|
20
15
|
const update = () => setCount(c => c + 1);
|
|
16
|
+
|
|
21
17
|
useEffect(() => {
|
|
18
|
+
if (model) {
|
|
19
|
+
model.isActive = true;
|
|
20
|
+
// model change not trigger react update, so we need to manually trigger
|
|
21
|
+
model.stateChanged.connect(update);
|
|
22
|
+
}
|
|
23
|
+
return () => {
|
|
22
24
|
if (model) {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
model.stateChanged.connect(update);
|
|
25
|
+
model.isActive = false;
|
|
26
|
+
model.stateChanged.disconnect(update);
|
|
26
27
|
}
|
|
27
|
-
|
|
28
|
-
if (model) {
|
|
29
|
-
model.isActive = false;
|
|
30
|
-
model.stateChanged.disconnect(update);
|
|
31
|
-
}
|
|
32
|
-
};
|
|
28
|
+
};
|
|
33
29
|
}, [model, update]);
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
30
|
+
|
|
31
|
+
return model && model.headings.length > 0 ? (
|
|
32
|
+
<section style={CustomCssVarStyles}>
|
|
33
|
+
<TableOfContentsTree
|
|
34
|
+
activeHeading={model.activeHeading}
|
|
35
|
+
documentType={model.documentType}
|
|
36
|
+
headings={model.headings}
|
|
37
|
+
onCollapseChange={(heading: TableOfContents.IHeading) => {
|
|
38
|
+
model!.toggleCollapse({ heading });
|
|
39
|
+
}}
|
|
40
|
+
setActiveHeading={(heading: TableOfContents.IHeading) => {
|
|
41
|
+
model!.setActiveHeading(heading);
|
|
42
|
+
}}
|
|
43
|
+
/>
|
|
44
|
+
</section>
|
|
45
|
+
) : (
|
|
46
|
+
<>Empty</>
|
|
47
|
+
);
|
|
48
|
+
*/
|
|
49
|
+
return _jsx(_Fragment, { children: "ToC Tree - TODO Fix" });
|
|
39
50
|
};
|
|
40
51
|
export default TocTree;
|
|
41
52
|
//# sourceMappingURL=TocComponent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TocComponent.js","sourceRoot":"","sources":["../../../../src/examples/extensions/toc/TocComponent.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"TocComponent.js","sourceRoot":"","sources":["../../../../src/examples/extensions/toc/TocComponent.tsx"],"names":[],"mappings":";AAcA,2BAA2B;AAC3B;;;;;;EAME;AAEF,uCAAuC;AACvC,MAAM,OAAO,GAAG,CAAC,EAAE,UAAU,EAAgB,EAAE,EAAE;IAC/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAoCI;IACJ,OAAO,oDAAwB,CAAC;AAClC,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { TableOfContents } from '@jupyterlab/toc';
|
|
|
3
3
|
import { BoxPanel } from '@lumino/widgets';
|
|
4
4
|
import { NotebookExtension, INotebookExtensionProps } from '../../../components';
|
|
5
5
|
/**
|
|
6
|
-
* A factory to layout ToC Panel
|
|
6
|
+
* A factory to layout ToC Panel.
|
|
7
7
|
*/
|
|
8
8
|
export interface TocLayoutFactory {
|
|
9
9
|
/** layout ToC Panel */
|
|
@@ -19,11 +19,9 @@ export interface TocExtensionOptions {
|
|
|
19
19
|
}
|
|
20
20
|
/** Table of Contents Extension */
|
|
21
21
|
export declare class TocExtension implements NotebookExtension {
|
|
22
|
-
private _props;
|
|
23
22
|
private _tocRegistry;
|
|
24
23
|
private _tocTracker;
|
|
25
24
|
private _layoutFactory;
|
|
26
|
-
private _notebookPanel;
|
|
27
25
|
constructor(options: TocExtensionOptions);
|
|
28
26
|
init(props: INotebookExtensionProps): void;
|
|
29
27
|
createNew(notebookPanel: NotebookPanel): void;
|