@datalayer/jupyter-react 0.18.9 → 0.18.11
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/lib/app/JupyterReact.js +10 -9
- package/lib/app/JupyterReact.js.map +1 -1
- package/lib/app/tabs/AboutTab.js +1 -1
- package/lib/app/tabs/AboutTab.js.map +1 -1
- package/lib/app/tabs/ComponentsTab.js +3 -4
- package/lib/app/tabs/ComponentsTab.js.map +1 -1
- package/lib/app/tabs/components/FileBrowserComponent.js +5 -1
- package/lib/app/tabs/components/FileBrowserComponent.js.map +1 -1
- package/lib/app/tabs/components/NotebookComponent.js +6 -5
- package/lib/app/tabs/components/NotebookComponent.js.map +1 -1
- package/lib/components/cell/Cell.js +2 -2
- package/lib/components/cell/Cell.js.map +1 -1
- package/lib/components/cell/CellAdapter.js +2 -2
- package/lib/components/cell/CellAdapter.js.map +1 -1
- package/lib/components/codemirror/{CodeMirrorEditor.d.ts → CodeMirrorDatalayerEditor.d.ts} +2 -2
- package/lib/components/codemirror/{CodeMirrorEditor.js → CodeMirrorDatalayerEditor.js} +7 -6
- package/lib/components/codemirror/CodeMirrorDatalayerEditor.js.map +1 -0
- package/lib/components/codemirror/index.d.ts +1 -1
- package/lib/components/codemirror/index.js +1 -1
- package/lib/components/codemirror/index.js.map +1 -1
- package/lib/components/filebrowser/FileBrowser.d.ts +5 -1
- package/lib/components/filebrowser/FileBrowser.js +2 -3
- package/lib/components/filebrowser/FileBrowser.js.map +1 -1
- package/lib/components/index.d.ts +1 -0
- package/lib/components/index.js +1 -0
- package/lib/components/index.js.map +1 -1
- package/lib/components/lumino/Lumino.js +1 -1
- package/lib/components/lumino/Lumino.js.map +1 -1
- package/lib/components/notebook/Notebook.d.ts +24 -1
- package/lib/components/notebook/Notebook.js +69 -44
- package/lib/components/notebook/Notebook.js.map +1 -1
- package/lib/components/notebook/NotebookAdapter.d.ts +14 -7
- package/lib/components/notebook/NotebookAdapter.js +156 -87
- package/lib/components/notebook/NotebookAdapter.js.map +1 -1
- package/lib/components/notebook/NotebookState.d.ts +1 -0
- package/lib/components/notebook/NotebookState.js +14 -4
- package/lib/components/notebook/NotebookState.js.map +1 -1
- package/lib/components/notebook/cell/sidebar/CellSidebar.js +13 -13
- package/lib/components/notebook/cell/sidebar/CellSidebar.js.map +1 -1
- package/lib/components/notebook/cell/sidebar/CellSidebarButton.js +15 -15
- package/lib/components/notebook/cell/sidebar/CellSidebarButton.js.map +1 -1
- package/lib/components/notebook/cell/sidebar/CellSidebarRun.js +5 -5
- package/lib/components/notebook/cell/sidebar/CellSidebarRun.js.map +1 -1
- package/lib/components/notebook/cell/sidebar/CellSidebarWidget.d.ts +3 -3
- package/lib/components/notebook/cell/sidebar/CellSidebarWidget.js +8 -7
- package/lib/components/notebook/cell/sidebar/CellSidebarWidget.js.map +1 -1
- package/lib/components/notebook/content/JupyterReactContentFactory.d.ts +14 -4
- package/lib/components/notebook/content/JupyterReactContentFactory.js +56 -5
- package/lib/components/notebook/content/JupyterReactContentFactory.js.map +1 -1
- package/lib/components/notebook/model/JupyterReactNotebookModelFactory.js +1 -1
- package/lib/components/notebook/model/JupyterReactNotebookModelFactory.js.map +1 -1
- package/lib/components/output/Output.d.ts +1 -1
- package/lib/components/output/Output.js +2 -2
- package/lib/components/output/Output.js.map +1 -1
- package/lib/components/output/OutputExecutor.d.ts +1 -1
- package/lib/components/utils/SpinnerCentered.d.ts +2 -0
- package/lib/components/utils/SpinnerCentered.js +22 -0
- package/lib/components/utils/SpinnerCentered.js.map +1 -0
- package/lib/components/utils/index.d.ts +1 -0
- package/lib/components/utils/index.js +7 -0
- package/lib/components/utils/index.js.map +1 -0
- package/lib/components/viewer/Viewer.js +2 -2
- package/lib/components/viewer/Viewer.js.map +1 -1
- package/lib/examples/FileBrowser.js +9 -2
- package/lib/examples/FileBrowser.js.map +1 -1
- package/lib/examples/JupyterContext.js +2 -1
- package/lib/examples/JupyterContext.js.map +1 -1
- package/lib/examples/JupyterLabApp.js +2 -2
- package/lib/examples/JupyterLabApp.js.map +1 -1
- package/lib/examples/JupyterLabAppHeadless.js +2 -2
- package/lib/examples/JupyterLabAppHeadless.js.map +1 -1
- package/lib/examples/JupyterLabAppHeadlessServerless.js +2 -2
- package/lib/examples/JupyterLabAppHeadlessServerless.js.map +1 -1
- package/lib/examples/NotebookCellSidebar.js +1 -1
- package/lib/examples/NotebookCellSidebar.js.map +1 -1
- package/lib/examples/NotebookCellToolbar.js +24 -0
- package/lib/examples/NotebookCellToolbar.js.map +1 -0
- package/lib/examples/NotebookExtension.d.ts +1 -0
- package/lib/examples/NotebookExtension.js +24 -0
- package/lib/examples/NotebookExtension.js.map +1 -0
- package/lib/examples/NotebookLess.d.ts +1 -0
- package/lib/examples/NotebookLess.js +25 -0
- package/lib/examples/NotebookLess.js.map +1 -0
- package/lib/examples/NotebookLite.js +2 -2
- package/lib/examples/NotebookLite.js.map +1 -1
- package/lib/examples/NotebookLiteContext.d.ts +1 -0
- package/lib/examples/NotebookLiteContext.js +20 -0
- package/lib/examples/NotebookLiteContext.js.map +1 -0
- package/lib/examples/NotebookMutationsKernel.d.ts +1 -0
- package/lib/examples/NotebookMutationsKernel.js +119 -0
- package/lib/examples/NotebookMutationsKernel.js.map +1 -0
- package/lib/examples/NotebookMutationsServiceManager.d.ts +1 -0
- package/lib/examples/NotebookMutationsServiceManager.js +118 -0
- package/lib/examples/NotebookMutationsServiceManager.js.map +1 -0
- package/lib/examples/NotebookOnKernelConnection.d.ts +1 -0
- package/lib/examples/NotebookOnKernelConnection.js +32 -0
- package/lib/examples/NotebookOnKernelConnection.js.map +1 -0
- package/lib/examples/NotebookServiceManager.js.map +1 -1
- package/lib/examples/Viewer.js +1 -1
- package/lib/examples/Viewer.js.map +1 -1
- package/lib/examples/extensions/celltoolbar/CellToolbar.d.ts +11 -0
- package/lib/examples/extensions/celltoolbar/CellToolbar.js +23 -0
- package/lib/examples/extensions/celltoolbar/CellToolbar.js.map +1 -0
- package/lib/examples/extensions/celltoolbar/CellToolbarComponent.d.ts +8 -0
- package/lib/examples/extensions/celltoolbar/CellToolbarComponent.js +57 -0
- package/lib/examples/extensions/celltoolbar/CellToolbarComponent.js.map +1 -0
- package/lib/examples/extensions/celltoolbar/CellToolbarExtension.d.ts +12 -0
- package/lib/examples/extensions/celltoolbar/CellToolbarExtension.js +20 -0
- package/lib/examples/extensions/celltoolbar/CellToolbarExtension.js.map +1 -0
- package/lib/examples/extensions/celltoolbar/CellToolbarWidget.d.ts +17 -0
- package/lib/examples/extensions/celltoolbar/CellToolbarWidget.js +65 -0
- package/lib/examples/extensions/celltoolbar/CellToolbarWidget.js.map +1 -0
- package/lib/examples/extensions/celltoolbar/index.d.ts +4 -0
- package/lib/examples/extensions/celltoolbar/index.js +10 -0
- package/lib/examples/extensions/celltoolbar/index.js.map +1 -0
- package/lib/examples/extensions/exectime/ExecTimeExtension.d.ts +11 -0
- package/lib/examples/extensions/exectime/ExecTimeExtension.js +22 -0
- package/lib/examples/extensions/exectime/ExecTimeExtension.js.map +1 -0
- package/lib/examples/extensions/exectime/ExecTimeWidget.d.ts +19 -0
- package/lib/examples/extensions/exectime/ExecTimeWidget.js +131 -0
- package/lib/examples/extensions/exectime/ExecTimeWidget.js.map +1 -0
- package/lib/examples/extensions/exectime/index.d.ts +3 -0
- package/lib/examples/extensions/exectime/index.js +9 -0
- package/lib/examples/extensions/exectime/index.js.map +1 -0
- package/lib/examples/extensions/exectime/utils.d.ts +2 -0
- package/lib/examples/extensions/exectime/utils.js +43 -0
- package/lib/examples/extensions/exectime/utils.js.map +1 -0
- package/lib/examples/extensions/index.d.ts +2 -0
- package/lib/examples/extensions/index.js +8 -0
- package/lib/examples/extensions/index.js.map +1 -0
- package/lib/examples/notebooks/NotebookExample1.ipynb.json +32 -2
- package/lib/examples/sidebars/CellSidebarSource.d.ts +1 -1
- package/lib/examples/sidebars/CellSidebarSource.js +14 -14
- package/lib/examples/sidebars/CellSidebarSource.js.map +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.js +1 -0
- package/lib/index.js.map +1 -1
- package/lib/jupyter/JupyterConfig.d.ts +12 -4
- package/lib/jupyter/JupyterConfig.js +18 -24
- package/lib/jupyter/JupyterConfig.js.map +1 -1
- package/lib/jupyter/JupyterContext.js +2 -2
- package/lib/jupyter/JupyterContext.js.map +1 -1
- package/lib/jupyter/JupyterDefaults.d.ts +4 -0
- package/lib/jupyter/JupyterDefaults.js +4 -0
- package/lib/jupyter/JupyterDefaults.js.map +1 -1
- package/lib/jupyter/kernel/Kernel.js +25 -8
- package/lib/jupyter/kernel/Kernel.js.map +1 -1
- package/lib/jupyter/kernel/KernelExecutor.d.ts +1 -1
- package/lib/jupyter/lab/plugin.js +7 -0
- package/lib/jupyter/lab/plugin.js.map +1 -1
- package/lib/jupyter/services/ServiceManagerLess.d.ts +3 -1
- package/lib/jupyter/services/ServiceManagerLess.js +82 -82
- package/lib/jupyter/services/ServiceManagerLess.js.map +1 -1
- package/lib/jupyter/services/ServiceManagerLite.d.ts +1 -1
- package/lib/jupyter/services/ServiceManagerLite.js +12 -4
- package/lib/jupyter/services/ServiceManagerLite.js.map +1 -1
- package/lib/providers/index.d.ts +1 -0
- package/lib/providers/index.js +7 -0
- package/lib/providers/index.js.map +1 -0
- package/lib/providers/kernels/DatalayerKernels.d.ts +25 -0
- package/lib/providers/kernels/DatalayerKernels.js +58 -0
- package/lib/providers/kernels/DatalayerKernels.js.map +1 -0
- package/lib/providers/kernels/index.d.ts +1 -0
- package/lib/providers/kernels/index.js +7 -0
- package/lib/providers/kernels/index.js.map +1 -0
- package/lib/state/IDatalayerConfig.d.ts +22 -0
- package/lib/state/{IJupyterReactConfig.js → IDatalayerConfig.js} +1 -1
- package/lib/state/IDatalayerConfig.js.map +1 -0
- package/lib/state/JupyterReactState.d.ts +7 -6
- package/lib/state/JupyterReactState.js +31 -41
- package/lib/state/JupyterReactState.js.map +1 -1
- package/lib/state/index.d.ts +1 -1
- package/lib/state/index.js +1 -1
- package/lib/state/index.js.map +1 -1
- package/lib/theme/JupyterReactTheme.d.ts +1 -0
- package/lib/theme/JupyterReactTheme.js +3 -2
- package/lib/theme/JupyterReactTheme.js.map +1 -1
- package/lib/theme/index.js +1 -1
- package/lib/theme/index.js.map +1 -1
- package/package.json +1 -1
- package/lib/components/codemirror/CodeMirrorEditor.js.map +0 -1
- package/lib/examples/NotebookMutations.js +0 -61
- package/lib/examples/NotebookMutations.js.map +0 -1
- package/lib/state/IJupyterReactConfig.d.ts +0 -6
- package/lib/state/IJupyterReactConfig.js.map +0 -1
- /package/lib/examples/{NotebookMutations.d.ts → NotebookCellToolbar.d.ts} +0 -0
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/*
|
|
3
|
+
* Copyright (c) 2021-2023 Datalayer, Inc.
|
|
4
|
+
*
|
|
5
|
+
* MIT License
|
|
6
|
+
*/
|
|
7
|
+
import { useState } from 'react';
|
|
8
|
+
import { createRoot } from 'react-dom/client';
|
|
9
|
+
import { Box, Text } from '@primer/react';
|
|
10
|
+
import { JupyterReactTheme } from '../theme';
|
|
11
|
+
import { Notebook } from '../components/notebook/Notebook';
|
|
12
|
+
import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
|
|
13
|
+
import { CellSidebar } from '../components/notebook/cell/sidebar/CellSidebar';
|
|
14
|
+
import nbformat from './notebooks/NotebookExample1.ipynb.json';
|
|
15
|
+
const NotebookOnKernelConnection = () => {
|
|
16
|
+
const [kernelConnections, setKernelConnections] = useState([]);
|
|
17
|
+
const onKernelConnection = (kernelConnection) => {
|
|
18
|
+
console.log('Received a Kernel Connection.', kernelConnection);
|
|
19
|
+
if (kernelConnection) {
|
|
20
|
+
setKernelConnections(kernelConnections.concat(kernelConnection));
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
return (_jsxs(JupyterReactTheme, { children: [_jsx(Box, { as: "h1", children: "A Jupyter Notebook Listening to Kernel Connections" }), _jsx(Box, { children: _jsx(Text, { as: "h3", children: "Kernel Connections" }) }), _jsx(Box, { children: kernelConnections.map(kernelConnection => {
|
|
24
|
+
return (_jsxs(Box, { children: ["Client ID (", kernelConnection.clientId, ") - Kernel ID (", kernelConnection.id, ")"] }, kernelConnection.clientId));
|
|
25
|
+
}) }), _jsx(Notebook, { nbformat: nbformat, id: "notebook-on-kernel-connection-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
|
|
26
|
+
, onKernelConnection: onKernelConnection, cellSidebarMargin: 120, CellSidebar: CellSidebar, Toolbar: NotebookToolbar })] }));
|
|
27
|
+
};
|
|
28
|
+
const div = document.createElement('div');
|
|
29
|
+
document.body.appendChild(div);
|
|
30
|
+
const root = createRoot(div);
|
|
31
|
+
root.render(_jsx(NotebookOnKernelConnection, {}));
|
|
32
|
+
//# sourceMappingURL=NotebookOnKernelConnection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NotebookOnKernelConnection.js","sourceRoot":"","sources":["../../src/examples/NotebookOnKernelConnection.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAE9E,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,0BAA0B,GAAG,GAAG,EAAE;IACtC,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAkC,EAAE,CAAC,CAAA;IAC/F,MAAM,kBAAkB,GAAuB,CAAC,gBAA6D,EAAE,EAAE;QAC/G,OAAO,CAAC,GAAG,CAAC,+BAA+B,EAAE,gBAAgB,CAAC,CAAC;QAC/D,IAAI,gBAAgB,EAAE;YACpB,oBAAoB,CAAC,iBAAiB,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC;SAClE;IACH,CAAC,CAAA;IACD,OAAO,CACL,MAAC,iBAAiB,eAChB,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,mEAAyD,EACrE,KAAC,GAAG,cACF,KAAC,IAAI,IAAC,EAAE,EAAC,IAAI,mCAA0B,GACnC,EACN,KAAC,GAAG,cACD,iBAAiB,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE;oBACxC,OAAO,CACL,MAAC,GAAG,8BACU,gBAAgB,CAAC,QAAQ,qBAAiB,gBAAgB,CAAC,EAAE,UADjE,gBAAgB,CAAC,QAAQ,CAE7B,CACP,CAAA;gBACH,CAAC,CAAC,GACE,EACN,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,kCAAkC,EACrC,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;kBAC3D,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,IACgB,CACrB,CAAC;AACJ,CAAC,CAAA;AAED,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,0BAA0B,KAAG,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotebookServiceManager.js","sourceRoot":"","sources":["../../src/examples/NotebookServiceManager.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAG,GAAG,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAC5F,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAE9E,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,IAAI,kBAAkB,EAAE,CAAC,CAAC;IAC/E,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,IAAI,UAAU,EAAE;YACd,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,WAAW,CAAC,KAAK,CAAC,CAAC;YACnB,MAAM,cAAc,GAAG,oBAAoB,CAAC,mBAAmB,EAAE,EAAE,qBAAqB,EAAE,CAAC,CAAC;YAC5F,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;YAC9D,iBAAiB,CAAC,
|
|
1
|
+
{"version":3,"file":"NotebookServiceManager.js","sourceRoot":"","sources":["../../src/examples/NotebookServiceManager.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAG,GAAG,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAC5F,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAE9E,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,IAAI,kBAAkB,EAAE,CAAC,CAAC;IAC/E,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,IAAI,UAAU,EAAE;YACd,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,WAAW,CAAC,KAAK,CAAC,CAAC;YACnB,MAAM,cAAc,GAAG,oBAAoB,CAAC,mBAAmB,EAAE,EAAE,qBAAqB,EAAE,CAAC,CAAC;YAC5F,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;YAC9D,iBAAiB,CAAC,cAAqB,CAAC,CAAC;SAC1C;aAAM;YACL,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,MAAM,cAAc,GAAG,IAAI,kBAAkB,EAAE,CAAC;YAChD,iBAAiB,CAAC,cAAc,CAAC,CAAC;SACnC;IACH,CAAC,CAAC;IACF,OAAO,CACL,MAAC,iBAAiB,eAChB,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,aACjB,KAAC,GAAG,cACF,KAAC,MAAM,IAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,oBAAoB,EAAE,2CAEnC,GACL,EACN,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,wBACA,cAAc,CAAC,cAAc,CAAC,KAAK,IACvC,IACF,EACN,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAC,mBAAmB,EACtB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;kBAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,IACgB,CACrB,CAAC;AACJ,CAAC,CAAA;AAED,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/Viewer.js
CHANGED
|
@@ -7,7 +7,7 @@ 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 { Box, Text } from '@primer/react';
|
|
9
9
|
import { Jupyter } from '../jupyter/Jupyter';
|
|
10
|
-
import Viewer from '../components/viewer/Viewer';
|
|
10
|
+
import { Viewer } from '../components/viewer/Viewer';
|
|
11
11
|
import matplotlib from './notebooks/Matplotlib.ipynb.json';
|
|
12
12
|
const JupyterViewerExample = () => {
|
|
13
13
|
return (_jsx(_Fragment, { children: _jsx(Box, { m: 3, children: _jsxs(Jupyter, { serverless: true, children: [_jsx(Text, { as: "h1", children: "Jupyter 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: "Jupyter Viewer without outputs" }), _jsx(Viewer, { nbformat: matplotlib, outputs: false })] }) }) }));
|
|
@@ -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,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,MAAM,MAAM,6BAA6B,CAAC;
|
|
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,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAE3D,MAAM,oBAAoB,GAAG,GAAG,EAAE;IAChC,OAAO,CACL,4BACE,KAAC,GAAG,IAAC,CAAC,EAAE,CAAC,YACP,MAAC,OAAO,IAAC,UAAU,mBACjB,KAAC,IAAI,IAAC,EAAE,EAAC,IAAI,mDAA0C,EACvD,KAAC,MAAM,IACL,WAAW,EAAC,uFAAuF,EACnG,OAAO,SACP,EACF,KAAC,IAAI,IAAC,EAAE,EAAC,IAAI,+CAAsC,EACnD,KAAC,MAAM,IACL,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,KAAK,GACd,IACM,GACN,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,oBAAoB,KAAG,CAAC,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ReactWidget } from '@jupyterlab/apputils';
|
|
3
|
+
import { CodeCell } from '@jupyterlab/cells';
|
|
4
|
+
import { IDatalayerNotebookExtensionProps } from '../../../components';
|
|
5
|
+
export declare const DATALAYER_CELL_TOOLBAR_CLASS = "dla-CellToolbar-Container";
|
|
6
|
+
export declare class CellToolbar extends ReactWidget {
|
|
7
|
+
private _cell;
|
|
8
|
+
private _props;
|
|
9
|
+
constructor(cell: CodeCell, props: IDatalayerNotebookExtensionProps);
|
|
10
|
+
render(): JSX.Element;
|
|
11
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
/*
|
|
3
|
+
* Copyright (c) 2021-2023 Datalayer, Inc.
|
|
4
|
+
*
|
|
5
|
+
* MIT License
|
|
6
|
+
*/
|
|
7
|
+
import { ReactWidget } from '@jupyterlab/apputils';
|
|
8
|
+
import { CellToolbarComponent } from './CellToolbarComponent';
|
|
9
|
+
export const DATALAYER_CELL_TOOLBAR_CLASS = 'dla-CellToolbar-Container';
|
|
10
|
+
export class CellToolbar extends ReactWidget {
|
|
11
|
+
_cell;
|
|
12
|
+
_props;
|
|
13
|
+
constructor(cell, props) {
|
|
14
|
+
super();
|
|
15
|
+
this._cell = cell;
|
|
16
|
+
this._props = props;
|
|
17
|
+
this.addClass(DATALAYER_CELL_TOOLBAR_CLASS);
|
|
18
|
+
}
|
|
19
|
+
render() {
|
|
20
|
+
return (_jsx(_Fragment, { children: _jsx(CellToolbarComponent, { cell: this._cell, extensionProps: this._props }) }));
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=CellToolbar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CellToolbar.js","sourceRoot":"","sources":["../../../../src/examples/extensions/celltoolbar/CellToolbar.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,CAAC,MAAM,4BAA4B,GAAG,2BAA2B,CAAC;AAExE,MAAM,OAAO,WAAY,SAAQ,WAAW;IAClC,KAAK,CAAW;IAChB,MAAM,CAAmC;IAEjD,YAAY,IAAc,EAAE,KAAuC;QACjE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,QAAQ,CAAC,4BAA4B,CAAC,CAAC;IAC9C,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4BACE,KAAC,oBAAoB,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,cAAc,EAAE,IAAI,CAAC,MAAM,GAAI,GACtE,CACJ,CAAA;IACH,CAAC;CAEF"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { CodeCell } from '@jupyterlab/cells';
|
|
2
|
+
import { IDatalayerNotebookExtensionProps } from '../../../components';
|
|
3
|
+
type ICellToolbarComponentProps = {
|
|
4
|
+
cell: CodeCell;
|
|
5
|
+
extensionProps: IDatalayerNotebookExtensionProps;
|
|
6
|
+
};
|
|
7
|
+
export declare const CellToolbarComponent: (props: ICellToolbarComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default CellToolbarComponent;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { Box, IconButton } from '@primer/react';
|
|
3
|
+
import { PlayIcon, ChevronUpIcon, ChevronDownIcon, SquareIcon, XIcon, } from '@primer/octicons-react';
|
|
4
|
+
import { useNotebookStore } from '../../../components';
|
|
5
|
+
export const CellToolbarComponent = (props) => {
|
|
6
|
+
const { extensionProps } = props;
|
|
7
|
+
const notebookId = extensionProps.notebookId;
|
|
8
|
+
const notebookStore = useNotebookStore();
|
|
9
|
+
const activeCell = notebookStore.selectActiveCell(notebookId);
|
|
10
|
+
return activeCell ? (_jsxs(Box, { display: "flex", sx: {
|
|
11
|
+
marginLeft: 70,
|
|
12
|
+
}, children: [_jsx(Box, { children: _jsx(IconButton, { size: "small", color: "secondary", "aria-label": "Run cell", title: "Run cell", onClick: e => {
|
|
13
|
+
e.preventDefault();
|
|
14
|
+
notebookStore.run(notebookId);
|
|
15
|
+
}, 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 => {
|
|
16
|
+
e.preventDefault();
|
|
17
|
+
notebookStore.insertAbove({
|
|
18
|
+
id: notebookId,
|
|
19
|
+
cellType: 'code',
|
|
20
|
+
});
|
|
21
|
+
}, 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 => {
|
|
22
|
+
e.preventDefault();
|
|
23
|
+
notebookStore.insertAbove({
|
|
24
|
+
id: notebookId,
|
|
25
|
+
cellType: 'markdown',
|
|
26
|
+
});
|
|
27
|
+
}, 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 => {
|
|
28
|
+
e.preventDefault();
|
|
29
|
+
notebookStore.changeCellType({
|
|
30
|
+
id: notebookId,
|
|
31
|
+
cellType: 'markdown',
|
|
32
|
+
});
|
|
33
|
+
} })) : (_jsx(IconButton, { "aria-label": "Convert to code cell", title: "Convert to code cell", icon: SquareIcon, variant: "invisible", size: "small", onClick: (e) => {
|
|
34
|
+
e.preventDefault();
|
|
35
|
+
notebookStore.changeCellType({
|
|
36
|
+
id: notebookId,
|
|
37
|
+
cellType: 'code',
|
|
38
|
+
});
|
|
39
|
+
} })) }), _jsx(Box, { children: _jsx(IconButton, { size: "small", color: "secondary", "aria-label": "Add markdown cell below", title: "Add markdown cell below", onClick: e => {
|
|
40
|
+
e.preventDefault();
|
|
41
|
+
notebookStore.insertBelow({
|
|
42
|
+
id: notebookId,
|
|
43
|
+
cellType: 'markdown',
|
|
44
|
+
});
|
|
45
|
+
}, icon: ChevronDownIcon, variant: "invisible" }) }), _jsx(Box, { children: _jsx(IconButton, { size: "small", color: "secondary", "aria-label": "Add code cell above", title: "Add code cell above", onClick: e => {
|
|
46
|
+
e.preventDefault();
|
|
47
|
+
notebookStore.insertBelow({
|
|
48
|
+
id: notebookId,
|
|
49
|
+
cellType: 'code',
|
|
50
|
+
});
|
|
51
|
+
}, icon: ChevronDownIcon, variant: "invisible" }) }), _jsx(Box, { children: _jsx(IconButton, { size: "small", color: "error", "aria-label": "Delete cell", title: "Delete cell", onClick: e => {
|
|
52
|
+
e.preventDefault();
|
|
53
|
+
notebookStore.delete(notebookId);
|
|
54
|
+
}, icon: XIcon, variant: "invisible" }) })] })) : (_jsx(_Fragment, {}));
|
|
55
|
+
};
|
|
56
|
+
export default CellToolbarComponent;
|
|
57
|
+
//# sourceMappingURL=CellToolbarComponent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CellToolbarComponent.js","sourceRoot":"","sources":["../../../../src/examples/extensions/celltoolbar/CellToolbarComponent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { INotebookModel, NotebookPanel } from '@jupyterlab/notebook';
|
|
3
|
+
import { DocumentRegistry } from '@jupyterlab/docregistry';
|
|
4
|
+
import { DatalayerNotebookExtension, IDatalayerNotebookExtensionProps } from '../../../components';
|
|
5
|
+
import './CellToolbarExtension.css';
|
|
6
|
+
export declare class CellToolbarExtension implements DatalayerNotebookExtension {
|
|
7
|
+
private _props?;
|
|
8
|
+
init(props: IDatalayerNotebookExtensionProps): void;
|
|
9
|
+
createNew(notebookPanel: NotebookPanel, context: DocumentRegistry.IContext<INotebookModel>): void;
|
|
10
|
+
get component(): JSX.Element | undefined;
|
|
11
|
+
}
|
|
12
|
+
export default CellToolbarExtension;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { CellToolbarWidget } from './CellToolbarWidget';
|
|
3
|
+
import './CellToolbarExtension.css';
|
|
4
|
+
export class CellToolbarExtension {
|
|
5
|
+
_props;
|
|
6
|
+
/* @override */
|
|
7
|
+
init(props) {
|
|
8
|
+
this._props = props;
|
|
9
|
+
}
|
|
10
|
+
/* @override */
|
|
11
|
+
createNew(notebookPanel, context) {
|
|
12
|
+
new CellToolbarWidget(notebookPanel, this._props);
|
|
13
|
+
}
|
|
14
|
+
/* @override */
|
|
15
|
+
get component() {
|
|
16
|
+
return _jsx(_Fragment, {});
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
export default CellToolbarExtension;
|
|
20
|
+
//# sourceMappingURL=CellToolbarExtension.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CellToolbarExtension.js","sourceRoot":"","sources":["../../../../src/examples/extensions/celltoolbar/CellToolbarExtension.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,4BAA4B,CAAC;AAEpC,MAAM,OAAO,oBAAoB;IACvB,MAAM,CAAoC;IAElD,eAAe;IACf,IAAI,CAAC,KAAuC;QAC1C,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,eAAe;IACf,SAAS,CAAC,aAA4B,EAAE,OAAkD;QACxF,IAAI,iBAAiB,CAAC,aAAa,EAAE,IAAI,CAAC,MAAO,CAAC,CAAC;IACrD,CAAC;IAED,eAAe;IACf,IAAI,SAAS;QACX,OAAO,mBAAK,CAAA;IACd,CAAC;CAEF;AAED,eAAe,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Widget } from '@lumino/widgets';
|
|
2
|
+
import { NotebookPanel } from '@jupyterlab/notebook';
|
|
3
|
+
import { IDatalayerNotebookExtensionProps } from '../../../components';
|
|
4
|
+
export interface ICellToolbarSettings {
|
|
5
|
+
highlight: boolean;
|
|
6
|
+
positioning: string;
|
|
7
|
+
}
|
|
8
|
+
export declare class CellToolbarWidget extends Widget {
|
|
9
|
+
private _panel;
|
|
10
|
+
private _props;
|
|
11
|
+
constructor(panel: NotebookPanel, props: IDatalayerNotebookExtensionProps);
|
|
12
|
+
private updateConnectedCell;
|
|
13
|
+
private _deregisterCellChanges;
|
|
14
|
+
private _registerCellChanges;
|
|
15
|
+
private _getCodeCell;
|
|
16
|
+
private _updateCodeCell;
|
|
17
|
+
}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2021-2023 Datalayer, Inc.
|
|
3
|
+
*
|
|
4
|
+
* MIT License
|
|
5
|
+
*/
|
|
6
|
+
import { Widget } from '@lumino/widgets';
|
|
7
|
+
import { CellToolbar, DATALAYER_CELL_TOOLBAR_CLASS } from './CellToolbar';
|
|
8
|
+
export class CellToolbarWidget extends Widget {
|
|
9
|
+
_panel;
|
|
10
|
+
_props;
|
|
11
|
+
constructor(panel, props) {
|
|
12
|
+
super();
|
|
13
|
+
this._panel = panel;
|
|
14
|
+
this._props = props;
|
|
15
|
+
this.updateConnectedCell = this.updateConnectedCell.bind(this);
|
|
16
|
+
const cells = this._panel.context.model.cells;
|
|
17
|
+
cells.changed.connect(this.updateConnectedCell);
|
|
18
|
+
for (let i = 0; i < cells.length; ++i) {
|
|
19
|
+
this._registerCellChanges(cells.get(i));
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
updateConnectedCell(cells, changed) {
|
|
23
|
+
changed.oldValues.forEach(this._deregisterCellChanges.bind(this));
|
|
24
|
+
changed.newValues.forEach(this._registerCellChanges.bind(this));
|
|
25
|
+
}
|
|
26
|
+
_deregisterCellChanges(cellModel) {
|
|
27
|
+
}
|
|
28
|
+
_registerCellChanges(cellModel) {
|
|
29
|
+
const disableHighlight = false;
|
|
30
|
+
const codeCell = this._getCodeCell(cellModel);
|
|
31
|
+
if (codeCell) {
|
|
32
|
+
codeCell.displayChanged.connect(() => {
|
|
33
|
+
this._updateCodeCell(codeCell, disableHighlight);
|
|
34
|
+
});
|
|
35
|
+
codeCell.inViewportChanged.connect(() => {
|
|
36
|
+
this._updateCodeCell(codeCell, disableHighlight);
|
|
37
|
+
});
|
|
38
|
+
this._updateCodeCell(codeCell, disableHighlight);
|
|
39
|
+
}
|
|
40
|
+
else {
|
|
41
|
+
if (cellModel.type === 'code') {
|
|
42
|
+
console.error(`Could not find code cell for model: ${cellModel}`);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
_getCodeCell(cellModel) {
|
|
47
|
+
if (cellModel.type === 'code') {
|
|
48
|
+
const cell = this._panel.content.widgets.find((widget) => widget.model === cellModel);
|
|
49
|
+
return cell;
|
|
50
|
+
}
|
|
51
|
+
return null;
|
|
52
|
+
}
|
|
53
|
+
_updateCodeCell(cell, disableHighlight) {
|
|
54
|
+
if (cell.inputArea) {
|
|
55
|
+
const layout = cell.layout;
|
|
56
|
+
if (layout) {
|
|
57
|
+
const panelLayout = layout;
|
|
58
|
+
if (!panelLayout.widgets[1].hasClass(DATALAYER_CELL_TOOLBAR_CLASS)) {
|
|
59
|
+
panelLayout.insertWidget(1, new CellToolbar(cell, this._props));
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
//# sourceMappingURL=CellToolbarWidget.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CellToolbarWidget.js","sourceRoot":"","sources":["../../../../src/examples/extensions/celltoolbar/CellToolbarWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2021-2023 Datalayer, Inc.
|
|
3
|
+
*
|
|
4
|
+
* MIT License
|
|
5
|
+
*/
|
|
6
|
+
export * from './CellToolbar';
|
|
7
|
+
export * from './CellToolbarComponent';
|
|
8
|
+
export * from './CellToolbarExtension';
|
|
9
|
+
export * from './CellToolbarWidget';
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/examples/extensions/celltoolbar/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { INotebookModel, NotebookPanel } from '@jupyterlab/notebook';
|
|
3
|
+
import { DocumentRegistry } from '@jupyterlab/docregistry';
|
|
4
|
+
import { DatalayerNotebookExtension, IDatalayerNotebookExtensionProps } from '../../../components';
|
|
5
|
+
import './ExecTimeExtension.css';
|
|
6
|
+
export declare class ExecTimeExtension implements DatalayerNotebookExtension {
|
|
7
|
+
init(props: IDatalayerNotebookExtensionProps): void;
|
|
8
|
+
createNew(notebookPanel: NotebookPanel, context: DocumentRegistry.IContext<INotebookModel>): void;
|
|
9
|
+
get component(): JSX.Element | undefined;
|
|
10
|
+
}
|
|
11
|
+
export default ExecTimeExtension;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2021-2023 Datalayer, Inc.
|
|
3
|
+
*
|
|
4
|
+
* MIT License
|
|
5
|
+
*/
|
|
6
|
+
import { ExecTimeWidget } from './ExecTimeWidget';
|
|
7
|
+
import './ExecTimeExtension.css';
|
|
8
|
+
export class ExecTimeExtension {
|
|
9
|
+
/* @override */
|
|
10
|
+
init(props) {
|
|
11
|
+
}
|
|
12
|
+
/* @override */
|
|
13
|
+
createNew(notebookPanel, context) {
|
|
14
|
+
new ExecTimeWidget(notebookPanel);
|
|
15
|
+
}
|
|
16
|
+
/* @override */
|
|
17
|
+
get component() {
|
|
18
|
+
return undefined;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
export default ExecTimeExtension;
|
|
22
|
+
//# sourceMappingURL=ExecTimeExtension.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExecTimeExtension.js","sourceRoot":"","sources":["../../../../src/examples/extensions/exectime/ExecTimeExtension.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,yBAAyB,CAAC;AAEjC,MAAM,OAAO,iBAAiB;IAE5B,eAAe;IACf,IAAI,CAAC,KAAuC;IAC5C,CAAC;IAED,eAAe;IACf,SAAS,CAAC,aAA4B,EAAE,OAAkD;QACxF,IAAI,cAAc,CAAC,aAAa,CAAC,CAAC;IACpC,CAAC;IAED,eAAe;IACf,IAAI,SAAS;QACX,OAAO,SAAS,CAAA;IAClB,CAAC;CAEF;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Widget } from '@lumino/widgets';
|
|
2
|
+
import { NotebookPanel } from '@jupyterlab/notebook';
|
|
3
|
+
export interface IExecTimeSettings {
|
|
4
|
+
highlight: boolean;
|
|
5
|
+
positioning: string;
|
|
6
|
+
}
|
|
7
|
+
export declare class ExecTimeWidget extends Widget {
|
|
8
|
+
private _panel;
|
|
9
|
+
private _cellSlotMap;
|
|
10
|
+
private _settings;
|
|
11
|
+
constructor(panel: NotebookPanel);
|
|
12
|
+
private updateConnectedCell;
|
|
13
|
+
private _registerMetadataChanges;
|
|
14
|
+
private _deregisterMetadataChanges;
|
|
15
|
+
private _cellMetadataChanged;
|
|
16
|
+
private _getCodeCell;
|
|
17
|
+
private _removeExecuteNode;
|
|
18
|
+
private _updateCodeCell;
|
|
19
|
+
}
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2021-2023 Datalayer, Inc.
|
|
3
|
+
*
|
|
4
|
+
* MIT License
|
|
5
|
+
*/
|
|
6
|
+
import { Widget } from '@lumino/widgets';
|
|
7
|
+
import { JSONExt } from '@lumino/coreutils';
|
|
8
|
+
import { getTimeDiff, getTimeString } from './utils';
|
|
9
|
+
const EXECUTE_TIME_CLASS = 'dla-ExecTime';
|
|
10
|
+
const ANIMATE_TIME_MS = 1000;
|
|
11
|
+
const ANIMATE_CSS = `executeHighlight ${ANIMATE_TIME_MS}ms`;
|
|
12
|
+
export class ExecTimeWidget extends Widget {
|
|
13
|
+
_panel;
|
|
14
|
+
_cellSlotMap = {};
|
|
15
|
+
_settings = {
|
|
16
|
+
highlight: true,
|
|
17
|
+
positioning: 'left'
|
|
18
|
+
};
|
|
19
|
+
constructor(panel) {
|
|
20
|
+
super();
|
|
21
|
+
this._panel = panel;
|
|
22
|
+
this.updateConnectedCell = this.updateConnectedCell.bind(this);
|
|
23
|
+
const cells = this._panel.context.model.cells;
|
|
24
|
+
cells.changed.connect(this.updateConnectedCell);
|
|
25
|
+
for (let i = 0; i < cells.length; ++i) {
|
|
26
|
+
this._registerMetadataChanges(cells.get(i));
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
updateConnectedCell(cells, changed) {
|
|
30
|
+
changed.oldValues.forEach(this._deregisterMetadataChanges.bind(this));
|
|
31
|
+
changed.newValues.forEach(this._registerMetadataChanges.bind(this));
|
|
32
|
+
}
|
|
33
|
+
_registerMetadataChanges(cellModel) {
|
|
34
|
+
if (!(cellModel.id in this._cellSlotMap)) {
|
|
35
|
+
const fn = () => this._cellMetadataChanged(cellModel);
|
|
36
|
+
this._cellSlotMap[cellModel.id] = fn;
|
|
37
|
+
cellModel.metadataChanged.connect(fn);
|
|
38
|
+
}
|
|
39
|
+
this._cellMetadataChanged(cellModel, true);
|
|
40
|
+
}
|
|
41
|
+
_deregisterMetadataChanges(cellModel) {
|
|
42
|
+
const fn = this._cellSlotMap[cellModel.id];
|
|
43
|
+
if (fn) {
|
|
44
|
+
cellModel.metadataChanged.disconnect(fn);
|
|
45
|
+
const codeCell = this._getCodeCell(cellModel);
|
|
46
|
+
if (codeCell) {
|
|
47
|
+
this._removeExecuteNode(codeCell);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
delete this._cellSlotMap[cellModel.id];
|
|
51
|
+
}
|
|
52
|
+
_cellMetadataChanged(cellModel, disableHighlight = false) {
|
|
53
|
+
const codeCell = this._getCodeCell(cellModel);
|
|
54
|
+
if (codeCell) {
|
|
55
|
+
this._updateCodeCell(codeCell, disableHighlight);
|
|
56
|
+
}
|
|
57
|
+
else {
|
|
58
|
+
if (cellModel.type === 'code') {
|
|
59
|
+
console.error(`Could not find code cell for model: ${cellModel}`);
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
_getCodeCell(cellModel) {
|
|
64
|
+
if (cellModel.type === 'code') {
|
|
65
|
+
const cell = this._panel.content.widgets.find((widget) => widget.model === cellModel);
|
|
66
|
+
return cell;
|
|
67
|
+
}
|
|
68
|
+
return null;
|
|
69
|
+
}
|
|
70
|
+
_removeExecuteNode(cell) {
|
|
71
|
+
if (cell.inputArea) {
|
|
72
|
+
const editorWidget = cell.inputArea.editorWidget;
|
|
73
|
+
const executionTimeNode = editorWidget.node.querySelector(`.${EXECUTE_TIME_CLASS}`);
|
|
74
|
+
if (executionTimeNode) {
|
|
75
|
+
executionTimeNode.remove();
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
_updateCodeCell(cell, disableHighlight) {
|
|
80
|
+
const executionMetadata = cell.model.getMetadata('execution');
|
|
81
|
+
if (executionMetadata && JSONExt.isObject(executionMetadata)) {
|
|
82
|
+
const editorWidget = cell.inputArea.editorWidget;
|
|
83
|
+
let executionTimeNode = editorWidget.node.querySelector(`.${EXECUTE_TIME_CLASS}`);
|
|
84
|
+
if (!executionTimeNode) {
|
|
85
|
+
executionTimeNode = document.createElement('div');
|
|
86
|
+
editorWidget.node.append(executionTimeNode);
|
|
87
|
+
}
|
|
88
|
+
let positioning;
|
|
89
|
+
switch (this._settings.positioning) {
|
|
90
|
+
case 'left':
|
|
91
|
+
positioning = 'left';
|
|
92
|
+
break;
|
|
93
|
+
case 'right':
|
|
94
|
+
positioning = 'right';
|
|
95
|
+
break;
|
|
96
|
+
default:
|
|
97
|
+
console.error(`'${positioning}' is not a valid type for the setting 'positioning'`);
|
|
98
|
+
}
|
|
99
|
+
const positioningClass = `${EXECUTE_TIME_CLASS}-positioning-${this._settings.positioning}`;
|
|
100
|
+
executionTimeNode.className = `${EXECUTE_TIME_CLASS} ${positioningClass}`;
|
|
101
|
+
const queuedTimeStr = executionMetadata['iopub.status.busy'];
|
|
102
|
+
const queuedTime = queuedTimeStr ? new Date(queuedTimeStr) : null;
|
|
103
|
+
const startTimeStr = (executionMetadata['shell.execute_reply.started'] ||
|
|
104
|
+
executionMetadata['iopub.execute_input']);
|
|
105
|
+
const startTime = startTimeStr ? new Date(startTimeStr) : null;
|
|
106
|
+
const endTimeStr = executionMetadata['shell.execute_reply'];
|
|
107
|
+
const endTime = endTimeStr ? new Date(endTimeStr) : null;
|
|
108
|
+
let msg = '';
|
|
109
|
+
if (endTime) {
|
|
110
|
+
msg = `Last executed at ${getTimeString(endTime)} in ${getTimeDiff(endTime, startTime)}`;
|
|
111
|
+
}
|
|
112
|
+
else if (startTime) {
|
|
113
|
+
msg = `Execution started at ${getTimeString(startTime)}`;
|
|
114
|
+
}
|
|
115
|
+
else if (queuedTime) {
|
|
116
|
+
msg = `Execution queued at ${getTimeString(queuedTime)}`;
|
|
117
|
+
}
|
|
118
|
+
if (executionTimeNode.innerText !== msg) {
|
|
119
|
+
executionTimeNode.innerText = msg;
|
|
120
|
+
if (!disableHighlight && this._settings.highlight && endTimeStr) {
|
|
121
|
+
executionTimeNode.style.setProperty('animation', ANIMATE_CSS);
|
|
122
|
+
setTimeout(() => executionTimeNode.style.removeProperty('animation'), ANIMATE_TIME_MS);
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
else {
|
|
127
|
+
this._removeExecuteNode(cell);
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
//# sourceMappingURL=ExecTimeWidget.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExecTimeWidget.js","sourceRoot":"","sources":["../../../../src/examples/extensions/exectime/ExecTimeWidget.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/examples/extensions/exectime/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2021-2023 Datalayer, Inc.
|
|
3
|
+
*
|
|
4
|
+
* MIT License
|
|
5
|
+
*/
|
|
6
|
+
export const getTimeString = (date) => {
|
|
7
|
+
return date.toLocaleDateString('en-us', { weekday: "long", year: "numeric", month: "short", day: "numeric" });
|
|
8
|
+
};
|
|
9
|
+
export const getTimeDiff = (end, start) => {
|
|
10
|
+
const MS_IN_SEC = 1000;
|
|
11
|
+
const MS_IN_MIN = 60 * MS_IN_SEC;
|
|
12
|
+
const MS_IN_HR = 60 * MS_IN_MIN;
|
|
13
|
+
const MS_IN_DAY = 24 * MS_IN_HR;
|
|
14
|
+
let ms = end.getTime() - start.getTime();
|
|
15
|
+
if (ms < MS_IN_SEC) {
|
|
16
|
+
return `${ms}ms`;
|
|
17
|
+
}
|
|
18
|
+
const days = Math.floor(ms / MS_IN_DAY);
|
|
19
|
+
ms = ms % MS_IN_DAY;
|
|
20
|
+
const hours = Math.floor(ms / MS_IN_HR);
|
|
21
|
+
ms = ms % MS_IN_HR;
|
|
22
|
+
const mins = Math.floor(ms / MS_IN_MIN);
|
|
23
|
+
ms = ms % MS_IN_MIN;
|
|
24
|
+
// We want to show this as fractional
|
|
25
|
+
const secs = ms / MS_IN_SEC;
|
|
26
|
+
let timeDiff = '';
|
|
27
|
+
if (days) {
|
|
28
|
+
timeDiff += `${days}d `;
|
|
29
|
+
}
|
|
30
|
+
if (days || hours) {
|
|
31
|
+
timeDiff += `${hours}h `;
|
|
32
|
+
}
|
|
33
|
+
if (days || hours || mins) {
|
|
34
|
+
timeDiff += `${mins}m `;
|
|
35
|
+
}
|
|
36
|
+
// Only show s if its < 1 day
|
|
37
|
+
if (!days) {
|
|
38
|
+
// Only show ms if is < 1 hr
|
|
39
|
+
timeDiff += `${secs.toFixed(hours ? 0 : 2)}s`;
|
|
40
|
+
}
|
|
41
|
+
return timeDiff.trim();
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/examples/extensions/exectime/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAU,EAAU,EAAE;IAClD,OAAO,IAAI,CAAC,kBAAkB,CAC5B,OAAO,EACP,EAAE,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,SAAS,EAAE,KAAK,EAAC,OAAO,EAAE,GAAG,EAAC,SAAS,EAAC,CAChE,CAAC;AACJ,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,GAAS,EAAE,KAAW,EAAU,EAAE;IAC5D,MAAM,SAAS,GAAG,IAAI,CAAC;IACvB,MAAM,SAAS,GAAG,EAAE,GAAG,SAAS,CAAC;IACjC,MAAM,QAAQ,GAAG,EAAE,GAAG,SAAS,CAAC;IAChC,MAAM,SAAS,GAAG,EAAE,GAAG,QAAQ,CAAC;IAChC,IAAI,EAAE,GAAG,GAAG,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC;IACzC,IAAI,EAAE,GAAG,SAAS,EAAE;QAClB,OAAO,GAAG,EAAE,IAAI,CAAC;KAClB;IACD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC;IACxC,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC;IACpB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,QAAQ,CAAC,CAAC;IACxC,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC;IACnB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC;IACxC,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC;IACpB,qCAAqC;IACrC,MAAM,IAAI,GAAG,EAAE,GAAG,SAAS,CAAC;IAC5B,IAAI,QAAQ,GAAG,EAAE,CAAC;IAClB,IAAI,IAAI,EAAE;QACR,QAAQ,IAAI,GAAG,IAAI,IAAI,CAAC;KACzB;IACD,IAAI,IAAI,IAAI,KAAK,EAAE;QACjB,QAAQ,IAAI,GAAG,KAAK,IAAI,CAAC;KAC1B;IACD,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,EAAE;QACzB,QAAQ,IAAI,GAAG,IAAI,IAAI,CAAC;KACzB;IACD,6BAA6B;IAC7B,IAAI,CAAC,IAAI,EAAE;QACT,4BAA4B;QAC5B,QAAQ,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;KAC/C;IACD,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;AACzB,CAAC,CAAA"}
|