@datalayer/jupyter-react 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+Copyright (c) Datalayer Inc. All rights reserved.
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,56 @@
+[![Datalayer](https://datalayer.s3.us-east-1.amazonaws.com/datalayer-25.svg)](https://datalayer.io)
+
+# Jupyter React
+
+> ⚛️ [React.js](https://reactjs.org) components to create your data product. Compatible with the [Jupyter](https://jupyter.org) ecosystem.
+
+<div align="center" style="text-align: center">
+  <img alt="Jupyter React Slate" src="https://jupyter-examples.datalayer.tech/jupyter-react-slate.gif" />
+</div>
+
+You can create for example a custom React.js data product `a-la-google-docs` as shown above. The below image shows a gallery of the available React.js components you ready to be used in you custom React.js application.
+
+<div align="center" style="text-align: center">
+  <img alt="Jupyter React Gallery" src="https://jupyter-examples.datalayer.tech/jupyter-react-gallery.gif" />
+</div>
+
+Please open [issues](https://github.com/datalayer/jupyter-react/issues) for questions, feature requests, bug reports... We also welcome [pull requests](https://github.com/datalayer/jupyter-react/pulls).
+
+Follow the below steps to create your development environment. You will need [Miniconda](https://docs.conda.io/en/latest/miniconda.html) up-and-running on your machine (MacOS or Linux, Windows is not supported as development platform for the time-being).
+
+```bash
+# Clone this repository.
+git clone https://github.com/datalayer/jupyter-react.git && \
+  cd jupyter-react
+```
+
+```bash
+# Setup your development environment.
+conda deactivate && \
+  make env-rm # If you want to reset your environment.
+make env && \
+  conda activate jupyter-react
+```
+
+```bash
+# Clean, install and build.
+make clean install build
+```
+
+You can launch an example and hack the source code. The changes will build automatically and will be available in your browser.
+
+```bash
+# Start jupyter-react example.
+echo open http://localhost:3208
+yarn start
+```
+
+## Usage
+
+Install the latest `@datalayer/jupyter-react` npm package and get inspired by the [examples](./src/examples). The typedoc documentation is [available online](https://typedoc.datalayer.io/datalayer/jupyter-react/0.0.1).
+
+## License
+
+Copyright (c) 2022 Datalayer, Inc.
+
+Released under the terms of the MIT license (see [LICENSE](./LICENSE)).

package/lib/examples/Example.d.ts

@@ -0,0 +1 @@
+import "./../../style/index.css";

package/lib/examples/Example.js

@@ -0,0 +1,8 @@
+// @ts-ignore
+import bootstrap from "./bootstrap/Gallery.bootstrap";
+import "./../../style/index.css";
+/**
+ * Boostrap the example application.
+ */
+bootstrap(() => { });
+//# sourceMappingURL=Example.js.map

package/lib/examples/Example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Example.js","sourceRoot":"","sources":["../../src/examples/Example.tsx"],"names":[],"mappings":"AAAA,aAAa;AACb,OAAO,SAAS,MAAM,+BAA+B,CAAC;AAEtD,OAAO,yBAAyB,CAAC;AAEjC;;GAEG;AACH,SAAS,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC"}

package/lib/examples/MuiSetup.d.ts

@@ -0,0 +1,5 @@
+declare const setupMui: (id: string) => {
+    jss: import("jss").Jss;
+    cache: import("@emotion/utils").EmotionCache;
+};
+export default setupMui;

package/lib/examples/MuiSetup.js

@@ -0,0 +1,13 @@
+import { create } from 'jss';
+import { jssPreset } from '@mui/styles';
+import createCache from '@emotion/cache';
+const setupMui = (id) => {
+    const jss = create(Object.assign(Object.assign({}, jssPreset()), { insertionPoint: document.getElementById(id) }));
+    const cache = createCache({
+        key: 'css',
+        prepend: true,
+    });
+    return { jss, cache };
+};
+export default setupMui;
+//# sourceMappingURL=MuiSetup.js.map

package/lib/examples/MuiSetup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiSetup.js","sourceRoot":"","sources":["../../src/examples/MuiSetup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,MAAM,QAAQ,GAAG,CAAC,EAAU,EAAE,EAAE;IAC9B,MAAM,GAAG,GAAG,MAAM,iCACb,SAAS,EAAE,KACd,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAgB,IAC1D,CAAC;IACH,MAAM,KAAK,GAAG,WAAW,CAAC;QACxB,GAAG,EAAE,KAAK;QACV,OAAO,EAAE,IAAI;KACd,CAAC,CAAC;IACH,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,CAAA;AACvB,CAAC,CAAA;AAED,eAAe,QAAQ,CAAC"}

package/lib/examples/bootstrap/All.bootstrap.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/examples/bootstrap/All.bootstrap.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { render } from 'react-dom';
+import { ThemeProvider } from '@mui/material/styles';
+import muiLightTheme from '../theme/muiLightTheme';
+import Jupyter from '../../jupyter/Jupyter';
+import { useJupyter } from '../../jupyter/JupyterContext';
+import CellLumino from '../../widgets/cell/CellLumino';
+import CellControl from './../controls/CellControl';
+import CommandsLumino from '../../widgets/commands/CommandsLumino';
+import CommandsControl from '../controls/CommandsControl';
+import ConsoleLumino from '../../widgets/console/ConsoleLumino';
+import ConsoleControl from '../controls/ConsoleControl';
+// import DialogLumino from './../examples/dialog/DialogLumino';
+import DialogControl from '../controls/DialogControl';
+import FileBrowser from '../../widgets/filebrowser/FileBrowser';
+import FileBrowserLumino from '../../widgets/filebrowser/FileBrowserLumino';
+import FileBrowserControl from '../controls/FileBrowserControl';
+import NotebookLumino from '../../widgets/notebook/NotebookLumino';
+import NotebookControl from '../controls/NotebookControl';
+import OutputLumino from '../../widgets/outputs/OutputLumino';
+import OutputControl from '../controls/OutputControl';
+import Kernel from '../../services/kernel/Kernel';
+import SettingsLumino from '../../widgets/settings/SettingsLumino';
+import SettingsControl from '../controls/SettingsControl';
+import SimpleLumino from '../examples/lumino/LuminoExample';
+import SimpleControl from '../controls/SimpleControl';
+import TerminalLumino from '../../widgets/terminal/TerminalLumino';
+import TerminalControl from '../controls/TerminalControl';
+/**
+ * The source to be shown in the examples.
+ */
+const source = `from IPython.display import display
+for i in range(3):
+    display('😃 String {} added to the DOM in separated DIV.'.format(i))
+
+import numpy as np
+import matplotlib.pyplot as plt
+x1 = np.linspace(0.0, 5.0)
+x2 = np.linspace(0.0, 2.0)
+y1 = np.cos(2 * np.pi * x1) * np.exp(-x1)
+y2 = np.cos(2 * np.pi * x2)
+fig, (ax1, ax2) = plt.subplots(2, 1)
+fig.suptitle('A tale of 2 subplots')
+ax1.plot(x1, y1, 'o-')
+ax1.set_ylabel('Damped oscillation')
+ax2.plot(x2, y2, '.-')
+ax2.set_xlabel('time (s)')
+ax2.set_ylabel('Undamped')
+plt.show()`;
+/**
+ * A simple example for the Jupyter React.
+ */
+const Example = () => {
+    const { baseUrl, wsUrl } = useJupyter();
+    const [kernel,] = useState(new Kernel({ baseUrl, wsUrl }));
+    useEffect(() => { window.scrollTo(0, 0); }, []);
+    return _jsxs(_Fragment, { children: [_jsx(OutputControl, {}, void 0),
+            _jsx(OutputLumino, { showEditor: true, autoRun: false, kernel: kernel, code: "print('Hello Datalayer 👍')" }, void 0),
+            _jsx(OutputLumino, { showEditor: true, autoRun: true, kernel: kernel, code: source }, void 0),
+            _jsx(OutputLumino, { showEditor: false, autoRun: true, kernel: kernel, code: "print('=> Hello Datalayer again... I am the output of an non-shown editor 👍 <=')" }, void 0),
+            _jsx(CellControl, {}, void 0),
+            _jsx(CellLumino, { source: source }, void 0),
+            _jsx(CommandsControl, {}, void 0),
+            _jsx(CommandsLumino, {}, void 0),
+            _jsx(ConsoleControl, {}, void 0),
+            _jsx(ConsoleLumino, {}, void 0),
+            _jsx(DialogControl, {}, void 0),
+            _jsx(FileBrowserControl, {}, void 0),
+            _jsx(FileBrowser, {}, void 0),
+            _jsx(FileBrowserLumino, {}, void 0),
+            _jsx(NotebookControl, {}, void 0),
+            _jsx(NotebookLumino, { path: 'ping.ipynb', ipywidgets: 'classic' }, void 0),
+            _jsx(SettingsControl, {}, void 0),
+            _jsx(SettingsLumino, {}, void 0),
+            _jsx(SimpleControl, {}, void 0),
+            _jsx(SimpleLumino, {}, void 0),
+            _jsx(TerminalControl, {}, void 0),
+            _jsx(TerminalLumino, {}, void 0)] }, void 0);
+};
+const div = document.createElement('div');
+document.body.appendChild(div);
+render(_jsx(ThemeProvider, Object.assign({ theme: muiLightTheme }, { children: _jsx(Jupyter, Object.assign({ collaborative: true, terminals: true }, { children: _jsx(Example, {}, void 0) }), void 0) }), void 0), div);
+//# sourceMappingURL=All.bootstrap.js.map

package/lib/examples/bootstrap/All.bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"All.bootstrap.js","sourceRoot":"","sources":["../../../src/examples/bootstrap/All.bootstrap.tsx"],"names":[],"mappings":"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"}

package/lib/examples/bootstrap/Cell.bootstrap.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/examples/bootstrap/Cell.bootstrap.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { render } from 'react-dom';
+import { ThemeProvider } from '@mui/material/styles';
+import muiLightTheme from '../theme/muiLightTheme';
+import Jupyter from '../../jupyter/Jupyter';
+import Layers from '../theme/Layers';
+import CellExample from './../examples/cell/CellExample';
+const div = document.createElement('div');
+document.body.appendChild(div);
+render(_jsx(ThemeProvider, Object.assign({ theme: muiLightTheme }, { children: _jsxs(Jupyter, Object.assign({ collaborative: false, terminals: false }, { children: [_jsx(Layers, {}, void 0),
+            _jsx(CellExample, {}, void 0)] }), void 0) }), void 0), div);
+//# sourceMappingURL=Cell.bootstrap.js.map

package/lib/examples/bootstrap/Cell.bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.bootstrap.js","sourceRoot":"","sources":["../../../src/examples/bootstrap/Cell.bootstrap.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,aAAa,MAAM,wBAAwB,CAAC;AACnD,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,WAAW,MAAM,gCAAgC,CAAC;AAEzD,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAE/B,MAAM,CACJ,KAAC,aAAa,kBAAC,KAAK,EAAE,aAAa,gBACjC,MAAC,OAAO,kBACN,aAAa,EAAE,KAAK,EACpB,SAAS,EAAE,KAAK,iBAEhB,KAAC,MAAM,aAAG;YACV,KAAC,WAAW,aAAG,aACP,YACI,EAEhB,GAAG,CACJ,CAAC"}

package/lib/examples/bootstrap/FileBrowser.bootstrap.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/examples/bootstrap/FileBrowser.bootstrap.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { render } from 'react-dom';
+import Jupyter from '../../jupyter/Jupyter';
+import Layers from '../theme/Layers';
+import FileBrowserLumino from './../../widgets/filebrowser/FileBrowserLumino';
+const div = document.createElement('div');
+document.body.appendChild(div);
+render(_jsxs(Jupyter, Object.assign({ collaborative: false, terminals: false }, { children: [_jsx(Layers, {}, void 0),
+        _jsx(Jupyter, Object.assign({ collaborative: false, terminals: true }, { children: _jsx(FileBrowserLumino, {}, void 0) }), void 0)] }), void 0), div);
+//# sourceMappingURL=FileBrowser.bootstrap.js.map

package/lib/examples/bootstrap/FileBrowser.bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileBrowser.bootstrap.js","sourceRoot":"","sources":["../../../src/examples/bootstrap/FileBrowser.bootstrap.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,iBAAiB,MAAM,+CAA+C,CAAC;AAE9E,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAE/B,MAAM,CACJ,MAAC,OAAO,kBACN,aAAa,EAAE,KAAK,EACpB,SAAS,EAAE,KAAK,iBAEhB,KAAC,MAAM,aAAG;QACV,KAAC,OAAO,kBAAC,aAAa,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,gBAC5C,KAAC,iBAAiB,aAAG,YACb,aACF,EAEV,GAAG,CACJ,CAAC"}

package/lib/examples/bootstrap/Gallery.bootstrap.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/examples/bootstrap/Gallery.bootstrap.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { render } from 'react-dom';
+import Typography from '@mui/material/Typography';
+import { CacheProvider } from '@emotion/react';
+import { StylesProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
+import muiLightTheme from '../theme/muiLightTheme';
+import Jupyter from '../../jupyter/Jupyter';
+import setupMui from '../MuiSetup';
+import Gallery from '../examples/gallery/GalleryExample';
+const { jss, cache } = setupMui('datalayer-jss-insertion-point');
+const div = document.createElement('div');
+document.body.appendChild(div);
+const Header = () => _jsxs(_Fragment, { children: [_jsx(Typography, Object.assign({ variant: "h4", gutterBottom: true }, { children: "Jupyter React Gallery" }), void 0),
+        _jsx(Typography, Object.assign({ variant: "subtitle1", gutterBottom: true }, { children: "\u00A9 Datalayer, 2022" }), void 0)] }, void 0);
+render(_jsx(ThemeProvider, Object.assign({ theme: muiLightTheme }, { children: _jsx(CacheProvider, Object.assign({ value: cache }, { children: _jsx(StylesProvider, Object.assign({ jss: jss }, { children: _jsxs(Jupyter, Object.assign({ collaborative: true, terminals: true }, { children: [_jsx(Header, {}, void 0),
+                    _jsx(Gallery, {}, void 0)] }), void 0) }), void 0) }), void 0) }), void 0), div);
+//# sourceMappingURL=Gallery.bootstrap.js.map

package/lib/examples/bootstrap/Gallery.bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gallery.bootstrap.js","sourceRoot":"","sources":["../../../src/examples/bootstrap/Gallery.bootstrap.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,aAAa,MAAM,wBAAwB,CAAC;AACnD,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,OAAO,MAAM,oCAAoC,CAAC;AAEzD,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,+BAA+B,CAAC,CAAC;AAEjE,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAE/B,MAAM,MAAM,GAAG,GAAG,EAAE,CAAE,8BAClB,KAAC,UAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,YAAY,yDAExB;QACb,KAAC,UAAU,kBAAC,OAAO,EAAC,WAAW,EAAC,YAAY,0DAE/B,YACZ,CAAA;AAEL,MAAM,CACJ,KAAC,aAAa,kBAAC,KAAK,EAAE,aAAa,gBACjC,KAAC,aAAa,kBAAC,KAAK,EAAE,KAAK,gBACzB,KAAC,cAAc,kBAAC,GAAG,EAAE,GAAG,gBACtB,MAAC,OAAO,kBAAC,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,iBAC3C,KAAC,MAAM,aAAE;oBACT,KAAC,OAAO,aAAE,aACF,YACK,YACH,YACF,EAEhB,GAAG,CACJ,CAAC"}

package/lib/examples/bootstrap/IPyWidgets.bootstrap.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/examples/bootstrap/IPyWidgets.bootstrap.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { render } from 'react-dom';
+import Jupyter from '../../jupyter/Jupyter';
+import IpyWidgetsComponent from '../../ipywidgets/IpyWidgetsComponent';
+import IpyWidgetsExample from '../examples/ipywidgets/IpyWidgetsExample';
+import Layers from '../theme/Layers';
+const div = document.createElement('div');
+document.body.appendChild(div);
+render(_jsxs(Jupyter, Object.assign({ collaborative: false, terminals: false }, { children: [_jsx(Layers, {}, void 0),
+        _jsxs(_Fragment, { children: [_jsx("h3", { children: "IPyWidget" }, void 0),
+                _jsx(IpyWidgetsComponent, { widget: IpyWidgetsExample }, void 0)] }, void 0)] }), void 0), div);
+//# sourceMappingURL=IPyWidgets.bootstrap.js.map

package/lib/examples/bootstrap/IPyWidgets.bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IPyWidgets.bootstrap.js","sourceRoot":"","sources":["../../../src/examples/bootstrap/IPyWidgets.bootstrap.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,mBAAmB,MAAM,sCAAsC,CAAC;AACvE,OAAO,iBAAiB,MAAM,0CAA0C,CAAC;AACzE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAE/B,MAAM,CACJ,MAAC,OAAO,kBACN,aAAa,EAAE,KAAK,EACpB,SAAS,EAAE,KAAK,iBAEhB,KAAC,MAAM,aAAG;QACV,8BACE,6CAAkB;gBAClB,KAAC,mBAAmB,IAAC,MAAM,EAAE,iBAAiB,WAAG,YAChD,aACK,EAEV,GAAG,CACJ,CAAC"}

package/lib/examples/bootstrap/Lumino.bootstrap.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/examples/bootstrap/Lumino.bootstrap.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { render } from 'react-dom';
+import LuminoExample from './../examples/lumino/LuminoExample';
+import Jupyter from './../../jupyter/Jupyter';
+import Layers from './../theme/Layers';
+const div = document.createElement('div');
+document.body.appendChild(div);
+render(_jsxs(Jupyter, Object.assign({ collaborative: false, terminals: false }, { children: [_jsx(Layers, {}, void 0),
+        _jsx("h3", { children: "Lumino" }, void 0),
+        _jsx(LuminoExample, {}, void 0)] }), void 0), div);
+//# sourceMappingURL=Lumino.bootstrap.js.map

package/lib/examples/bootstrap/Lumino.bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lumino.bootstrap.js","sourceRoot":"","sources":["../../../src/examples/bootstrap/Lumino.bootstrap.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,aAAa,MAAM,oCAAoC,CAAC;AAC/D,OAAO,OAAO,MAAM,yBAAyB,CAAC;AAC9C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAE/B,MAAM,CACJ,MAAC,OAAO,kBACN,aAAa,EAAE,KAAK,EACpB,SAAS,EAAE,KAAK,iBAEhB,KAAC,MAAM,aAAG;QACV,0CAAe;QACf,KAAC,aAAa,aAAE,aACR,EAEV,GAAG,CACJ,CAAC"}

package/lib/examples/bootstrap/Notebook.bootstrap.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/examples/bootstrap/Notebook.bootstrap.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useEffect } from 'react';
+import { render } from 'react-dom';
+import Jupyter from '../../jupyter/Jupyter';
+import NotebookLumino from '../../widgets/notebook/NotebookLumino';
+import NotebookControl from '../controls/NotebookControl';
+import Layers from '../theme/Layers';
+/**
+ * A simple example for the Jupyter React.
+ */
+const Example = () => {
+    useEffect(() => {
+        window.scrollTo(0, 0);
+    }, []);
+    return (_jsxs(Jupyter, Object.assign({ collaborative: false, terminals: false }, { children: [_jsx(Layers, {}, void 0),
+            _jsx(NotebookControl, {}, void 0),
+            _jsx(NotebookLumino, { path: 'ping.ipynb', ipywidgets: 'classic' }, void 0)] }), void 0));
+};
+const div = document.createElement('div');
+document.body.appendChild(div);
+render(_jsx(Example, {}, void 0), div);
+//# sourceMappingURL=Notebook.bootstrap.js.map

package/lib/examples/bootstrap/Notebook.bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notebook.bootstrap.js","sourceRoot":"","sources":["../../../src/examples/bootstrap/Notebook.bootstrap.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAC1D,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC;;GAEG;AACH,MAAM,OAAO,GAAG,GAAG,EAAE;IACnB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,MAAC,OAAO,kBACN,aAAa,EAAE,KAAK,EACpB,SAAS,EAAE,KAAK,iBAEhB,KAAC,MAAM,aAAG;YACV,KAAC,eAAe,aAAG;YACnB,KAAC,cAAc,IACb,IAAI,EAAC,YAAY,EACjB,UAAU,EAAC,SAAS,WACpB,aACM,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;AAE/B,MAAM,CACJ,KAAC,OAAO,aAAE,EAEV,GAAG,CACJ,CAAC"}

package/lib/examples/bootstrap/NotebookCustom.bootstrap.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/examples/bootstrap/NotebookCustom.bootstrap.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render } from 'react-dom';
+import NotebookExample from '../examples/notebook/NotebookExample';
+const div = document.createElement('div');
+document.body.appendChild(div);
+render(_jsx(NotebookExample, {}, void 0), div);
+//# sourceMappingURL=NotebookCustom.bootstrap.js.map

package/lib/examples/bootstrap/NotebookCustom.bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotebookCustom.bootstrap.js","sourceRoot":"","sources":["../../../src/examples/bootstrap/NotebookCustom.bootstrap.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,eAAe,MAAM,sCAAsC,CAAC;AAEnE,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAE/B,MAAM,CACJ,KAAC,eAAe,aAAE,EAElB,GAAG,CACJ,CAAC"}

package/lib/examples/bootstrap/Outputs.bootstrap.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/examples/bootstrap/Outputs.bootstrap.js

@@ -0,0 +1,154 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { render } from 'react-dom';
+import { ThemeProvider } from '@mui/material/styles';
+import muiLightTheme from '../theme/muiLightTheme';
+import { useJupyter } from '../../jupyter/JupyterContext';
+import Jupyter from '../../jupyter/Jupyter';
+import OutputLumino from '../../widgets/outputs/OutputLumino';
+import Kernel from '../../services/kernel/Kernel';
+import Layers from '../theme/Layers';
+const SOURCE_1 = `import ipywidgets as widgets
+widgets.IntSlider(
+    value=7,
+    min=0,
+    max=10,
+    step=1
+)`;
+/*
+const OUTPUT_1 = (
+  [
+    {
+    "data": {
+      "application/vdom.v1+json": {
+      "attributes": {},
+      "children": [
+        {
+        "attributes": {},
+        "children": [
+          "Our Incredibly Declarative Example"
+        ],
+        "tagName": "h1"
+        },
+        {
+        "attributes": {},
+        "children": [
+          "Can you believe we wrote this ",
+          {
+          "attributes": {},
+          "children": [
+            "in Python"
+          ],
+          "tagName": "b"
+          },
+          "?"
+        ],
+        "tagName": "p"
+        },
+        {
+        "attributes": {
+          "src": "https://media.giphy.com/media/xUPGcguWZHRC2HyBRS/giphy.gif"
+        },
+        "children": [],
+        "tagName": "img"
+        },
+        {
+        "attributes": {},
+        "children": [
+          "What will  ",
+          {
+          "attributes": {},
+          "children": [
+            "you"
+          ],
+          "tagName": "b"
+          },
+          " create next?"
+        ],
+        "tagName": "p"
+        }
+      ],
+      "tagName": "div"
+      },
+      "text/html": [
+      "<div><h1>Our Incredibly Declarative Example</h1><p>Can you believe we wrote this <b>in Python</b>?</p><img src=\"https://media.giphy.com/media/xUPGcguWZHRC2HyBRS/giphy.gif\"></img><p>What will <b>you</b> create next?</p></div>"
+      ],
+      "text/plain": [
+      "<div><h1>Our Incredibly Declarative Example</h1><p>Can you believe we wrote this <b>in Python</b>?</p><img src=\"https://media.giphy.com/media/xUPGcguWZHRC2HyBRS/giphy.gif\"></img><p>What will <b>you</b> create next?</p></div>"
+      ]
+    },
+    "metadata": {},
+    "output_type": "display_data"
+    }
+  ]
+ ) as any;
+*/
+const OUTPUT_2 = ([
+    {
+        "data": {
+            "application/json": {
+                "array": [
+                    1,
+                    2,
+                    3
+                ],
+                "bool": true,
+                "object": {
+                    "foo": "bar"
+                },
+                "string": "string"
+            },
+            "text/plain": [
+                "<IPython.core.display.JSON object>"
+            ]
+        },
+        "execution_count": 8,
+        "metadata": {
+            "application/json": {
+                "expanded": false,
+                "root": "root"
+            }
+        },
+        "output_type": "execute_result"
+    }
+]);
+/*
+const OUTPUT_3 = [
+  {
+   "data": {
+    "application/vnd.jupyter.widget-view+json": {
+     "model_id": "8a70de37cd284b289ac4a54ae95ef622",
+     "version_major": 2,
+     "version_minor": 0
+    },
+    "text/plain": [
+     "Dropdown(description='Number:', index=1, options=('1', '2', '3'), value='2')"
+    ]
+   },
+   "execution_count": 3,
+   "metadata": {},
+   "output_type": "execute_result"
+  }
+];
+*/
+/**
+ * A simple example for the React Editor.
+ */
+const Example = () => {
+    const { baseUrl, wsUrl } = useJupyter();
+    const [kernel,] = useState(new Kernel({ baseUrl, wsUrl }));
+    useEffect(() => {
+        window.scrollTo(0, 0);
+    }, []);
+    return _jsxs(_Fragment, { children: [_jsx("h3", { children: "Output" }, void 0),
+            _jsx(OutputLumino, { initialOutput: OUTPUT_2, showEditor: false, autoRun: false, kernel: kernel }, void 0),
+            _jsx("h3", { children: "Simple Output" }, void 0),
+            _jsx(OutputLumino, { showEditor: true, autoRun: true, kernel: kernel, code: "print('Hello Datalayer 👍')" }, void 0),
+            _jsx("h3", { children: "IPyWidget Output" }, void 0),
+            _jsx(OutputLumino, { showEditor: true, autoRun: true, kernel: kernel, code: SOURCE_1 }, void 0)] }, void 0);
+};
+const div = document.createElement('div');
+document.body.appendChild(div);
+render(_jsx(ThemeProvider, Object.assign({ theme: muiLightTheme }, { children: _jsxs(Jupyter, Object.assign({ collaborative: false, terminals: false }, { children: [_jsx(Layers, {}, void 0),
+            _jsx(Example, {}, void 0)] }), void 0) }), void 0), div);
+//# sourceMappingURL=Outputs.bootstrap.js.map

package/lib/examples/bootstrap/Outputs.bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Outputs.bootstrap.js","sourceRoot":"","sources":["../../../src/examples/bootstrap/Outputs.bootstrap.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,aAAa,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,YAAY,MAAM,oCAAoC,CAAC;AAC9D,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAClD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,QAAQ,GAAG;;;;;;EAMf,CAAA;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmEE;AACF,MAAM,QAAQ,GAAG,CACf;IACE;QACC,MAAM,EAAE;YACP,kBAAkB,EAAE;gBACnB,OAAO,EAAE;oBACR,CAAC;oBACD,CAAC;oBACD,CAAC;iBACD;gBACD,MAAM,EAAE,IAAI;gBACZ,QAAQ,EAAE;oBACT,KAAK,EAAE,KAAK;iBACZ;gBACD,QAAQ,EAAE,QAAQ;aAClB;YACD,YAAY,EAAE;gBACb,oCAAoC;aACpC;SACD;QACD,iBAAiB,EAAE,CAAC;QACpB,UAAU,EAAE;YACX,kBAAkB,EAAE;gBACnB,UAAU,EAAE,KAAK;gBACjB,MAAM,EAAE,MAAM;aACd;SACD;QACD,aAAa,EAAE,gBAAgB;KAC/B;CACF,CACF,CAAC;AACF;;;;;;;;;;;;;;;;;;EAkBE;AACF;;GAEG;AACH,MAAM,OAAO,GAAG,GAAG,EAAE;IACnB,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,CAAC;IACxC,MAAM,CAAC,MAAM,EAAE,GAAG,QAAQ,CAAC,IAAI,MAAM,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IAC3D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,8BACL,0CAAe;YACf,KAAC,YAAY,IACX,aAAa,EAAE,QAAe,EAC9B,UAAU,EAAE,KAAK,EACjB,OAAO,EAAE,KAAK,EACd,MAAM,EAAE,MAAM,WACd;YASF,iDAAsB;YACtB,KAAC,YAAY,IACX,UAAU,EAAE,IAAI,EAChB,OAAO,EAAE,IAAI,EACb,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,6BAA6B,WACnC;YACF,oDAAyB;YACzB,KAAC,YAAY,IACX,UAAU,EAAE,IAAI,EAChB,OAAO,EAAE,IAAI,EACb,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,QAAQ,WACd,YACD,CAAA;AACL,CAAC,CAAA;AAED,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAE/B,MAAM,CACJ,KAAC,aAAa,kBAAC,KAAK,EAAE,aAAa,gBACjC,MAAC,OAAO,kBACN,aAAa,EAAE,KAAK,EACpB,SAAS,EAAE,KAAK,iBAEhB,KAAC,MAAM,aAAG;YACV,KAAC,OAAO,aAAG,aACH,YACI,EAEhB,GAAG,CACJ,CAAC"}

package/lib/examples/bootstrap/Terminal.bootstrap.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/examples/bootstrap/Terminal.bootstrap.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { render } from 'react-dom';
+import { ThemeProvider } from '@mui/material/styles';
+import muiLightTheme from '../theme/muiLightTheme';
+import Jupyter from '../../jupyter/Jupyter';
+import TerminalLumino from './../../widgets/terminal/TerminalLumino';
+import Layers from '../theme/Layers';
+const Example = () => _jsx(_Fragment, { children: _jsx(TerminalLumino, {}, void 0) }, void 0);
+const div = document.createElement('div');
+document.body.appendChild(div);
+render(_jsx(ThemeProvider, Object.assign({ theme: muiLightTheme }, { children: _jsxs(Jupyter, Object.assign({ collaborative: false, terminals: true }, { children: [_jsx(Layers, {}, void 0),
+            _jsx(Example, {}, void 0)] }), void 0) }), void 0), div);
+//# sourceMappingURL=Terminal.bootstrap.js.map

package/lib/examples/bootstrap/Terminal.bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Terminal.bootstrap.js","sourceRoot":"","sources":["../../../src/examples/bootstrap/Terminal.bootstrap.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,aAAa,MAAM,wBAAwB,CAAC;AACnD,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,cAAc,MAAM,yCAAyC,CAAC;AACrE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,4BAClB,KAAC,cAAc,aAAG,WACjB,CAAA;AAEL,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAE/B,MAAM,CACJ,KAAC,aAAa,kBAAC,KAAK,EAAE,aAAa,gBACjC,MAAC,OAAO,kBACN,aAAa,EAAE,KAAK,EACpB,SAAS,EAAE,IAAI,iBAEf,KAAC,MAAM,aAAG;YACV,KAAC,OAAO,aAAG,aACH,YACI,EAEhB,GAAG,CACJ,CAAC"}

package/lib/examples/controls/CellControl.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const CellControl: React.FC;
+export default CellControl;

package/lib/examples/controls/CellControl.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { useDispatch } from "react-redux";
+import Typography from '@mui/material/Typography';
+import Button from '@mui/material/Button';
+import { selectCell, cellActions } from './../../index';
+const CellControl = () => {
+    const cell = selectCell();
+    const dispatch = useDispatch();
+    return (_jsxs(_Fragment, { children: [_jsx(Typography, Object.assign({ variant: "h5", gutterBottom: true }, { children: "Cell Control" }), void 0),
+            _jsxs("div", { children: [_jsx(Button, Object.assign({ variant: "contained", color: "primary", onClick: () => dispatch(cellActions.execute.started()) }, { children: "Execute" }), void 0),
+                    _jsx(Button, Object.assign({ variant: "outlined", color: "secondary", onClick: () => dispatch(cellActions.outputsCount.started(0)) }, { children: "Reset outputs count" }), void 0)] }, void 0),
+            _jsxs(Typography, Object.assign({ variant: "subtitle1", gutterBottom: true }, { children: ["Outputs count: ", cell.outputsCount] }), void 0)] }, void 0));
+};
+export default CellControl;
+//# sourceMappingURL=CellControl.js.map

package/lib/examples/controls/CellControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellControl.js","sourceRoot":"","sources":["../../../src/examples/controls/CellControl.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,GAAa,GAAG,EAAE;IACjC,MAAM,IAAI,GAAG,UAAU,EAAE,CAAC;IAC1B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,OAAO,CACL,8BACE,KAAC,UAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,YAAY,gDAExB;YACb,0BACE,KAAC,MAAM,kBACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,qCAG/C;oBACT,KAAC,MAAM,kBACL,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,iDAGrD,YACL;YACN,MAAC,UAAU,kBAAC,OAAO,EAAC,WAAW,EAAC,YAAY,0CAC1B,IAAI,CAAC,YAAY,aACtB,YACZ,CACJ,CAAC;AACJ,CAAC,CAAA;AAED,eAAe,WAAW,CAAC"}

package/lib/examples/controls/CommandsControl.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const CommandControl: React.FC;
+export default CommandControl;

package/lib/examples/controls/CommandsControl.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import Typography from '@mui/material/Typography';
+// import { useDispatch } from "react-redux";
+// import Button from '@mui/material/Button';
+// import { selectCommands, commandsActions } from './CommandsRedux';
+const CommandControl = () => {
+    //  const commands = selectCommands();
+    //  const dispatch = useDispatch();
+    return (_jsx(_Fragment, { children: _jsx(Typography, Object.assign({ variant: "h5", gutterBottom: true }, { children: "Commands Control" }), void 0) }, void 0));
+};
+export default CommandControl;
+//# sourceMappingURL=CommandsControl.js.map

package/lib/examples/controls/CommandsControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandsControl.js","sourceRoot":"","sources":["../../../src/examples/controls/CommandsControl.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,6CAA6C;AAC7C,6CAA6C;AAC7C,qEAAqE;AAErE,MAAM,cAAc,GAAa,GAAG,EAAE;IACtC,sCAAsC;IACtC,mCAAmC;IACjC,OAAO,CACL,4BACE,KAAC,UAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,YAAY,oDAExB,WAsBZ,CACJ,CAAC;AACJ,CAAC,CAAA;AAED,eAAe,cAAc,CAAC"}

package/lib/examples/controls/ConsoleControl.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const ConsoleControl: React.FC;
+export default ConsoleControl;