@datalayer/jupyter-react 0.0.1

package/lib/widgets/settings/SettingsState.js

@@ -0,0 +1,50 @@
+import { useSelector } from "react-redux";
+import actionCreatorFactory from "typescript-fsa";
+import { combineEpics } from "redux-observable";
+import { map, ignoreElements } from "rxjs/operators";
+import { ofAction } from "@datalayer/typescript-fsa-redux-observable";
+import { reducerWithInitialState } from "typescript-fsa-reducers";
+export const settingsInitialState = {
+    outputs: 0
+};
+/* Selectors */
+export const selectSettings = () => useSelector((state) => {
+    if (state.settings) {
+        return state.settings;
+    }
+    return { outputs: 0 };
+});
+/* Actions */
+export var ActionType;
+(function (ActionType) {
+    ActionType["OUTPUTS"] = "settings/OUTPUTS";
+    ActionType["EXECUTE"] = "settings/EXECUTE";
+})(ActionType || (ActionType = {}));
+const actionCreator = actionCreatorFactory('jupyterReact');
+export const settingsActions = {
+    outputs: actionCreator.async(ActionType.OUTPUTS),
+    execute: actionCreator.async(ActionType.EXECUTE),
+};
+/* Epics */
+export const settingsEpics = (settingsLumino) => {
+    const outputsEpic = action$ => action$.pipe(ofAction(settingsActions.outputs.started), map(action => {
+        return settingsActions.outputs.done({
+            params: action.payload,
+            result: action.payload
+        });
+    }));
+    const executeEpic = action$ => action$.pipe(ofAction(settingsActions.execute.started), 
+    //      tap(action => settingsLumino.execute()),
+    ignoreElements());
+    const loggingEpic = action$ => action$
+        .pipe(ofAction(settingsActions.outputs.started), 
+    //      tap(action => settings.log(action.type)),
+    ignoreElements());
+    return combineEpics(loggingEpic, outputsEpic, executeEpic);
+};
+/* Reducers */
+export const settingsReducer = reducerWithInitialState(settingsInitialState)
+    .case(settingsActions.outputs.done, (state, success) => {
+    return Object.assign(Object.assign({}, state), { outputs: success.result });
+});
+//# sourceMappingURL=SettingsState.js.map

package/lib/widgets/settings/SettingsState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsState.js","sourceRoot":"","sources":["../../../src/widgets/settings/SettingsState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,oBAAoB,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAQ,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AAEtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAUlE,MAAM,CAAC,MAAM,oBAAoB,GAAmB;IAClD,OAAO,EAAE,CAAC;CACX,CAAA;AAED,eAAe;AAEf,MAAM,CAAC,MAAM,cAAc,GAAG,GAAmB,EAAE,CACjD,WAAW,CAAC,CAAC,KAAqB,EAAE,EAAE;IACpC,IAAK,KAAa,CAAC,QAAQ,EAAE;QAC3B,OAAQ,KAAa,CAAC,QAAQ,CAAC;KAChC;IACD,OAAO,EAAC,OAAO,EAAE,CAAC,EAAC,CAAC;AACtB,CAAC,CAAC,CAAC;AAEL,aAAa;AAEb,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,0CAA4B,CAAA;IAC5B,0CAA4B,CAAA;AAC9B,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB;AAED,MAAM,aAAa,GAAG,oBAAoB,CAAC,cAAc,CAAC,CAAC;AAE3D,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,OAAO,EAAE,aAAa,CAAC,KAAK,CAC1B,UAAU,CAAC,OAAO,CACnB;IACD,OAAO,EAAE,aAAa,CAAC,KAAK,CAC1B,UAAU,CAAC,OAAO,CACnB;CACF,CAAA;AAED,WAAW;AAEX,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,cAA+B,EAAE,EAAE;IAE/D,MAAM,WAAW,GAIb,OAAO,CAAC,EAAE,CACZ,OAAO,CAAC,IAAI,CACV,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,EACzC,GAAG,CAAC,MAAM,CAAC,EAAE;QACX,OAAO,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC;YAClC,MAAM,EAAE,MAAM,CAAC,OAAO;YACtB,MAAM,EAAE,MAAM,CAAC,OAAO;SACvB,CAAC,CAAC;IACL,CAAC,CAAC,CACH,CAAC;IAEJ,MAAM,WAAW,GAIb,OAAO,CAAC,EAAE,CACZ,OAAO,CAAC,IAAI,CACV,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC;IAC/C,gDAAgD;IAC1C,cAAc,EAAE,CACnB,CAAC;IAEF,MAAM,WAAW,GAIb,OAAO,CAAC,EAAE,CACZ,OAAO;SACJ,IAAI,CACH,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC;IAC/C,iDAAiD;IAC3C,cAAc,EAAE,CACjB,CAAC;IAEN,OAAO,YAAY,CACjB,WAAW,EACX,WAAW,EACX,WAAW,CACZ,CAAC;AACJ,CAAC,CAAA;AAED,cAAc;AAEd,MAAM,CAAC,MAAM,eAAe,GAAG,uBAAuB,CAAC,oBAAoB,CAAC;KACzE,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,KAAqB,EAAE,OAAgC,EAAE,EAAE;IAC9F,uCACK,KAAK,KACR,OAAO,EAAE,OAAO,CAAC,MAAM,IACxB;AACH,CAAC,CACF,CAAC"}

package/lib/widgets/terminal/TerminalAdapter.css

@@ -0,0 +1,3 @@
+#jupyterlab-terminal {
+  height: 300px;
+}

package/lib/widgets/terminal/TerminalAdapter.d.ts

@@ -0,0 +1,13 @@
+import { BoxPanel } from '@lumino/widgets';
+import '@jupyterlab/terminal/style/index.css';
+import '@jupyterlab/theme-light-extension/style/theme.css';
+import '@jupyterlab/theme-light-extension/style/variables.css';
+import './TerminalAdapter.css';
+declare class TerminalAdapter {
+    private terminalPanel;
+    private terminal;
+    constructor();
+    get panel(): BoxPanel;
+    setTheme(theme: string): void;
+}
+export default TerminalAdapter;

package/lib/widgets/terminal/TerminalAdapter.js

@@ -0,0 +1,28 @@
+import { BoxPanel } from '@lumino/widgets';
+import { TerminalManager } from '@jupyterlab/services';
+import { Terminal } from '@jupyterlab/terminal';
+import '@jupyterlab/terminal/style/index.css';
+import '@jupyterlab/theme-light-extension/style/theme.css';
+import '@jupyterlab/theme-light-extension/style/variables.css';
+import './TerminalAdapter.css';
+class TerminalAdapter {
+    constructor() {
+        this.terminalPanel = new BoxPanel();
+        this.terminalPanel.id = 'jupyterlab-terminal';
+        this.terminalPanel.spacing = 0;
+        const manager = new TerminalManager();
+        manager.startNew().then((s1) => {
+            this.terminal = new Terminal(s1, { theme: 'light' });
+            this.terminal.title.closable = true;
+            this.terminalPanel.addWidget(this.terminal);
+        });
+    }
+    get panel() {
+        return this.terminalPanel;
+    }
+    setTheme(theme) {
+        this.terminal.setOption('theme', theme);
+    }
+}
+export default TerminalAdapter;
+//# sourceMappingURL=TerminalAdapter.js.map

package/lib/widgets/terminal/TerminalAdapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalAdapter.js","sourceRoot":"","sources":["../../../src/widgets/terminal/TerminalAdapter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAa,MAAM,sBAAsB,CAAC;AAE3D,OAAO,sCAAsC,CAAC;AAC9C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,uDAAuD,CAAC;AAE/D,OAAO,uBAAuB,CAAC;AAE/B,MAAM,eAAe;IAInB;QACE,IAAI,CAAC,aAAa,GAAG,IAAI,QAAQ,EAAE,CAAC;QACpC,IAAI,CAAC,aAAa,CAAC,EAAE,GAAG,qBAAqB,CAAC;QAC9C,IAAI,CAAC,aAAa,CAAC,OAAO,GAAG,CAAC,CAAC;QAC/B,MAAM,OAAO,GAAG,IAAI,eAAe,EAAE,CAAC;QACtC,OAAO,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE;YAC7B,IAAI,CAAC,QAAQ,GAAG,IAAI,QAAQ,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;YACrD,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;YACpC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IAED,QAAQ,CAAC,KAAa;QACpB,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,OAAO,EAAE,KAAwB,CAAC,CAAC;IAC7D,CAAC;CAEF;AAED,eAAe,eAAe,CAAC"}

package/lib/widgets/terminal/TerminalLumino.d.ts

@@ -0,0 +1,2 @@
+declare const TerminalLumino: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export default TerminalLumino;

package/lib/widgets/terminal/TerminalLumino.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useEffect, useMemo } from 'react';
+import { useStore } from "react-redux";
+import TerminalAdapter from './TerminalAdapter';
+import LuminoAttached from '../../lumino/LuminoAttached';
+import { terminalEpics, terminalReducer } from './TerminalState';
+const TerminalLumino = () => {
+    const terminalLumino = useMemo(() => new TerminalAdapter(), []);
+    const injectableStore = useStore();
+    useEffect(() => {
+        injectableStore.injectReducer('terminal', terminalReducer);
+        injectableStore.injectEpic(terminalEpics(terminalLumino));
+    }, []);
+    return _jsx(LuminoAttached, { children: terminalLumino.panel }, void 0);
+};
+export default TerminalLumino;
+//# sourceMappingURL=TerminalLumino.js.map

package/lib/widgets/terminal/TerminalLumino.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalLumino.js","sourceRoot":"","sources":["../../../src/widgets/terminal/TerminalLumino.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,MAAM,eAAe,GAAG,QAAQ,EAAE,CAAC;IACnC,SAAS,CAAC,GAAG,EAAE;QACZ,eAAuB,CAAC,aAAa,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;QACnE,eAAuB,CAAC,UAAU,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;IACrE,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,KAAC,cAAc,cAAE,cAAc,CAAC,KAAK,WAAkB,CAAA;AAChE,CAAC,CAAA;AAED,eAAe,cAAc,CAAC"}

package/lib/widgets/terminal/TerminalState.d.ts

@@ -0,0 +1,17 @@
+import { Epic } from "redux-observable";
+import { AnyAction, Action, Success } from "typescript-fsa";
+import TerminalAdapter from './TerminalAdapter';
+export declare type ITerminal = boolean;
+export interface ITerminalState {
+    dark: ITerminal;
+}
+export declare const terminalInitialState: ITerminalState;
+export declare const selectTerminal: () => ITerminalState;
+export declare enum ActionType {
+    DARK = "terminal/DARK"
+}
+export declare const terminalActions: {
+    dark: import("typescript-fsa").AsyncActionCreators<boolean, boolean, {}>;
+};
+export declare const terminalEpics: (terminalLumino: TerminalAdapter) => Epic<AnyAction, Action<Success<boolean, boolean>>, ITerminalState, any>;
+export declare const terminalReducer: import("typescript-fsa-reducers").ReducerBuilder<ITerminalState, ITerminalState>;

package/lib/widgets/terminal/TerminalState.js

@@ -0,0 +1,45 @@
+import { useSelector } from "react-redux";
+import actionCreatorFactory from "typescript-fsa";
+import { combineEpics } from "redux-observable";
+import { map } from "rxjs/operators";
+import { ofAction } from "@datalayer/typescript-fsa-redux-observable";
+import { reducerWithInitialState } from "typescript-fsa-reducers";
+export const terminalInitialState = {
+    dark: false
+};
+/* Selectors */
+export const selectTerminal = () => useSelector((state) => {
+    if (state.terminal) {
+        return state.terminal;
+    }
+    return { dark: false };
+});
+/* Actions */
+export var ActionType;
+(function (ActionType) {
+    ActionType["DARK"] = "terminal/DARK";
+})(ActionType || (ActionType = {}));
+const actionCreator = actionCreatorFactory('jupyterReact');
+export const terminalActions = {
+    dark: actionCreator.async(ActionType.DARK),
+};
+/* Epics */
+export const terminalEpics = (terminalLumino) => {
+    const themeEpic = action$ => action$.pipe(ofAction(terminalActions.dark.started), map(action => {
+        (action.payload) ?
+            terminalLumino.setTheme('dark')
+            :
+                terminalLumino.setTheme('light');
+        return terminalActions.dark.done({
+            params: action.payload,
+            result: action.payload
+        });
+    }));
+    return combineEpics(themeEpic);
+};
+/* Reducers */
+export const terminalReducer = reducerWithInitialState(terminalInitialState)
+    .case(terminalActions.dark.done, (state, success) => {
+    return Object.assign(Object.assign({}, state), { dark: success.result });
+});
+//# sourceMappingURL=TerminalState.js.map

package/lib/widgets/terminal/TerminalState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalState.js","sourceRoot":"","sources":["../../../src/widgets/terminal/TerminalState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,oBAAoB,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAQ,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AAEtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAUlE,MAAM,CAAC,MAAM,oBAAoB,GAAmB;IAClD,IAAI,EAAE,KAAK;CACZ,CAAA;AAED,eAAe;AAEf,MAAM,CAAC,MAAM,cAAc,GAAG,GAAmB,EAAE,CACjD,WAAW,CAAC,CAAC,KAAqB,EAAE,EAAE;IACpC,IAAK,KAAa,CAAC,QAAQ,EAAE;QAC3B,OAAQ,KAAa,CAAC,QAAQ,CAAC;KAChC;IACD,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACzB,CAAC,CAAC,CAAC;AAEL,aAAa;AAEb,MAAM,CAAN,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,oCAAsB,CAAA;AACxB,CAAC,EAFW,UAAU,KAAV,UAAU,QAErB;AAED,MAAM,aAAa,GAAG,oBAAoB,CAAC,cAAc,CAAC,CAAC;AAE3D,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,aAAa,CAAC,KAAK,CACvB,UAAU,CAAC,IAAI,CAChB;CACF,CAAA;AAED,WAAW;AAEX,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,cAA+B,EAAE,EAAE;IAE/D,MAAM,SAAS,GAIX,OAAO,CAAC,EAAE,CACZ,OAAO,CAAC,IAAI,CACV,QAAQ,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,EACtC,GAAG,CAAC,MAAM,CAAC,EAAE;QACX,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;YAChB,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC;YAC/B,CAAC;gBACD,cAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;QAClC,OAAO,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;YAC/B,MAAM,EAAE,MAAM,CAAC,OAAO;YACtB,MAAM,EAAE,MAAM,CAAC,OAAO;SACvB,CAAC,CAAC;IACL,CAAC,CAAC,CACH,CAAC;IAEJ,OAAO,YAAY,CACjB,SAAS,CACV,CAAC;AACJ,CAAC,CAAA;AAED,cAAc;AAEd,MAAM,CAAC,MAAM,eAAe,GAAG,uBAAuB,CAAC,oBAAoB,CAAC;KACzE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,KAAqB,EAAE,OAAkC,EAAE,EAAE;IAC7F,uCACK,KAAK,KACR,IAAI,EAAE,OAAO,CAAC,MAAM,IACrB;AACH,CAAC,CACF,CAAC"}

package/package.json

@@ -0,0 +1,163 @@
+{
+  "name": "@datalayer/jupyter-react",
+  "version": "0.0.1",
+  "license": "MIT",
+  "private": false,
+  "main": "lib/index.js",
+  "files": [
+    "lib",
+    "style"
+  ],
+  "scripts": {
+    "build": "gulp resources-to-lib && tsc && webpack",
+    "build:prod": "gulp resources-to-lib && tsc && webpack --mode=production",
+    "clean": "rimraf lib build dist tsconfig.tsbuildinfo",
+    "start": "run-p -c start:*",
+    "start:webpack": "webpack serve",
+    "start:jupyter": "./dev/sh/kill-jupyter-server.sh || true && cd ./dev/sh && ./start-jupyter-server.sh",
+    "build:tsc:watch:tsc": "tsc --watch",
+    "build:tsc:watch:res": "gulp resources-to-lib-watch",
+    "typedoc": "typedoc ./src",
+    "watch": "tsc --watch",
+    "kill": "./dev/sh/kill-jupyter-server.sh || true "
+  },
+  "dependencies": {
+    "@codemirror/basic-setup": "0.19.0",
+    "@codemirror/lang-python": "0.19.2",
+    "@datalayer/typescript-fsa-redux-observable": "0.18.0",
+    "@emotion/react": "11.4.0",
+    "@emotion/styled": "11.3.0",
+    "@jupyter-widgets/base": "5.0.0-beta.1",
+    "@jupyter-widgets/controls": "4.0.0-beta.1",
+    "@jupyter-widgets/html-manager": "0.21.0-beta.1",
+    "@jupyter-widgets/jupyterlab-manager": "4.0.0-beta.1",
+    "@jupyter-widgets/output": "5.0.0-beta.1",
+    "@jupyterlab/apputils": "3.1.0",
+    "@jupyterlab/cells": "3.1.0",
+    "@jupyterlab/codemirror": "3.1.0",
+    "@jupyterlab/completer": "3.1.0",
+    "@jupyterlab/console": "3.1.0",
+    "@jupyterlab/coreutils": "5.1.0",
+    "@jupyterlab/documentsearch": "3.1.0",
+    "@jupyterlab/filebrowser": "3.1.0",
+    "@jupyterlab/json-extension": "3.1.0",
+    "@jupyterlab/mathjax2": "3.1.0",
+    "@jupyterlab/notebook": "3.1.0",
+    "@jupyterlab/rendermime": "3.1.0",
+    "@jupyterlab/services": "6.1.0",
+    "@jupyterlab/terminal": "3.1.0",
+    "@jupyterlab/theme-dark-extension": "^3.0.7",
+    "@jupyterlab/theme-light-extension": "3.1.0",
+    "@lumino/commands": "1.15.0",
+    "@lumino/default-theme": "0.14.0",
+    "@lumino/widgets": "1.23.0",
+    "lodash": "^4.17.4",
+    "plotly.js": "2.2.1",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "react-error-boundary": "3.1.3",
+    "react-redux": "7.2.4",
+    "redux": "4.1.0",
+    "redux-observable": "1.2.0",
+    "rxjs": "6.5.5",
+    "typescript-fsa": "3.0.0",
+    "typescript-fsa-reducers": "1.2.1",
+    "uuid": "8.3.2"
+  },
+  "devDependencies": {
+    "@babel/core": "7.14.6",
+    "@babel/plugin-proposal-class-properties": "7.14.5",
+    "@babel/preset-react": "7.14.5",
+    "@babel/preset-typescript": "7.14.5",
+    "@mui/material": "5.0.0",
+    "@mui/icons-material": "5.0.0",
+    "@mui/lab": "5.0.0-alpha.47",
+    "@mui/styles": "5.0.0",
+    "@mui/system": "5.0.0",
+    "@types/codemirror": "5.60.4",
+    "@types/node": "15.6.1",
+    "@types/plotly.js": "1.54.11",
+    "@types/react": "17.0.6",
+    "@types/react-dom": "17.0.5",
+    "@types/uuid": "8.3.0",
+    "assert": "2.0.0",
+    "babel-loader": "8.2.2",
+    "bundle-loader": "0.5.6",
+    "css-loader": "5.2.4",
+    "file-loader": "~5.0.2",
+    "gulp": "4.0.2",
+    "gulp-append-prepend": "1.0.8",
+    "gulp-filter": "6.0.0",
+    "gulp-watch": "5.0.1",
+    "html-webpack-plugin": "5.3.1",
+    "html-webpack-tags-plugin": "2.0.17",
+    "mini-css-extract-plugin": "~0.9.0",
+    "npm-run-all": "4.1.5",
+    "process": "^0.11.10",
+    "raw-loader": "~4.0.0",
+    "rimraf": "~3.0.0",
+    "stream-browserify": "2.0.2",
+    "style-loader": "2.0.0",
+    "svg-url-loader": "~3.0.3",
+    "typedoc": "0.20.37",
+    "typescript": "4.2.2",
+    "url-loader": "~3.0.0",
+    "watch": "~1.0.2",
+    "webpack": "5.57.1",
+    "webpack-cli": "4.9.0",
+    "webpack-dev-middleware": "3.7.2",
+    "webpack-dev-server": "4.3.1"
+  },
+  "resolutions": {
+    "**/@jupyterlab/application": "3.1.0",
+    "**/@jupyterlab/apputils": "3.1.0",
+    "**/@jupyterlab/cells": "3.1.0",
+    "**/@jupyterlab/codemirror": "3.1.0",
+    "**/@jupyterlab/completer": "3.1.0",
+    "**/@jupyterlab/console": "3.1.0",
+    "**/@jupyterlab/coreutils": "5.1.0",
+    "**/@jupyterlab/docmanager": "3.1.0",
+    "**/@jupyterlab/docregistry": "3.1.0",
+    "**/@jupyterlab/documentsearch": "3.1.0",
+    "**/@jupyterlab/filebrowser": "3.1.0",
+    "**/@jupyterlab/json-extension": "3.1.0",
+    "**/@jupyterlab/launcher": "3.1.0",
+    "**/@jupyterlab/mainmenu": "3.1.0",
+    "**/@jupyterlab/mathjax2": "3.1.0",
+    "**/@jupyterlab/notebook": "3.1.0",
+    "**/@jupyterlab/rendermime": "3.1.0",
+    "**/@jupyterlab/services": "6.1.0",
+    "**/@jupyterlab/settingregistry": "3.1.0",
+    "**/@jupyterlab/terminal": "3.1.0",
+    "**/@jupyterlab/theme-dark-extension": "3.1.0",
+    "**/@jupyterlab/theme-light-extension": "3.1.0",
+    "**/@jupyterlab/ui-components": "3.1.0",
+    "**/@lumino/commands": "1.15.0",
+    "**/@lumino/coreutils": "1.11.1",
+    "**/@lumino/default-theme": "0.14.0",
+    "**/@lumino/widgets": "1.23.0",
+    "**/@jupyter-widgets/base": "5.0.0-beta.1",
+    "**/@jupyter-widgets/controls": "4.0.0-beta.1",
+    "**/@jupyter-widgets/html-manager": "0.21.0-beta.1",
+    "**/@jupyter-widgets/jupyterlab-manager": "4.0.0-beta.1",
+    "**/@jupyter-widgets/output": "5.0.0-beta.1",
+    "**/@mui/material": "5.0.0",
+    "**/@mui/icons-material": "5.0.0",
+    "**/@mui/styles": "5.0.0",
+    "**/@mui/system": "5.0.0",
+    "**/@mui/lab": "5.0.0-alpha.47",
+    "**/@types/react": "17.0.6",
+    "**/@types/react-dom": "17.0.5",
+    "**/react": "17.0.2",
+    "**/react-dom": "17.0.2",
+    "**/react-redux": "7.2.4",
+    "**/redux": "4.1.0",
+    "**/redux-observable": "1.2.0",
+    "**/rxjs": "6.5.5",
+    "**/typescript": "4.2.4",
+    "**/html-webpack-plugin": "5.3.1",
+    "**/webpack": "5.57.1",
+    "**/webpack-cli": "4.9.0",
+    "**/webpack-dev-server": "4.3.1"
+  }
+}

package/style/index.css

@@ -0,0 +1,3 @@
+body {
+  margin: 0px;
+}