@datalayer/jupyter-react 0.16.0 → 0.18.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/lib/components/cell/Cell.js +15 -20
- package/lib/components/cell/Cell.js.map +1 -1
- package/lib/components/cell/CellAdapter.d.ts +3 -0
- package/lib/components/cell/CellAdapter.js +97 -4
- package/lib/components/cell/CellAdapter.js.map +1 -1
- package/lib/components/cell/CellCommands.d.ts +2 -2
- package/lib/components/cell/CellCommands.js +2 -2
- package/lib/components/cell/CellCommands.js.map +1 -1
- package/lib/components/cell/CellState.d.ts +15 -8
- package/lib/components/cell/CellState.js +33 -8
- package/lib/components/cell/CellState.js.map +1 -1
- package/lib/components/codemirror/CodeMirrorEditor.js +11 -17
- package/lib/components/codemirror/CodeMirrorEditor.js.map +1 -1
- package/lib/components/kernel/Kernelndicator.d.ts +7 -5
- package/lib/components/kernel/Kernelndicator.js +8 -8
- package/lib/components/kernel/Kernelndicator.js.map +1 -1
- package/lib/components/kernel/inspector/widget.js +3 -3
- package/lib/components/kernel/inspector/widget.js.map +1 -1
- package/lib/components/notebook/Notebook.d.ts +1 -1
- package/lib/components/notebook/Notebook.js +19 -19
- package/lib/components/notebook/Notebook.js.map +1 -1
- package/lib/components/notebook/NotebookAdapter.d.ts +2 -2
- package/lib/components/notebook/NotebookAdapter.js +9 -9
- package/lib/components/notebook/NotebookAdapter.js.map +1 -1
- package/lib/components/notebook/NotebookCommands.js +30 -4
- package/lib/components/notebook/NotebookCommands.js.map +1 -1
- package/lib/components/notebook/NotebookState.d.ts +34 -34
- package/lib/components/notebook/NotebookState.js +54 -54
- package/lib/components/notebook/NotebookState.js.map +1 -1
- package/lib/components/notebook/cell/metadata/CellMetadataEditor.js +23 -8
- package/lib/components/notebook/cell/metadata/CellMetadataEditor.js.map +1 -1
- package/lib/components/notebook/cell/metadata/NbGraderCells.js +4 -4
- package/lib/components/notebook/cell/metadata/NbGraderCells.js.map +1 -1
- package/lib/components/notebook/cell/sidebar/CellSidebar.js +6 -6
- package/lib/components/notebook/cell/sidebar/CellSidebar.js.map +1 -1
- package/lib/components/notebook/cell/sidebar/CellSidebarButton.js +6 -6
- package/lib/components/notebook/cell/sidebar/CellSidebarButton.js.map +1 -1
- package/lib/components/notebook/cell/sidebar/CellSidebarWidget.js +1 -1
- package/lib/components/notebook/cell/sidebar/CellSidebarWidget.js.map +1 -1
- package/lib/components/output/Output.d.ts +4 -4
- package/lib/components/output/Output.js +51 -38
- package/lib/components/output/Output.js.map +1 -1
- package/lib/components/output/OutputAdapter.d.ts +3 -2
- package/lib/components/output/OutputAdapter.js +9 -6
- package/lib/components/output/OutputAdapter.js.map +1 -1
- package/lib/components/output/OutputExecutor.d.ts +8 -0
- package/lib/components/output/OutputExecutor.js +28 -0
- package/lib/components/output/OutputExecutor.js.map +1 -0
- package/lib/components/output/OutputState.d.ts +23 -42
- package/lib/components/output/OutputState.js +50 -40
- package/lib/components/output/OutputState.js.map +1 -1
- package/lib/examples/All.js +14 -15
- package/lib/examples/All.js.map +1 -1
- package/lib/examples/Bokeh.js +1 -1
- package/lib/examples/Bokeh.js.map +1 -1
- package/lib/examples/Bqplot.js +1 -1
- package/lib/examples/Bqplot.js.map +1 -1
- package/lib/examples/Cell.js +16 -11
- package/lib/examples/Cell.js.map +1 -1
- package/lib/examples/CellExecuteControl.d.ts +1 -0
- package/lib/examples/CellExecuteControl.js +38 -0
- package/lib/examples/CellExecuteControl.js.map +1 -0
- package/lib/examples/Cells.js +1 -1
- package/lib/examples/Cells.js.map +1 -1
- package/lib/examples/Dashboard.js +1 -1
- package/lib/examples/Dashboard.js.map +1 -1
- package/lib/examples/GeoJson.js +1 -1
- package/lib/examples/GeoJson.js.map +1 -1
- package/lib/examples/IPyLeaflet.js +1 -1
- package/lib/examples/IPyLeaflet.js.map +1 -1
- package/lib/examples/IPyReact.js +1 -1
- package/lib/examples/IPyReact.js.map +1 -1
- package/lib/examples/IPyWidgets.js +1 -1
- package/lib/examples/IPyWidgets.js.map +1 -1
- package/lib/examples/IPyWidgetsWithState.js +1 -1
- package/lib/examples/IPyWidgetsWithState.js.map +1 -1
- package/lib/examples/KernelExecute.d.ts +1 -0
- package/lib/examples/{KernelExecResult.js → KernelExecute.js} +5 -5
- package/lib/examples/KernelExecute.js.map +1 -0
- package/lib/examples/KernelExecutor.js +3 -3
- package/lib/examples/KernelExecutor.js.map +1 -1
- package/lib/examples/Matplotlib.js +1 -1
- package/lib/examples/Matplotlib.js.map +1 -1
- package/lib/examples/Notebook.js +2 -2
- package/lib/examples/Notebook.js.map +1 -1
- package/lib/examples/NotebookCellSidebar.js +1 -1
- package/lib/examples/NotebookCellSidebar.js.map +1 -1
- package/lib/examples/NotebookColorMode.js +1 -1
- package/lib/examples/NotebookColorMode.js.map +1 -1
- package/lib/examples/NotebookExternalContent.js +3 -3
- package/lib/examples/NotebookExternalContent.js.map +1 -1
- package/lib/examples/NotebookInit.js +2 -3
- package/lib/examples/NotebookInit.js.map +1 -1
- package/lib/examples/NotebookKernelChange.js +3 -4
- package/lib/examples/NotebookKernelChange.js.map +1 -1
- package/lib/examples/NotebookLite.js +1 -1
- package/lib/examples/NotebookLite.js.map +1 -1
- package/lib/examples/NotebookNbFormat.js +1 -1
- package/lib/examples/NotebookNbFormat.js.map +1 -1
- package/lib/examples/NotebookNbFormatChange.js +3 -3
- package/lib/examples/NotebookNbFormatChange.js.map +1 -1
- package/lib/examples/NotebookNoContext.js +2 -2
- package/lib/examples/NotebookNoContext.js.map +1 -1
- package/lib/examples/NotebookNoContextNoPrimer.js +2 -2
- package/lib/examples/NotebookNoContextNoPrimer.js.map +1 -1
- package/lib/examples/NotebookPath.js +2 -2
- package/lib/examples/NotebookPath.js.map +1 -1
- package/lib/examples/NotebookPathChange.js +1 -1
- package/lib/examples/NotebookPathChange.js.map +1 -1
- package/lib/examples/NotebookSkeleton.js +2 -2
- package/lib/examples/NotebookSkeleton.js.map +1 -1
- package/lib/examples/NotebookTheme.js +1 -1
- package/lib/examples/NotebookTheme.js.map +1 -1
- package/lib/examples/NotebookThemeColorMode.js +1 -1
- package/lib/examples/NotebookThemeColorMode.js.map +1 -1
- package/lib/examples/NotebookUnmount.js +1 -2
- package/lib/examples/NotebookUnmount.js.map +1 -1
- package/lib/examples/NotebookUrl.js +2 -2
- package/lib/examples/NotebookUrl.js.map +1 -1
- package/lib/examples/Output.js +52 -14
- package/lib/examples/Output.js.map +1 -1
- package/lib/examples/Panel.js +1 -1
- package/lib/examples/Panel.js.map +1 -1
- package/lib/examples/Plotly.js +1 -1
- package/lib/examples/Plotly.js.map +1 -1
- package/lib/examples/Vega.js +1 -1
- package/lib/examples/Vega.js.map +1 -1
- package/lib/examples/notebooks/Matplotlib.ipynb.json +1 -1
- package/lib/examples/sidebars/CellSidebarSource.js +6 -6
- package/lib/examples/sidebars/CellSidebarSource.js.map +1 -1
- package/lib/examples/toolbars/NotebookToolbar.js +4 -4
- package/lib/examples/toolbars/NotebookToolbar.js.map +1 -1
- package/lib/examples/toolbars/NotebookToolbarAutoSave.js +2 -2
- package/lib/examples/toolbars/NotebookToolbarAutoSave.js.map +1 -1
- package/lib/index.d.ts +2 -0
- package/lib/index.js +3 -8
- package/lib/index.js.map +1 -1
- package/lib/jupyter/kernel/Kernel.d.ts +8 -3
- package/lib/jupyter/kernel/Kernel.js +10 -9
- package/lib/jupyter/kernel/Kernel.js.map +1 -1
- package/lib/jupyter/kernel/KernelExecutor.d.ts +17 -10
- package/lib/jupyter/kernel/KernelExecutor.js +82 -63
- package/lib/jupyter/kernel/KernelExecutor.js.map +1 -1
- package/lib/jupyter/kernel/KernelState.d.ts +25 -0
- package/lib/jupyter/kernel/KernelState.js +56 -0
- package/lib/jupyter/kernel/KernelState.js.map +1 -0
- package/lib/state/State.d.ts +10 -10
- package/lib/state/State.js +10 -12
- package/lib/state/State.js.map +1 -1
- package/lib/utils/Utils.d.ts +1 -1
- package/lib/utils/Utils.js +3 -5
- package/lib/utils/Utils.js.map +1 -1
- package/package.json +8 -7
- package/lib/examples/KernelExecResult.d.ts +0 -1
- package/lib/examples/KernelExecResult.js.map +0 -1
- package/lib/examples/notebooks/DashboardExample.exclude.json +0 -1351
- package/lib/examples/notebooks/IPyWidgetsOutputMatplotlib.exclude.d.ts +0 -51
- package/lib/examples/notebooks/IPyWidgetsOutputMatplotlib.exclude.js +0 -64
- package/lib/examples/notebooks/IPyWidgetsOutputMatplotlib.exclude.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bokeh.js","sourceRoot":"","sources":["../../src/examples/Bokeh.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,CAClB,KAAC,OAAO,cACN,KAAC,QAAQ,IACP,IAAI,EAAC,aAAa,EAClB,
|
|
1
|
+
{"version":3,"file":"Bokeh.js","sourceRoot":"","sources":["../../src/examples/Bokeh.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,CAClB,KAAC,OAAO,cACN,KAAC,QAAQ,IACP,IAAI,EAAC,aAAa,EAClB,EAAE,EAAC,mBAAmB,EACtB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,GACM,CACX,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,KAAK,KAAG,CAAC,CAAC"}
|
package/lib/examples/Bqplot.js
CHANGED
|
@@ -9,7 +9,7 @@ import Jupyter from '../jupyter/Jupyter';
|
|
|
9
9
|
import Notebook from '../components/notebook/Notebook';
|
|
10
10
|
import NotebookToolbar from './toolbars/NotebookToolbar';
|
|
11
11
|
import CellSidebar from '../components/notebook/cell/sidebar/CellSidebar';
|
|
12
|
-
const Bqplot = () => (_jsx(Jupyter, { children: _jsx(Notebook, { path: "bqplot.ipynb",
|
|
12
|
+
const Bqplot = () => (_jsx(Jupyter, { children: _jsx(Notebook, { path: "bqplot.ipynb", id: "notebook-bqplot-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
|
|
13
13
|
, cellSidebarMargin: 120, CellSidebar: CellSidebar, Toolbar: NotebookToolbar }) }));
|
|
14
14
|
const div = document.createElement('div');
|
|
15
15
|
document.body.appendChild(div);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bqplot.js","sourceRoot":"","sources":["../../src/examples/Bqplot.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,CACnB,KAAC,OAAO,cACN,KAAC,QAAQ,IACP,IAAI,EAAC,cAAc,EACnB,
|
|
1
|
+
{"version":3,"file":"Bqplot.js","sourceRoot":"","sources":["../../src/examples/Bqplot.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,CACnB,KAAC,OAAO,cACN,KAAC,QAAQ,IACP,IAAI,EAAC,cAAc,EACnB,EAAE,EAAC,oBAAoB,EACvB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,GACM,CACX,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,MAAM,KAAG,CAAC,CAAC"}
|
package/lib/examples/Cell.js
CHANGED
|
@@ -6,21 +6,26 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
6
6
|
*/
|
|
7
7
|
import { createRoot } from 'react-dom/client';
|
|
8
8
|
import { Box, Button } from '@primer/react';
|
|
9
|
-
import {
|
|
10
|
-
import
|
|
11
|
-
import Cell from '../components/cell/Cell';
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
9
|
+
import { Jupyter } from '../jupyter/Jupyter';
|
|
10
|
+
import { useJupyter } from '../jupyter/JupyterContext';
|
|
11
|
+
import { Cell } from '../components/cell/Cell';
|
|
12
|
+
import { KernelIndicator } from '../components/kernel/Kernelndicator';
|
|
13
|
+
import { useKernelsStore } from '../jupyter/kernel/KernelState';
|
|
14
|
+
import { useCellsStore } from '../components/cell/CellState';
|
|
15
|
+
const CELL_ID = 'cell-example-1';
|
|
15
16
|
const DEFAULT_SOURCE = `from IPython.display import display
|
|
16
17
|
|
|
17
|
-
for i in range(
|
|
18
|
+
for i in range(10):
|
|
18
19
|
display('I am a long string which is repeatedly added to the dom in separated divs: %d' % i)`;
|
|
19
20
|
const CellExample = () => {
|
|
20
|
-
const
|
|
21
|
-
const
|
|
22
|
-
|
|
23
|
-
|
|
21
|
+
const { defaultKernel } = useJupyter();
|
|
22
|
+
const cellsStore = useCellsStore();
|
|
23
|
+
const kernelsStore = useKernelsStore();
|
|
24
|
+
console.log('Cell Outputs', cellsStore.getAdapter(CELL_ID)?.cell?.outputArea.model.toJSON());
|
|
25
|
+
return (_jsxs(Jupyter, { children: [_jsx(Box, { as: "h1", children: "A Jupyter Cell" }), _jsxs(Box, { children: ["Source: ", cellsStore.getSource(CELL_ID)] }), _jsxs(Box, { children: ["Outputs Count: ", cellsStore.getOutputsCount(CELL_ID)] }), _jsxs(Box, { children: ["defaultKernel Kernel State: ", defaultKernel && kernelsStore.getExecutionState(defaultKernel.id)] }), _jsxs(Box, { children: ["Kernel Phase: ", defaultKernel && kernelsStore.getExecutionPhase(defaultKernel.id)] }), _jsx(Box, { children: _jsx(KernelIndicator, { kernel: defaultKernel && defaultKernel.connection }) }), _jsx(Box, { children: _jsx(Button, { onClick: () => cellsStore.execute(CELL_ID), children: "Run cell" }) }), _jsx(Cell, { source: DEFAULT_SOURCE, id: CELL_ID })] }));
|
|
24
26
|
};
|
|
27
|
+
const div = document.createElement('div');
|
|
28
|
+
document.body.appendChild(div);
|
|
29
|
+
const root = createRoot(div);
|
|
25
30
|
root.render(_jsx(CellExample, {}));
|
|
26
31
|
//# sourceMappingURL=Cell.js.map
|
package/lib/examples/Cell.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../src/examples/Cell.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../src/examples/Cell.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,OAAO,GAAG,gBAAgB,CAAC;AAEjC,MAAM,cAAc,GAAG;;;iGAG0E,CAAC;AAElG,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,CAAC;IACvC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,OAAO,CAAC,GAAG,CAAC,cAAc,EAAG,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,IAAiB,EAAE,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;IAC3G,OAAO,CACL,MAAC,OAAO,eACN,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,+BAAqB,EACjC,MAAC,GAAG,2BACO,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,IAClC,EACN,MAAC,GAAG,kCACc,UAAU,CAAC,eAAe,CAAC,OAAO,CAAC,IAC/C,EACN,MAAC,GAAG,+CACa,aAAa,IAAI,YAAY,CAAC,iBAAiB,CAAC,aAAa,CAAC,EAAE,CAAC,IAC5E,EACN,MAAC,GAAG,iCACa,aAAa,IAAI,YAAY,CAAC,iBAAiB,CAAC,aAAa,CAAC,EAAE,CAAC,IAC5E,EACN,KAAC,GAAG,cACF,KAAC,eAAe,IAAC,MAAM,EAAE,aAAa,IAAI,aAAa,CAAC,UAAU,GAAG,GACjE,EACN,KAAC,GAAG,cACF,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,yBAAmB,GACjE,EACN,KAAC,IAAI,IAAC,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,OAAO,GAAG,IACpC,CACX,CAAA;AACH,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,WAAW,KAAE,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,38 @@
|
|
|
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 React, { useEffect } from 'react';
|
|
8
|
+
import { createRoot } from 'react-dom/client';
|
|
9
|
+
import { Button, Box } from '@primer/react';
|
|
10
|
+
import Jupyter from '../jupyter/Jupyter';
|
|
11
|
+
import Cell from '../components/cell/Cell';
|
|
12
|
+
import { cellsStore } from '../components/cell/CellState';
|
|
13
|
+
const div = document.createElement('div');
|
|
14
|
+
document.body.appendChild(div);
|
|
15
|
+
const root = createRoot(div);
|
|
16
|
+
const btnStyle = {
|
|
17
|
+
marginLeft: '50px',
|
|
18
|
+
marginTop: '20px'
|
|
19
|
+
};
|
|
20
|
+
const CELL_CODE = `import time\ntime.sleep(3)`;
|
|
21
|
+
const CellExecuteControl = () => {
|
|
22
|
+
const [executionDisable, setExecutionDisable] = React.useState(false);
|
|
23
|
+
useEffect(() => {
|
|
24
|
+
const handleChange = (newState) => {
|
|
25
|
+
setExecutionDisable(newState.isAnyCellExecuting);
|
|
26
|
+
};
|
|
27
|
+
const unsubscribe = cellsStore.subscribe(handleChange);
|
|
28
|
+
return () => {
|
|
29
|
+
unsubscribe();
|
|
30
|
+
};
|
|
31
|
+
}, []);
|
|
32
|
+
const onExecuteClick = () => {
|
|
33
|
+
cellsStore.getState().execute();
|
|
34
|
+
};
|
|
35
|
+
return (_jsx(Jupyter, { children: _jsxs(Box, { style: { marginTop: '20px' }, children: [_jsx(Cell, { id: '1', type: 'code', source: CELL_CODE, autoStart: false, showToolbar: false }), _jsx(Cell, { id: '2', type: 'code', autoStart: false, showToolbar: false }), _jsx(Button, { onClick: onExecuteClick, disabled: executionDisable, style: btnStyle, children: "Execute all" })] }) }));
|
|
36
|
+
};
|
|
37
|
+
root.render(_jsx(CellExecuteControl, {}));
|
|
38
|
+
//# sourceMappingURL=CellExecuteControl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CellExecuteControl.js","sourceRoot":"","sources":["../../src/examples/CellExecuteControl.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAC,MAAM,EAAE,GAAG,EAAC,MAAM,eAAe,CAAC;AAE1C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,IAAI,MAAM,yBAAyB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAe,MAAM,8BAA8B,CAAC;AAGvE,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,MAAM,QAAQ,GAAG;IACb,UAAU,EAAE,MAAM;IAClB,SAAS,EAAE,MAAM;CACpB,CAAA;AAED,MAAM,SAAS,GAAG,4BAA4B,CAAA;AAE9C,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,CAAC,QAAqB,EAAE,EAAE;YAC7C,mBAAmB,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;QACnD,CAAC,CAAC;QAEF,MAAM,WAAW,GAAG,UAAU,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE;YACV,WAAW,EAAE,CAAC;QAChB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,UAAU,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC;IAClC,CAAC,CAAA;IAED,OAAO,CACL,KAAC,OAAO,cACN,MAAC,GAAG,IAAC,KAAK,EAAE,EAAC,SAAS,EAAE,MAAM,EAAC,aAC7B,KAAC,IAAI,IACH,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,SAAS,EACjB,SAAS,EAAE,KAAK,EAChB,WAAW,EAAE,KAAK,GAAI,EACxB,KAAC,IAAI,IACH,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,KAAK,EAChB,WAAW,EAAE,KAAK,GAAI,EACxB,KAAC,MAAM,IACL,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,gBAAgB,EAC1B,KAAK,EAAE,QAAQ,4BAAsB,IACnC,GACE,CACX,CAAA;AACH,CAAC,CAAC;AAEF,IAAI,CAAC,MAAM,CAAC,KAAC,kBAAkB,KAAE,CAAC,CAAC"}
|
package/lib/examples/Cells.js
CHANGED
|
@@ -11,7 +11,7 @@ import Cell from '../components/cell/Cell';
|
|
|
11
11
|
const div = document.createElement('div');
|
|
12
12
|
document.body.appendChild(div);
|
|
13
13
|
const root = createRoot(div);
|
|
14
|
-
root.render(_jsxs(Jupyter, { children: [_jsx(Box, { as: "h1", children: "Jupyter Cells wrapped in a single Jupyter Context" }), _jsx(Cell, { source: "x=1" }), _jsx(Cell, { source: "print(x)" }), _jsx(Cell, { source: `import random
|
|
14
|
+
root.render(_jsxs(Jupyter, { children: [_jsx(Box, { as: "h1", children: "Jupyter Cells wrapped in a single Jupyter Context" }), _jsx(Cell, { id: "cell-1", source: "x=1" }), _jsx(Cell, { id: "cell-2", source: "print(x)" }), _jsx(Cell, { id: "cell-3", source: `import random
|
|
15
15
|
|
|
16
16
|
r = random.randint(0,9)` }), _jsx(Cell, { source: "print(f'Random integer: {r}')" })] }));
|
|
17
17
|
//# sourceMappingURL=Cells.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cells.js","sourceRoot":"","sources":["../../src/examples/Cells.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,IAAI,MAAM,yBAAyB,CAAC;AAE3C,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CACT,MAAC,OAAO,eACN,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,kEAAwD,EACpE,KAAC,IAAI,IAAC,MAAM,EAAC,KAAK,GAAG,
|
|
1
|
+
{"version":3,"file":"Cells.js","sourceRoot":"","sources":["../../src/examples/Cells.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,IAAI,MAAM,yBAAyB,CAAC;AAE3C,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CACT,MAAC,OAAO,eACN,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,kEAAwD,EACpE,KAAC,IAAI,IAAC,EAAE,EAAC,QAAQ,EAAC,MAAM,EAAC,KAAK,GAAG,EACjC,KAAC,IAAI,IAAC,EAAE,EAAC,QAAQ,EAAC,MAAM,EAAC,UAAU,GAAG,EACtC,KAAC,IAAI,IAAC,EAAE,EAAC,QAAQ,EAAC,MAAM,EAAE;;wBAEN,GAClB,EACF,KAAC,IAAI,IAAC,MAAM,EAAC,+BAA+B,GAAG,IACvC,CACX,CAAC"}
|
|
@@ -10,7 +10,7 @@ import Notebook from '../components/notebook/Notebook';
|
|
|
10
10
|
import NotebookToolbar from './toolbars/NotebookToolbar';
|
|
11
11
|
import CellSidebar from '../components/notebook/cell/sidebar/CellSidebar';
|
|
12
12
|
import notebook from './notebooks/IPyWidgetsExample.ipynb.json';
|
|
13
|
-
const Dashboard = () => (_jsx(Jupyter, { children: _jsx(Notebook, { nbformat: notebook,
|
|
13
|
+
const Dashboard = () => (_jsx(Jupyter, { children: _jsx(Notebook, { nbformat: notebook, id: "notebook-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
|
|
14
14
|
, cellSidebarMargin: 120, CellSidebar: CellSidebar, Toolbar: NotebookToolbar }) }));
|
|
15
15
|
const div = document.createElement('div');
|
|
16
16
|
document.body.appendChild(div);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dashboard.js","sourceRoot":"","sources":["../../src/examples/Dashboard.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,OAAO,QAAQ,MAAM,0CAA0C,CAAC;AAEhE,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,KAAC,OAAO,cACN,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,
|
|
1
|
+
{"version":3,"file":"Dashboard.js","sourceRoot":"","sources":["../../src/examples/Dashboard.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,OAAO,QAAQ,MAAM,0CAA0C,CAAC;AAEhE,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,KAAC,OAAO,cACN,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,aAAa,EAChB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,GACM,CACX,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC"}
|
package/lib/examples/GeoJson.js
CHANGED
|
@@ -10,7 +10,7 @@ import Jupyter from '../jupyter/Jupyter';
|
|
|
10
10
|
import Notebook from '../components/notebook/Notebook';
|
|
11
11
|
import NotebookToolbar from './toolbars/NotebookToolbar';
|
|
12
12
|
import CellSidebarNew from '../components/notebook/cell/sidebar/CellSidebarButton';
|
|
13
|
-
const GeoJson = () => (_jsx(Jupyter, { children: _jsx(Notebook, { path: "renderers/geojson-1.ipynb",
|
|
13
|
+
const GeoJson = () => (_jsx(Jupyter, { children: _jsx(Notebook, { path: "renderers/geojson-1.ipynb", id: "notebook-geojson-id", renderers: [geojsonRenderer], height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
|
|
14
14
|
, CellSidebar: CellSidebarNew, Toolbar: NotebookToolbar }) }));
|
|
15
15
|
const div = document.createElement('div');
|
|
16
16
|
document.body.appendChild(div);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GeoJson.js","sourceRoot":"","sources":["../../src/examples/GeoJson.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,eAAe,IAAI,eAAe,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,cAAc,MAAM,uDAAuD,CAAC;AAEnF,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CACpB,KAAC,OAAO,cACN,KAAC,QAAQ,IACP,IAAI,EAAC,2BAA2B,EAChC,
|
|
1
|
+
{"version":3,"file":"GeoJson.js","sourceRoot":"","sources":["../../src/examples/GeoJson.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,eAAe,IAAI,eAAe,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,cAAc,MAAM,uDAAuD,CAAC;AAEnF,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CACpB,KAAC,OAAO,cACN,KAAC,QAAQ,IACP,IAAI,EAAC,2BAA2B,EAChC,EAAE,EAAC,qBAAqB,EACxB,SAAS,EAAE,CAAC,eAAe,CAAC,EAC5B,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,WAAW,EAAE,cAAc,EAC3B,OAAO,EAAE,eAAe,GACxB,GACM,CACX,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,OAAO,KAAG,CAAC,CAAC"}
|
|
@@ -9,7 +9,7 @@ import Jupyter from '../jupyter/Jupyter';
|
|
|
9
9
|
import Notebook from '../components/notebook/Notebook';
|
|
10
10
|
import NotebookToolbar from './toolbars/NotebookToolbar';
|
|
11
11
|
import CellSidebar from '../components/notebook/cell/sidebar/CellSidebar';
|
|
12
|
-
const IPyLeaflet = () => (_jsx(Jupyter, { children: _jsx(Notebook, { path: "ipyleaflet.ipynb",
|
|
12
|
+
const IPyLeaflet = () => (_jsx(Jupyter, { children: _jsx(Notebook, { path: "ipyleaflet.ipynb", id: "notebook-ipyleaflet-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
|
|
13
13
|
, cellSidebarMargin: 120, CellSidebar: CellSidebar, Toolbar: NotebookToolbar }) }));
|
|
14
14
|
const div = document.createElement('div');
|
|
15
15
|
document.body.appendChild(div);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IPyLeaflet.js","sourceRoot":"","sources":["../../src/examples/IPyLeaflet.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CACvB,KAAC,OAAO,cACN,KAAC,QAAQ,IACP,IAAI,EAAC,kBAAkB,EACvB,
|
|
1
|
+
{"version":3,"file":"IPyLeaflet.js","sourceRoot":"","sources":["../../src/examples/IPyLeaflet.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CACvB,KAAC,OAAO,cACN,KAAC,QAAQ,IACP,IAAI,EAAC,kBAAkB,EACvB,EAAE,EAAC,wBAAwB,EAC3B,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,GACM,CACX,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,UAAU,KAAG,CAAC,CAAC"}
|
package/lib/examples/IPyReact.js
CHANGED
|
@@ -9,7 +9,7 @@ import Jupyter from '../jupyter/Jupyter';
|
|
|
9
9
|
import Notebook from '../components/notebook/Notebook';
|
|
10
10
|
import NotebookToolbar from './toolbars/NotebookToolbar';
|
|
11
11
|
import CellSidebar from '../components/notebook/cell/sidebar/CellSidebar';
|
|
12
|
-
const IPyReact = () => (_jsx(Jupyter, { children: _jsx(Notebook, { path: "ipyreact.ipynb",
|
|
12
|
+
const IPyReact = () => (_jsx(Jupyter, { children: _jsx(Notebook, { path: "ipyreact.ipynb", id: "notebook-ipyreact-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
|
|
13
13
|
, cellSidebarMargin: 120, CellSidebar: CellSidebar, Toolbar: NotebookToolbar }) }));
|
|
14
14
|
const div = document.createElement('div');
|
|
15
15
|
document.body.appendChild(div);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IPyReact.js","sourceRoot":"","sources":["../../src/examples/IPyReact.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CACrB,KAAC,OAAO,cACN,KAAC,QAAQ,IACP,IAAI,EAAC,gBAAgB,EACrB,
|
|
1
|
+
{"version":3,"file":"IPyReact.js","sourceRoot":"","sources":["../../src/examples/IPyReact.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CACrB,KAAC,OAAO,cACN,KAAC,QAAQ,IACP,IAAI,EAAC,gBAAgB,EACrB,EAAE,EAAC,sBAAsB,EACzB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,GACM,CACX,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,QAAQ,KAAG,CAAC,CAAC"}
|
|
@@ -10,7 +10,7 @@ import Notebook from '../components/notebook/Notebook';
|
|
|
10
10
|
import NotebookToolbar from './toolbars/NotebookToolbar';
|
|
11
11
|
import CellSidebar from '../components/notebook/cell/sidebar/CellSidebar';
|
|
12
12
|
import notebook from './notebooks/IPyWidgetsExample.ipynb.json';
|
|
13
|
-
const IPyWidgets = () => (_jsx(Jupyter, { children: _jsx(Notebook, { nbformat: notebook,
|
|
13
|
+
const IPyWidgets = () => (_jsx(Jupyter, { children: _jsx(Notebook, { nbformat: notebook, id: "notebook-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
|
|
14
14
|
, cellSidebarMargin: 120, CellSidebar: CellSidebar, Toolbar: NotebookToolbar }) }));
|
|
15
15
|
const div = document.createElement('div');
|
|
16
16
|
document.body.appendChild(div);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IPyWidgets.js","sourceRoot":"","sources":["../../src/examples/IPyWidgets.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,OAAO,QAAQ,MAAM,0CAA0C,CAAC;AAEhE,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CACvB,KAAC,OAAO,cACN,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,
|
|
1
|
+
{"version":3,"file":"IPyWidgets.js","sourceRoot":"","sources":["../../src/examples/IPyWidgets.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,OAAO,QAAQ,MAAM,0CAA0C,CAAC;AAEhE,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CACvB,KAAC,OAAO,cACN,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,aAAa,EAChB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,GACM,CACX,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,UAAU,KAAG,CAAC,CAAC"}
|
|
@@ -10,7 +10,7 @@ import Notebook from '../components/notebook/Notebook';
|
|
|
10
10
|
import NotebookToolbar from './toolbars/NotebookToolbar';
|
|
11
11
|
import CellSidebar from '../components/notebook/cell/sidebar/CellSidebar';
|
|
12
12
|
import notebook from './notebooks/IPyWidgetsExampleWithState.ipynb.json';
|
|
13
|
-
const IPyWidgetsWithState = () => (_jsx(Jupyter, { children: _jsx(Notebook, { nbformat: notebook,
|
|
13
|
+
const IPyWidgetsWithState = () => (_jsx(Jupyter, { children: _jsx(Notebook, { nbformat: notebook, id: "notebook-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
|
|
14
14
|
, cellSidebarMargin: 120, CellSidebar: CellSidebar, Toolbar: NotebookToolbar }) }));
|
|
15
15
|
const div = document.createElement('div');
|
|
16
16
|
document.body.appendChild(div);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IPyWidgetsWithState.js","sourceRoot":"","sources":["../../src/examples/IPyWidgetsWithState.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,OAAO,QAAQ,MAAM,mDAAmD,CAAC;AAEzE,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,CAChC,KAAC,OAAO,cACN,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,
|
|
1
|
+
{"version":3,"file":"IPyWidgetsWithState.js","sourceRoot":"","sources":["../../src/examples/IPyWidgetsWithState.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,OAAO,QAAQ,MAAM,mDAAmD,CAAC;AAEzE,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,CAChC,KAAC,OAAO,cACN,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,aAAa,EAChB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,GACM,CACX,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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const KernelExecuteView: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -10,7 +10,7 @@ import { Box, Heading, Textarea, Button } from '@primer/react';
|
|
|
10
10
|
import Jupyter from '../jupyter/Jupyter';
|
|
11
11
|
import { useJupyter } from '../jupyter/JupyterContext';
|
|
12
12
|
import KernelProgressBar from './../components/kernel/KernelProgressBar';
|
|
13
|
-
export const
|
|
13
|
+
export const KernelExecuteView = () => {
|
|
14
14
|
const { defaultKernel } = useJupyter();
|
|
15
15
|
const [running, setRunning] = useState(false);
|
|
16
16
|
const [code, setCode] = useState('');
|
|
@@ -30,11 +30,11 @@ export const KernelExecResultView = () => {
|
|
|
30
30
|
};
|
|
31
31
|
return (_jsxs(Box, { m: 3, children: [_jsx(Heading, { children: "Wait on Code execution with a Promise" }), _jsxs(Box, { children: [_jsx(Textarea, { placeholder: "Enter some code, e.g. print('1+1')", onChange: handleChange, value: code }), _jsxs(Box, { mt: 3, display: "flex", children: [_jsx(Box, { children: _jsx(Button, { disabled: !defaultKernel || running, onClick: exec, variant: !defaultKernel || running ? 'default' : 'primary', children: "Execute" }) }), _jsx(Box, { ml: 3, children: _jsx(Button, { disabled: !running, onClick: interrupt, variant: "danger", children: "Interrupt" }) })] })] }), running && (_jsx(Box, { mt: 3, children: _jsx(KernelProgressBar, {}) })), result && (_jsxs(Box, { mt: 3, children: [_jsx(Heading, { children: "Promise Result" }), _jsx(Box, { children: _jsx("pre", { children: result }) })] }))] }));
|
|
32
32
|
};
|
|
33
|
-
const
|
|
34
|
-
return (_jsx(Jupyter, { children: _jsx(
|
|
33
|
+
const KernelExecute = () => {
|
|
34
|
+
return (_jsx(Jupyter, { children: _jsx(KernelExecuteView, {}) }));
|
|
35
35
|
};
|
|
36
36
|
const div = document.createElement('div');
|
|
37
37
|
document.body.appendChild(div);
|
|
38
38
|
const root = createRoot(div);
|
|
39
|
-
root.render(_jsx(
|
|
40
|
-
//# sourceMappingURL=
|
|
39
|
+
root.render(_jsx(KernelExecute, {}));
|
|
40
|
+
//# sourceMappingURL=KernelExecute.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KernelExecute.js","sourceRoot":"","sources":["../../src/examples/KernelExecute.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,12 +25,12 @@ const KernelExecutorView = () => {
|
|
|
25
25
|
if (defaultKernel?.connection) {
|
|
26
26
|
const iopubMessageHook = (msg) => {
|
|
27
27
|
// Do something with the IOPub message.
|
|
28
|
-
console.
|
|
28
|
+
console.log('---iopubMessage', msg);
|
|
29
29
|
return true;
|
|
30
30
|
};
|
|
31
31
|
const shellMessageHook = (msg) => {
|
|
32
|
-
// Do something with the
|
|
33
|
-
console.
|
|
32
|
+
// Do something with the Shell message.
|
|
33
|
+
console.log('---shellMessage', msg);
|
|
34
34
|
return true;
|
|
35
35
|
};
|
|
36
36
|
const kernelExecutor = defaultKernel.execute(CODE, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KernelExecutor.js","sourceRoot":"","sources":["../../src/examples/KernelExecutor.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAG7C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAMrD,MAAM,IAAI,GAAG;;;;;oCAKuB,CAAC;AAErC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,CAAC;IACvC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,EAAoB,CAAC;IAC3E,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GACnD,QAAQ,EAAoB,CAAC;IAC/B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,EAAE,UAAU,EAAE;YAC7B,MAAM,gBAAgB,GAAqB,CACzC,GAAgC,EAChC,EAAE;gBACF,uCAAuC;gBACvC,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"KernelExecutor.js","sourceRoot":"","sources":["../../src/examples/KernelExecutor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,7 +11,7 @@ import Notebook from '../components/notebook/Notebook';
|
|
|
11
11
|
import NotebookToolbar from './toolbars/NotebookToolbar';
|
|
12
12
|
import CellSidebar from '../components/notebook/cell/sidebar/CellSidebar';
|
|
13
13
|
import notebook from './notebooks/Matplotlib.ipynb.json';
|
|
14
|
-
const Matplotlib = () => (_jsxs(Jupyter, { disableCssLoading: true, children: [_jsx(JupyterLabCss, { colorMode: "light" }), _jsx(Notebook, { nbformat: notebook,
|
|
14
|
+
const Matplotlib = () => (_jsxs(Jupyter, { disableCssLoading: true, children: [_jsx(JupyterLabCss, { colorMode: "light" }), _jsx(Notebook, { nbformat: notebook, id: "notebook-matplotlib-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
|
|
15
15
|
, cellSidebarMargin: 120, CellSidebar: CellSidebar, Toolbar: NotebookToolbar })] }));
|
|
16
16
|
const div = document.createElement('div');
|
|
17
17
|
document.body.appendChild(div);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Matplotlib.js","sourceRoot":"","sources":["../../src/examples/Matplotlib.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,aAAa,MAAM,8BAA8B,CAAC;AACzD,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,OAAO,QAAQ,MAAM,mCAAmC,CAAC;AAEzD,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CACvB,MAAC,OAAO,IAAC,iBAAiB,EAAE,IAAI,aAC9B,KAAC,aAAa,IAAC,SAAS,EAAC,OAAO,GAAG,EACnC,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,
|
|
1
|
+
{"version":3,"file":"Matplotlib.js","sourceRoot":"","sources":["../../src/examples/Matplotlib.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,aAAa,MAAM,8BAA8B,CAAC;AACzD,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,OAAO,QAAQ,MAAM,mCAAmC,CAAC;AAEzD,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CACvB,MAAC,OAAO,IAAC,iBAAiB,EAAE,IAAI,aAC9B,KAAC,aAAa,IAAC,SAAS,EAAC,OAAO,GAAG,EACnC,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,wBAAwB,EAC3B,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;cAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,IACM,CACX,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,UAAU,KAAG,CAAC,CAAC"}
|
package/lib/examples/Notebook.js
CHANGED
|
@@ -9,10 +9,10 @@ import Jupyter from '../jupyter/Jupyter';
|
|
|
9
9
|
import Notebook from '../components/notebook/Notebook';
|
|
10
10
|
import NotebookToolbar from './toolbars/NotebookToolbar';
|
|
11
11
|
import CellSidebar from '../components/notebook/cell/sidebar/CellSidebarButton';
|
|
12
|
-
const
|
|
12
|
+
const NOTEBOOK_ID = 'notebook-id';
|
|
13
13
|
const div = document.createElement('div');
|
|
14
14
|
document.body.appendChild(div);
|
|
15
15
|
const root = createRoot(div);
|
|
16
|
-
root.render(_jsx(Jupyter, { jupyterServerUrl: "https://oss.datalayer.run/api/jupyter-server", jupyterServerToken: "60c1661cc408f978c309d04157af55c9588ff9557c9380e4fb50785750703da6", children: _jsx(Notebook, { path: "ipywidgets.ipynb",
|
|
16
|
+
root.render(_jsx(Jupyter, { jupyterServerUrl: "https://oss.datalayer.run/api/jupyter-server", jupyterServerToken: "60c1661cc408f978c309d04157af55c9588ff9557c9380e4fb50785750703da6", children: _jsx(Notebook, { path: "ipywidgets.ipynb", id: NOTEBOOK_ID, height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
|
|
17
17
|
, cellSidebarMargin: 60, CellSidebar: CellSidebar, Toolbar: NotebookToolbar }) }));
|
|
18
18
|
//# sourceMappingURL=Notebook.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notebook.js","sourceRoot":"","sources":["../../src/examples/Notebook.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,uDAAuD,CAAC;AAEhF,MAAM,
|
|
1
|
+
{"version":3,"file":"Notebook.js","sourceRoot":"","sources":["../../src/examples/Notebook.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,uDAAuD,CAAC;AAEhF,MAAM,WAAW,GAAG,aAAa,CAAC;AAElC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CACT,KAAC,OAAO,IACN,gBAAgB,EAAC,8CAA8C,EAC/D,kBAAkB,EAAC,kEAAkE,YAErF,KAAC,QAAQ,IACP,IAAI,EAAC,kBAAkB,EACvB,EAAE,EAAE,WAAW,EACf,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,iBAAiB,EAAE,EAAE,EACrB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,GACM,CACX,CAAC"}
|
|
@@ -10,7 +10,7 @@ import Notebook from '../components/notebook/Notebook';
|
|
|
10
10
|
import NotebookToolbar from './toolbars/NotebookToolbar';
|
|
11
11
|
import CellSidebarSource from './sidebars/CellSidebarSource';
|
|
12
12
|
import nbformat from './notebooks/NotebookExample1.ipynb.json';
|
|
13
|
-
const NotebookCellSidebar = () => (_jsx(Jupyter, { children: _jsx(Notebook, { nbformat: nbformat,
|
|
13
|
+
const NotebookCellSidebar = () => (_jsx(Jupyter, { children: _jsx(Notebook, { nbformat: nbformat, id: "notebook-sidebar-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
|
|
14
14
|
, cellSidebarMargin: 160, CellSidebar: CellSidebarSource, Toolbar: NotebookToolbar }) }));
|
|
15
15
|
const div = document.createElement('div');
|
|
16
16
|
document.body.appendChild(div);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotebookCellSidebar.js","sourceRoot":"","sources":["../../src/examples/NotebookCellSidebar.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,iBAAiB,MAAM,8BAA8B,CAAC;AAE7D,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,CAChC,KAAC,OAAO,cACN,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,
|
|
1
|
+
{"version":3,"file":"NotebookCellSidebar.js","sourceRoot":"","sources":["../../src/examples/NotebookCellSidebar.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,iBAAiB,MAAM,8BAA8B,CAAC;AAE7D,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,CAChC,KAAC,OAAO,cACN,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,qBAAqB,EACxB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EAAE,eAAe,GACxB,GACM,CACX,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"}
|
|
@@ -29,7 +29,7 @@ const NotebookColorMode = () => {
|
|
|
29
29
|
const handleSwitchChange = useCallback((on) => {
|
|
30
30
|
setIsOn(on);
|
|
31
31
|
}, []);
|
|
32
|
-
return (_jsx(_Fragment, { children: _jsxs(Jupyter, { colorMode: colorMode, children: [_jsxs(Text, { fontSize: 2, fontWeight: "bold", id: "switch-label", display: "block", mb: 1, children: [colorMode === 'light' ? 'Light' : 'Dark', " Mode"] }), _jsx(ToggleSwitch, { size: "small", onClick: onClick, onChange: handleSwitchChange, checked: isOn, statusLabelPosition: "end", "aria-labelledby": "switch-label" }), _jsx(Notebook, { nbformat: nbformat,
|
|
32
|
+
return (_jsx(_Fragment, { children: _jsxs(Jupyter, { colorMode: colorMode, children: [_jsxs(Text, { fontSize: 2, fontWeight: "bold", id: "switch-label", display: "block", mb: 1, children: [colorMode === 'light' ? 'Light' : 'Dark', " Mode"] }), _jsx(ToggleSwitch, { size: "small", onClick: onClick, onChange: handleSwitchChange, checked: isOn, statusLabelPosition: "end", "aria-labelledby": "switch-label" }), _jsx(Notebook, { nbformat: nbformat, id: "notebook-model-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
|
|
33
33
|
, cellSidebarMargin: 120, CellSidebar: CellSidebar, Toolbar: NotebookToolbar })] }) }));
|
|
34
34
|
};
|
|
35
35
|
const div = document.createElement('div');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotebookColorMode.js","sourceRoot":"","sources":["../../src/examples/NotebookColorMode.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAEzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC7B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAY,OAAO,CAAC,CAAC;IAC/D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE;YACR,YAAY,CAAC,MAAM,CAAC,CAAC;SACtB;aAAM;YACL,YAAY,CAAC,OAAO,CAAC,CAAC;SACvB;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,EAAW,EAAE,EAAE;QACrD,OAAO,CAAC,EAAE,CAAC,CAAC;IACd,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,4BACE,MAAC,OAAO,IAAC,SAAS,EAAE,SAAS,aAC3B,MAAC,IAAI,IACH,QAAQ,EAAE,CAAC,EACX,UAAU,EAAC,MAAM,EACjB,EAAE,EAAC,cAAc,EACjB,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,CAAC,aAEH,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,aACrC,EACP,KAAC,YAAY,IACX,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,IAAI,EACb,mBAAmB,EAAC,KAAK,qBACT,cAAc,GAC9B,EACF,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,
|
|
1
|
+
{"version":3,"file":"NotebookColorMode.js","sourceRoot":"","sources":["../../src/examples/NotebookColorMode.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAEzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC7B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAY,OAAO,CAAC,CAAC;IAC/D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE;YACR,YAAY,CAAC,MAAM,CAAC,CAAC;SACtB;aAAM;YACL,YAAY,CAAC,OAAO,CAAC,CAAC;SACvB;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,EAAW,EAAE,EAAE;QACrD,OAAO,CAAC,EAAE,CAAC,CAAC;IACd,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,4BACE,MAAC,OAAO,IAAC,SAAS,EAAE,SAAS,aAC3B,MAAC,IAAI,IACH,QAAQ,EAAE,CAAC,EACX,UAAU,EAAC,MAAM,EACjB,EAAE,EAAC,cAAc,EACjB,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,CAAC,aAEH,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,aACrC,EACP,KAAC,YAAY,IACX,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,IAAI,EACb,mBAAmB,EAAC,KAAK,qBACT,cAAc,GAC9B,EACF,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,mBAAmB,EACtB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;sBAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,IACM,GACT,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,iBAAiB,KAAG,CAAC,CAAC"}
|
|
@@ -13,11 +13,11 @@ import Notebook from '../components/notebook/Notebook';
|
|
|
13
13
|
import CellSidebar from '../components/notebook/cell/sidebar/CellSidebar';
|
|
14
14
|
import { notebookStore } from '../components/notebook/NotebookState';
|
|
15
15
|
import notebook from './notebooks/NotebookExample1.ipynb.json';
|
|
16
|
-
const
|
|
16
|
+
const NOTEBOOK_ID = 'notebook-model-id';
|
|
17
17
|
const NotebookExternalContent = () => {
|
|
18
18
|
const [nbformat, setNbFormat] = useState();
|
|
19
19
|
const [updatedNbFormat, setUpdatedNbFormat] = useState();
|
|
20
|
-
const model = notebookStore.getState().selectNotebookModel(
|
|
20
|
+
const model = notebookStore.getState().selectNotebookModel(NOTEBOOK_ID)?.model;
|
|
21
21
|
useEffect(() => {
|
|
22
22
|
// Set nbformat with any content.
|
|
23
23
|
// This may come from an external storage that you fetch in this react effect.
|
|
@@ -39,7 +39,7 @@ const NotebookExternalContent = () => {
|
|
|
39
39
|
return nbformat ? (_jsxs(_Fragment, { children: [_jsx(Box, { children: _jsx(IconButton, { variant: "invisible", size: "small", color: "primary", "aria-label": "Save", title: "Save", onClick: e => {
|
|
40
40
|
e.preventDefault();
|
|
41
41
|
saveNotebook();
|
|
42
|
-
}, icon: ZapIcon }) }), _jsx(Notebook, { nbformat: nbformat,
|
|
42
|
+
}, icon: ZapIcon }) }), _jsx(Notebook, { nbformat: nbformat, id: NOTEBOOK_ID, height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
|
|
43
43
|
, cellSidebarMargin: 120, CellSidebar: CellSidebar })] })) : (_jsx(_Fragment, {}));
|
|
44
44
|
};
|
|
45
45
|
const div = document.createElement('div');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotebookExternalContent.js","sourceRoot":"","sources":["../../src/examples/NotebookExternalContent.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAErE,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,
|
|
1
|
+
{"version":3,"file":"NotebookExternalContent.js","sourceRoot":"","sources":["../../src/examples/NotebookExternalContent.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAErE,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,WAAW,GAAG,mBAAmB,CAAC;AAExC,MAAM,uBAAuB,GAAG,GAAG,EAAE;IACnC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAoB,CAAC;IAC7D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,EAAoB,CAAC;IAC3E,MAAM,KAAK,GAAG,aAAa,CAAC,QAAQ,EAAE,CAAC,mBAAmB,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAC/E,SAAS,CAAC,GAAG,EAAE;QACb,iCAAiC;QACjC,8EAA8E;QAC9E,WAAW,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE;YACT,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACnC,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,EAAsB,CAAC;gBAC7C,kBAAkB,CAAC,CAAC,CAAC,CAAC;YACxB,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACZ,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,iDAAiD;QACjD,mEAAmE;QACnE,KAAK,CAAC,sBAAsB,GAAG,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC;IAClE,CAAC,CAAC;IACF,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,8BACE,KAAC,GAAG,cACF,KAAC,UAAU,IACT,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,gBACJ,MAAM,EACjB,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,CAAC,CAAC,EAAE;wBACX,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,YAAY,EAAE,CAAC;oBACjB,CAAC,EACD,IAAI,EAAE,OAAO,GACb,GACE,EACN,KAAC,QAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,WAAW,EACf,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;kBAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,GACxB,IACD,CACJ,CAAC,CAAC,CAAC,CACF,mBAAK,CACN,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,CACT,KAAC,OAAO,cACN,KAAC,uBAAuB,KAAG,GACnB,CACX,CAAC"}
|
|
@@ -27,7 +27,6 @@ const useKernel = () => {
|
|
|
27
27
|
kernelManager,
|
|
28
28
|
kernelName: JUPYTER_KERNEL_NAME,
|
|
29
29
|
kernelSpecName: JUPYTER_KERNEL_NAME,
|
|
30
|
-
kernelType: 'notebook',
|
|
31
30
|
kernelspecsManager: serviceManager.kernelspecs,
|
|
32
31
|
sessionManager: serviceManager.sessions,
|
|
33
32
|
});
|
|
@@ -56,7 +55,7 @@ const NotebookInit = () => {
|
|
|
56
55
|
// console.log("You can use one of these commands:", notebook.adapter?.commands.listCommands());
|
|
57
56
|
// notebook.adapter?.commands.execute("notebook:run-all");
|
|
58
57
|
notebookStore.insertAbove({
|
|
59
|
-
|
|
58
|
+
id: NOTEBOOK_ID,
|
|
60
59
|
cellType: 'code',
|
|
61
60
|
source: 'print("Hello 🪐 ⚛️ Jupyter React")',
|
|
62
61
|
});
|
|
@@ -64,7 +63,7 @@ const NotebookInit = () => {
|
|
|
64
63
|
});
|
|
65
64
|
}
|
|
66
65
|
}, [kernel, notebook]);
|
|
67
|
-
return kernel ? (_jsx(Notebook, { path: "ipywidgets.ipynb",
|
|
66
|
+
return kernel ? (_jsx(Notebook, { path: "ipywidgets.ipynb", id: NOTEBOOK_ID, kernel: kernel, height: `calc(${NOTEBOOK_HEIGHT}px - 2.6rem)`, CellSidebar: CellSidebar, Toolbar: NotebookToolbar })) : (_jsx(_Fragment, {}));
|
|
68
67
|
};
|
|
69
68
|
const div = document.createElement('div');
|
|
70
69
|
document.body.appendChild(div);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotebookInit.js","sourceRoot":"","sources":["../../src/examples/NotebookInit.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EACL,UAAU,EACV,WAAW,EACX,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,UAAU,CAAC;AAClB,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAEpE,MAAM,WAAW,GAAG,UAAU,CAAC;AAC/B,MAAM,cAAc,GAAG,MAAM,CAAC;AAC9B,MAAM,eAAe,GAAG,GAAG,CAAC;AAE5B,MAAM,mBAAmB,GAAG,QAAQ,CAAC;AAErC,IAAI,cAAc,GAAG,KAAK,CAAC;AAE3B,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IACvD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAU,CAAC;IAC/C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO;SACR;QACD,IAAI,aAAqB,CAAC;QAC1B,aAAa,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE;YAC7B,MAAM,YAAY,GAAG,IAAI,MAAM,CAAC;gBAC9B,aAAa;gBACb,UAAU,EAAE,mBAAmB;gBAC/B,cAAc,EAAE,mBAAmB;gBACnC,
|
|
1
|
+
{"version":3,"file":"NotebookInit.js","sourceRoot":"","sources":["../../src/examples/NotebookInit.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ import { Kernel } from '../jupyter/kernel/Kernel';
|
|
|
12
12
|
import Notebook from '../components/notebook/Notebook';
|
|
13
13
|
import CellSidebar from '../components/notebook/cell/sidebar/CellSidebar';
|
|
14
14
|
import useNotebookStore from '../components/notebook/NotebookState';
|
|
15
|
-
const
|
|
15
|
+
const NOTEBOOK_ID = 'notebook-kernel-id';
|
|
16
16
|
const NEW_KERNEL_NAME = 'deno';
|
|
17
17
|
const NotebookKernelChange = () => {
|
|
18
18
|
const { kernelManager, serviceManager } = useJupyter();
|
|
@@ -23,17 +23,16 @@ const NotebookKernelChange = () => {
|
|
|
23
23
|
kernelManager,
|
|
24
24
|
kernelName: NEW_KERNEL_NAME,
|
|
25
25
|
kernelSpecName: NEW_KERNEL_NAME,
|
|
26
|
-
kernelType: 'notebook',
|
|
27
26
|
kernelspecsManager: serviceManager.kernelspecs,
|
|
28
27
|
sessionManager: serviceManager.sessions,
|
|
29
28
|
});
|
|
30
29
|
kernel.ready.then(() => {
|
|
31
|
-
notebookStore.changeKernel({
|
|
30
|
+
notebookStore.changeKernel({ id: NOTEBOOK_ID, kernel });
|
|
32
31
|
alert(`The kernel is changed (was python3, now ${NEW_KERNEL_NAME}). Bummer, all your variables are lost!`);
|
|
33
32
|
});
|
|
34
33
|
}
|
|
35
34
|
};
|
|
36
|
-
return (_jsxs(_Fragment, { children: [_jsx(Box, { display: "flex", children: _jsx(Button, { variant: "default", size: "small", onClick: changeKernel, children: "Assign a new Kernel" }) }), _jsx(Notebook, { path: "test.ipynb", height: "500px",
|
|
35
|
+
return (_jsxs(_Fragment, { children: [_jsx(Box, { display: "flex", children: _jsx(Button, { variant: "default", size: "small", onClick: changeKernel, children: "Assign a new Kernel" }) }), _jsx(Notebook, { path: "test.ipynb", height: "500px", id: NOTEBOOK_ID, CellSidebar: CellSidebar })] }));
|
|
37
36
|
};
|
|
38
37
|
const div = document.createElement('div');
|
|
39
38
|
document.body.appendChild(div);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotebookKernelChange.js","sourceRoot":"","sources":["../../src/examples/NotebookKernelChange.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAC1E,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAEpE,MAAM,
|
|
1
|
+
{"version":3,"file":"NotebookKernelChange.js","sourceRoot":"","sources":["../../src/examples/NotebookKernelChange.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAC1E,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAEpE,MAAM,WAAW,GAAG,oBAAoB,CAAC;AAEzC,MAAM,eAAe,GAAG,MAAM,CAAC;AAE/B,MAAM,oBAAoB,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IACvD,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,aAAa,IAAI,cAAc,EAAE;YACnC,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC;gBACxB,aAAa;gBACb,UAAU,EAAE,eAAe;gBAC3B,cAAc,EAAE,eAAe;gBAC/B,kBAAkB,EAAE,cAAc,CAAC,WAAW;gBAC9C,cAAc,EAAE,cAAc,CAAC,QAAQ;aACxC,CAAC,CAAC;YACH,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE;gBACrB,aAAa,CAAC,YAAY,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;gBACxD,KAAK,CACH,2CAA2C,eAAe,yCAAyC,CACpG,CAAC;YACJ,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IACF,OAAO,CACL,8BACE,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,YACjB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,YAAY,oCAEnD,GACL,EACN,KAAC,QAAQ,IACP,IAAI,EAAC,YAAY,EACjB,MAAM,EAAC,OAAO,EACd,EAAE,EAAE,WAAW,EACf,WAAW,EAAE,WAAW,GACxB,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,CACT,KAAC,OAAO,IAAC,iBAAiB,EAAC,QAAQ,YACjC,KAAC,oBAAoB,KAAG,GAChB,CACX,CAAC"}
|
|
@@ -11,7 +11,7 @@ import Notebook from '../components/notebook/Notebook';
|
|
|
11
11
|
import NotebookToolbar from './toolbars/NotebookToolbar';
|
|
12
12
|
import CellSidebar from '../components/notebook/cell/sidebar/CellSidebar';
|
|
13
13
|
import nbformat from './notebooks/NotebookExample1.ipynb.json';
|
|
14
|
-
const NotebookLite = () => (_jsxs(Jupyter, { lite: true, children: [_jsx(Box, { as: "h1", children: "A Jupyter Notebook with a Lite Kernel" }), _jsx(Notebook, { nbformat: nbformat,
|
|
14
|
+
const NotebookLite = () => (_jsxs(Jupyter, { lite: true, children: [_jsx(Box, { as: "h1", children: "A Jupyter Notebook with a Lite Kernel" }), _jsx(Notebook, { nbformat: nbformat, id: "notebook-model-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
|
|
15
15
|
, cellSidebarMargin: 120, CellSidebar: CellSidebar, Toolbar: NotebookToolbar })] }));
|
|
16
16
|
const div = document.createElement('div');
|
|
17
17
|
document.body.appendChild(div);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotebookLite.js","sourceRoot":"","sources":["../../src/examples/NotebookLite.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CACzB,MAAC,OAAO,IACN,IAAI,EAAE,IAAI,aAEV,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,sDAA4C,EACxD,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,
|
|
1
|
+
{"version":3,"file":"NotebookLite.js","sourceRoot":"","sources":["../../src/examples/NotebookLite.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CACzB,MAAC,OAAO,IACN,IAAI,EAAE,IAAI,aAEV,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,sDAA4C,EACxD,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,mBAAmB,EACtB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;cAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,IACM,CACX,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"}
|
|
@@ -10,7 +10,7 @@ import Notebook from '../components/notebook/Notebook';
|
|
|
10
10
|
import NotebookToolbar from './toolbars/NotebookToolbar';
|
|
11
11
|
import CellSidebar from '../components/notebook/cell/sidebar/CellSidebar';
|
|
12
12
|
import nbformat from './notebooks/NotebookExample1.ipynb.json';
|
|
13
|
-
const NotebookNbFormat = () => (_jsx(Jupyter, { children: _jsx(Notebook, { nbformat: nbformat,
|
|
13
|
+
const NotebookNbFormat = () => (_jsx(Jupyter, { children: _jsx(Notebook, { nbformat: nbformat, id: "notebook-model-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
|
|
14
14
|
, cellSidebarMargin: 120, CellSidebar: CellSidebar, Toolbar: NotebookToolbar }) }));
|
|
15
15
|
const div = document.createElement('div');
|
|
16
16
|
document.body.appendChild(div);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotebookNbFormat.js","sourceRoot":"","sources":["../../src/examples/NotebookNbFormat.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,CAC7B,KAAC,OAAO,cACN,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,
|
|
1
|
+
{"version":3,"file":"NotebookNbFormat.js","sourceRoot":"","sources":["../../src/examples/NotebookNbFormat.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,CAC7B,KAAC,OAAO,cACN,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,mBAAmB,EACtB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,GACM,CACX,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"}
|