@datalayer/jupyter-react 0.0.7 → 0.0.8

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

@@ -1,3 +1,7 @@
 [![Datalayer](https://assets.datalayer.design/datalayer-25.svg)](https://datalayer.io)
 
 # Jupyter React
+
+<div align="center" style="text-align: center">
+  <img alt="Jupyter React Gallery" src="https://datalayer-jupyter-examples.s3.amazonaws.com/jupyter-react-gallery.gif" />
+</div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datalayer/jupyter-react",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Jupyter React",
   "license": "MIT",
   "private": false,
@@ -14,6 +14,11 @@
     "react",
     "jupyterlab"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/datalayer/jupyter-react.git",
+    "directory": "packages/react"
+  },
   "scripts": {
     "build": "gulp resources-to-lib && tsc && NODE_OPTIONS=\"${NODE_OPTIONS}\" webpack",
     "build:prod": "gulp resources-to-lib && tsc && NODE_OPTIONS=\"${NODE_OPTIONS}\"",
@@ -31,6 +36,8 @@
     "@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": "6.0.0-rc.1",
     "@jupyter-widgets/controls": "5.0.0-rc.1",
     "@jupyter-widgets/html-manager": "1.0.0-rc.1",
@@ -65,6 +72,13 @@
     "@lumino/coreutils": "1.12.0",
     "@lumino/default-theme": "0.21.1",
     "@lumino/widgets": "1.31.1",
+    "@mui/material": "5.8.3",
+    "@mui/icons-material": "5.8.3",
+    "@mui/lab": "5.0.0-alpha.85",
+    "@mui/styles": "5.8.3",
+    "@mui/system": "5.8.3",
+    "@primer/react": "35.3.0",
+    "assert": "2.0.0",
     "marked": "4.0.10",
     "lodash": "^4.17.4",
     "plotly.js": "2.11.1",
@@ -75,6 +89,7 @@
     "redux": "4.1.0",
     "redux-observable": "1.2.0",
     "rxjs": "6.6.0",
+    "stream": "0.0.2",
     "typescript-fsa": "3.0.0",
     "typescript-fsa-reducers": "1.2.1",
     "uuid": "8.3.2"
@@ -91,15 +106,6 @@
     "@types/react": "18.0.9",
     "@types/react-dom": "18.0.5",
     "@types/uuid": "8.3.0",
-    "@emotion/react": "11.4.0",
-    "@emotion/styled": "11.3.0",
-    "@mui/material": "5.8.3",
-    "@mui/icons-material": "5.8.3",
-    "@mui/lab": "5.0.0-alpha.85",
-    "@mui/styles": "5.8.3",
-    "@mui/system": "5.8.3",
-    "@primer/react": "35.3.0",
-    "assert": "2.0.0",
     "babel-loader": "8.2.2",
     "bundle-loader": "0.5.6",
     "css-loader": "5.2.4",
@@ -110,7 +116,6 @@
     "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",

package/lib/components/cell/Cell.d.ts

@@ -1,15 +0,0 @@
-import '@jupyterlab/application/style/index.css';
-import '@jupyterlab/cells/style/index.css';
-import '@jupyterlab/completer/style/index.css';
-import '@jupyterlab/theme-light-extension/style/theme.css';
-import '@jupyterlab/theme-light-extension/style/variables.css';
-import './Cell.css';
-export declare type ICellProps = {
-    source?: string;
-    autoStart?: boolean;
-};
-declare const Cell: {
-    (props: ICellProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    defaultProps: Partial<ICellProps>;
-};
-export default Cell;

package/lib/components/cell/Cell.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { useMemo, useEffect } from 'react';
-import { useDispatch } from "react-redux";
-import { CodeCell } from '@jupyterlab/cells';
-import { cellActions } from './CellState';
-import CellAdapter from './CellAdapter';
-import LuminoAttached from '../../jupyter/lumino/LuminoAttached';
-import '@jupyterlab/application/style/index.css';
-import '@jupyterlab/cells/style/index.css';
-import '@jupyterlab/completer/style/index.css';
-// This should be only index.css, looks like jupyterlab has a regression here...
-import '@jupyterlab/theme-light-extension/style/theme.css';
-import '@jupyterlab/theme-light-extension/style/variables.css';
-import './Cell.css';
-const DEFAULT_SOURCE = `from IPython.display import display
-
-for i in range(10):
-    display('String {} added to the DOM in separated DIV.'.format(i))`;
-const Cell = (props) => {
-    const adapter = useMemo(() => new CellAdapter(props.source), []);
-    const dispatch = useDispatch();
-    useEffect(() => {
-        dispatch(cellActions.update({ adapter }));
-        dispatch(cellActions.source(props.source));
-        adapter.codeCell.model.value.changed.connect((sender, changedArgs) => {
-            dispatch(cellActions.source(sender.text));
-        });
-        adapter.codeCell.outputArea.outputLengthChanged.connect((_, outputsCount) => {
-            dispatch(cellActions.outputsCount(outputsCount));
-        });
-        adapter.sessionContext.initialize().then(() => {
-            if (props.autoStart) {
-                const executePromise = CodeCell.execute(adapter.codeCell, adapter.sessionContext);
-                executePromise.then((msg) => {
-                    dispatch(cellActions.update({
-                        kernelAvailable: true,
-                    }));
-                });
-            }
-        });
-    }, []);
-    return _jsx(LuminoAttached, { children: adapter.panel }, void 0);
-};
-Cell.defaultProps = {
-    source: DEFAULT_SOURCE,
-    autoStart: true,
-};
-export default Cell;

package/lib/components/cell/CellAdapter.d.ts

@@ -1,14 +0,0 @@
-import { BoxPanel } from '@lumino/widgets';
-import { SessionContext } from '@jupyterlab/apputils';
-import { CodeCell } from '@jupyterlab/cells';
-export declare class CellAdapter {
-    private _codeCell;
-    private _cellPanel;
-    private _sessionContext;
-    constructor(source: string);
-    get panel(): BoxPanel;
-    get codeCell(): CodeCell;
-    get sessionContext(): SessionContext;
-    execute: () => void;
-}
-export default CellAdapter;

package/lib/components/cell/CellAdapter.js

@@ -1,133 +0,0 @@
-import { BoxPanel, Widget } from '@lumino/widgets';
-import { SessionContext, Toolbar, ToolbarButton } from '@jupyterlab/apputils';
-import { CodeCellModel, CodeCell } from '@jupyterlab/cells';
-import { CodeMirrorMimeTypeService } from '@jupyterlab/codemirror';
-import { runIcon } from '@jupyterlab/ui-components';
-import { Completer, CompleterModel, CompletionHandler, ConnectorProxy, KernelCompleterProvider } from '@jupyterlab/completer';
-import { RenderMimeRegistry, standardRendererFactories as initialFactories } from '@jupyterlab/rendermime';
-import { SessionManager, KernelManager, KernelSpecManager } from '@jupyterlab/services';
-import { ServerConnection } from '@jupyterlab/services';
-import { CommandRegistry } from '@lumino/commands';
-import { IPyWidgetsClassicManager } from "../../jupyter/ipywidgets/IPyWidgetsClassicManager";
-import { requireLoader } from "@jupyter-widgets/html-manager";
-import { WIDGET_MIMETYPE, WidgetRenderer } from "@jupyter-widgets/html-manager/lib/output_renderers";
-import CellCommands from './CellCommands';
-export class CellAdapter {
-    constructor(source) {
-        this.execute = () => {
-            CodeCell.execute(this._codeCell, this._sessionContext);
-        };
-        this._cellPanel = new BoxPanel();
-        this._cellPanel.direction = 'top-to-bottom';
-        this._cellPanel.spacing = 0;
-        this._cellPanel.addClass('dla-JupyterCell');
-        const serverSettings = ServerConnection.makeSettings({
-            appendToken: true,
-            init: {
-                credentials: "include",
-                mode: 'cors',
-            }
-        });
-        const kernelManager = new KernelManager({
-            serverSettings
-        });
-        const specsManager = new KernelSpecManager({
-            serverSettings
-        });
-        const sessionManager = new SessionManager({
-            serverSettings,
-            kernelManager
-        });
-        this._sessionContext = new SessionContext({
-            sessionManager,
-            specsManager,
-            name: 'Datalayer'
-        });
-        const mimeService = new CodeMirrorMimeTypeService();
-        const commands = new CommandRegistry();
-        const useCapture = true;
-        document.addEventListener('keydown', event => {
-            commands.processKeydownEvent(event);
-        }, useCapture);
-        const rendermime = new RenderMimeRegistry({ initialFactories });
-        const iPyWidgetsClassicManager = new IPyWidgetsClassicManager({ loader: requireLoader });
-        rendermime.addFactory({
-            safe: false,
-            mimeTypes: [WIDGET_MIMETYPE],
-            createRenderer: (options) => new WidgetRenderer(options, iPyWidgetsClassicManager),
-        }, 0);
-        const codeCell = new CodeCell({
-            rendermime,
-            model: new CodeCellModel({
-                cell: {
-                    cell_type: 'code',
-                    source: source,
-                    metadata: {}
-                }
-            })
-        });
-        this._sessionContext.kernelChanged.connect((sender, arg) => {
-            const kernelConnection = arg.newValue;
-            iPyWidgetsClassicManager.registerWithKernel(kernelConnection);
-        });
-        this._codeCell = codeCell.initializeState();
-        this._sessionContext.kernelChanged.connect(() => {
-            var _a, _b;
-            void ((_b = (_a = this._sessionContext.session) === null || _a === void 0 ? void 0 : _a.kernel) === null || _b === void 0 ? void 0 : _b.info.then(info => {
-                const lang = info.language_info;
-                const mimeType = mimeService.getMimeTypeByLanguage(lang);
-                this._codeCell.model.mimeType = mimeType;
-            }));
-        });
-        this._sessionContext.kernelPreference = { autoStartDefault: true };
-        const editor = this._codeCell.editor;
-        const model = new CompleterModel();
-        const completer = new Completer({ editor, model });
-        const timeout = 1000;
-        const provider = new KernelCompleterProvider();
-        const connector = new ConnectorProxy({ widget: this._codeCell, editor, session: this._sessionContext.session }, [provider], timeout);
-        const handler = new CompletionHandler({ completer, connector });
-        void this._sessionContext.ready.then(() => {
-            const provider = new KernelCompleterProvider();
-            handler.connector = new ConnectorProxy({ widget: this._codeCell, editor, session: this._sessionContext.session }, [provider], timeout);
-        });
-        handler.editor = editor;
-        CellCommands(commands, this._codeCell, this._sessionContext, handler);
-        completer.hide();
-        completer.addClass('jp-Completer-Cell');
-        Widget.attach(completer, document.body);
-        const toolbar = new Toolbar();
-        toolbar.addItem('spacer', Toolbar.createSpacerItem());
-        const runButton = new ToolbarButton({
-            icon: runIcon,
-            onClick: () => {
-                CodeCell.execute(this._codeCell, this._sessionContext);
-            },
-            tooltip: 'Run'
-        });
-        toolbar.addItem('run', runButton);
-        toolbar.addItem('interrupt', Toolbar.createInterruptButton(this._sessionContext));
-        toolbar.addItem('restart', Toolbar.createRestartButton(this._sessionContext));
-        // toolbar.addItem('name', Toolbar.createKernelNameItem(this._sessionContext));
-        toolbar.addItem('status', Toolbar.createKernelStatusItem(this._sessionContext));
-        this._cellPanel.addWidget(toolbar);
-        BoxPanel.setStretch(toolbar, 0);
-        this._cellPanel.addWidget(this._codeCell);
-        BoxPanel.setStretch(this._codeCell, 1);
-        window.addEventListener('resize', () => {
-            this._cellPanel.update();
-        });
-        this._codeCell.outputsScrolled = false;
-        this._codeCell.activate();
-    }
-    get panel() {
-        return this._cellPanel;
-    }
-    get codeCell() {
-        return this._codeCell;
-    }
-    get sessionContext() {
-        return this._sessionContext;
-    }
-}
-export default CellAdapter;

package/lib/components/cell/CellCommands.d.ts

@@ -1,6 +0,0 @@
-import { CommandRegistry } from "@lumino/commands";
-import { CompletionHandler } from "@jupyterlab/completer";
-import { CodeCell } from '@jupyterlab/cells';
-import { SessionContext } from '@jupyterlab/apputils';
-export declare const CellCommands: (commandRegistry: CommandRegistry, codeCell: CodeCell, sessionContext: SessionContext, completerHandler: CompletionHandler) => void;
-export default CellCommands;

package/lib/components/cell/CellCommands.js

@@ -1,37 +0,0 @@
-import { CodeCell } from '@jupyterlab/cells';
-const cmdIds = {
-    invoke: "completer:invoke",
-    select: "completer:select",
-};
-export const CellCommands = (commandRegistry, codeCell, sessionContext, completerHandler) => {
-    commandRegistry.addCommand(cmdIds.invoke, {
-        label: "Completer: Invoke",
-        execute: () => completerHandler.invoke(),
-    });
-    commandRegistry.addCommand(cmdIds.select, {
-        label: "Completer: Select",
-        execute: () => completerHandler.completer.selectActive(),
-    });
-    commandRegistry.addCommand('run:cell', {
-        execute: () => CodeCell.execute(codeCell, sessionContext)
-    });
-    commandRegistry.addKeyBinding({
-        selector: '.jp-InputArea-editor.jp-mod-completer-enabled',
-        keys: ['Tab'],
-        command: cmdIds.invoke
-    });
-    commandRegistry.addKeyBinding({
-        selector: '.jp-InputArea-editor',
-        keys: ['Shift Enter'],
-        command: 'run:cell'
-    });
-    const bindings = [
-        {
-            selector: `.jp-InputArea-editor.jp-mod-completer-active`,
-            keys: ["Enter"],
-            command: cmdIds.select,
-        },
-    ];
-    bindings.map((binding) => commandRegistry.addKeyBinding(binding));
-};
-export default CellCommands;

package/lib/components/cell/CellState.d.ts

@@ -1,22 +0,0 @@
-import CellAdapter from "./CellAdapter";
-export interface ICellState {
-    source: string;
-    outputsCount: number;
-    kernelAvailable: boolean;
-    adapter?: CellAdapter;
-}
-export declare const cellInitialState: ICellState;
-export declare const selectCell: () => ICellState;
-export declare enum ActionType {
-    SOURCE = "cell/SOURCE",
-    OUTPUTS_COUNT = "cell/OUTPUTS_COUNT",
-    EXECUTE = "cell/EXECUTE",
-    UPDATE = "cell/UPDATE"
-}
-export declare const cellActions: {
-    source: import("typescript-fsa").ActionCreator<string>;
-    outputsCount: import("typescript-fsa").ActionCreator<number>;
-    execute: import("typescript-fsa").ActionCreator<void>;
-    update: import("typescript-fsa").ActionCreator<Partial<ICellState>>;
-};
-export declare const cellReducer: import("typescript-fsa-reducers").ReducerBuilder<ICellState, ICellState>;

package/lib/components/cell/CellState.js

@@ -1,45 +0,0 @@
-import actionCreatorFactory from "typescript-fsa";
-import { useSelector } from "react-redux";
-import { reducerWithInitialState } from "typescript-fsa-reducers";
-export const cellInitialState = {
-    source: '',
-    outputsCount: -1,
-    kernelAvailable: false,
-};
-/* Selectors */
-export const selectCell = () => useSelector((state) => {
-    if (state.cell) {
-        return state.cell;
-    }
-    return cellInitialState;
-});
-/* Actions */
-export var ActionType;
-(function (ActionType) {
-    ActionType["SOURCE"] = "cell/SOURCE";
-    ActionType["OUTPUTS_COUNT"] = "cell/OUTPUTS_COUNT";
-    ActionType["EXECUTE"] = "cell/EXECUTE";
-    ActionType["UPDATE"] = "cell/UPDATE";
-})(ActionType || (ActionType = {}));
-const actionCreator = actionCreatorFactory('jupyterReact');
-export const cellActions = {
-    source: actionCreator(ActionType.SOURCE),
-    outputsCount: actionCreator(ActionType.OUTPUTS_COUNT),
-    execute: actionCreator(ActionType.EXECUTE),
-    update: actionCreator(ActionType.UPDATE),
-};
-/* Reducers */
-export const cellReducer = reducerWithInitialState(cellInitialState)
-    .case(cellActions.execute, (state, payload) => {
-    if (state.adapter) {
-        state.adapter.execute();
-    }
-    return Object.assign({}, state);
-})
-    .case(cellActions.source, (state, source) => {
-    return Object.assign(Object.assign({}, state), { source });
-})
-    .case(cellActions.update, (state, partial) => (Object.assign(Object.assign({}, state), partial)))
-    .case(cellActions.outputsCount, (state, outputsCount) => {
-    return Object.assign(Object.assign({}, state), { outputsCount });
-});

package/lib/components/commands/Commands.d.ts

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

package/lib/components/commands/Commands.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import CommandAdapter from './CommandsAdapter';
-import LuminoAttached from '../../jupyter/lumino/LuminoAttached';
-const Commands = () => {
-    const commandsAdapter = new CommandAdapter();
-    return _jsx(LuminoAttached, { children: commandsAdapter.panel }, void 0);
-};
-export default Commands;

package/lib/components/commands/CommandsAdapter.d.ts

@@ -1,9 +0,0 @@
-import { BoxPanel } from '@lumino/widgets';
-import '@lumino/default-theme/style/index.css';
-import './CommandsAdapter.css';
-declare class CommandsAdapter {
-    private commandsPanel;
-    constructor();
-    get panel(): BoxPanel;
-}
-export default CommandsAdapter;

package/lib/components/commands/CommandsAdapter.js

@@ -1,35 +0,0 @@
-import { CommandRegistry } from '@lumino/commands';
-import { CommandPalette, BoxPanel } from '@lumino/widgets';
-import '@lumino/default-theme/style/index.css';
-import './CommandsAdapter.css';
-class CommandsAdapter {
-    constructor() {
-        this.commandsPanel = new BoxPanel();
-        this.commandsPanel.id = 'datalayer-jupyter-commands';
-        this.commandsPanel.spacing = 0;
-        // Initialize the command registry with the key bindings.
-        const commands = new CommandRegistry();
-        const palette = new CommandPalette({ commands });
-        BoxPanel.setStretch(palette, 0);
-        this.commandsPanel.addWidget(palette);
-        // Handle resize events.
-        window.addEventListener('resize', () => {
-            this.commandsPanel.update();
-        });
-        const selector = '.jp-ConsolePanel';
-        const category = 'Console';
-        const command = 'console:execute';
-        commands.addCommand(command, {
-            label: 'Execute Cell',
-            execute: () => {
-                window.alert('Execute Cell');
-            }
-        });
-        palette.addItem({ command, category });
-        commands.addKeyBinding({ command, selector, keys: ['Shift Enter'] });
-    }
-    get panel() {
-        return this.commandsPanel;
-    }
-}
-export default CommandsAdapter;

package/lib/components/commands/CommandsState.d.ts

@@ -1,15 +0,0 @@
-export declare type ICommand = number;
-export interface ICommandState {
-    outputs: ICommand;
-}
-export declare const commandsInitialState: ICommandState;
-export declare const selectCommands: () => ICommandState;
-export declare enum ActionType {
-    OUTPUTS = "commands/OUTPUTS",
-    EXECUTE = "commands/EXECUTE"
-}
-export declare const commandsActions: {
-    outputs: import("typescript-fsa").ActionCreator<number>;
-    execute: import("typescript-fsa").ActionCreator<void>;
-};
-export declare const commandsReducer: import("typescript-fsa-reducers").ReducerBuilder<ICommandState, ICommandState>;

package/lib/components/commands/CommandsState.js

@@ -1,29 +0,0 @@
-import actionCreatorFactory from "typescript-fsa";
-import { useSelector } from "react-redux";
-import { reducerWithInitialState } from "typescript-fsa-reducers";
-export const commandsInitialState = {
-    outputs: 0
-};
-/* Selectors */
-export const selectCommands = () => useSelector((state) => {
-    if (state.commands) {
-        return state.commands;
-    }
-    return { outputs: 0 };
-});
-/* Actions */
-export var ActionType;
-(function (ActionType) {
-    ActionType["OUTPUTS"] = "commands/OUTPUTS";
-    ActionType["EXECUTE"] = "commands/EXECUTE";
-})(ActionType || (ActionType = {}));
-const actionCreator = actionCreatorFactory('jupyterReact');
-export const commandsActions = {
-    outputs: actionCreator(ActionType.OUTPUTS),
-    execute: actionCreator(ActionType.EXECUTE),
-};
-/* Reducers */
-export const commandsReducer = reducerWithInitialState(commandsInitialState)
-    .case(commandsActions.outputs, (state, success) => {
-    return Object.assign(Object.assign({}, state), { outputs: success });
-});

package/lib/components/console/Console.d.ts

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

package/lib/components/console/Console.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import ConsoleAdapter from './ConsoleAdapter';
-import LuminoAttached from '../../jupyter/lumino/LuminoAttached';
-const Console = () => {
-    const consoleAdapter = new ConsoleAdapter();
-    return _jsx(LuminoAttached, { children: consoleAdapter.panel }, void 0);
-};
-export default Console;

package/lib/components/console/ConsoleAdapter.d.ts

@@ -1,11 +0,0 @@
-import { BoxPanel } from '@lumino/widgets';
-import '@jupyterlab/console/style/index.css';
-import '@jupyterlab/theme-light-extension/style/theme.css';
-import '@jupyterlab/theme-light-extension/style/variables.css';
-import './ConsoleAdapter.css';
-declare class ConsoleAdapter {
-    private consolePanel;
-    constructor();
-    get panel(): BoxPanel;
-}
-export default ConsoleAdapter;

package/lib/components/console/ConsoleAdapter.js

@@ -1,85 +0,0 @@
-import { RenderMimeRegistry, standardRendererFactories as initialFactories } from '@jupyterlab/rendermime';
-import { CommandRegistry } from '@lumino/commands';
-import { BoxPanel } from '@lumino/widgets';
-import { ServiceManager } from '@jupyterlab/services';
-import { editorServices } from '@jupyterlab/codemirror';
-import { ConsolePanel } from '@jupyterlab/console';
-import '@jupyterlab/console/style/index.css';
-import '@jupyterlab/theme-light-extension/style/theme.css';
-import '@jupyterlab/theme-light-extension/style/variables.css';
-import './ConsoleAdapter.css';
-class ConsoleAdapter {
-    constructor() {
-        this.consolePanel = new BoxPanel();
-        this.consolePanel.direction = 'top-to-bottom';
-        this.consolePanel.spacing = 0;
-        this.consolePanel.addClass('dla-JupyterLab-Console');
-        const serviceManager = new ServiceManager();
-        function start(path, serviceManager, panel) {
-            const commands = new CommandRegistry();
-            document.addEventListener('keydown', event => {
-                commands.processKeydownEvent(event);
-            });
-            const rendermime = new RenderMimeRegistry({ initialFactories });
-            const editorFactory = editorServices.factoryService.newInlineEditor;
-            const contentFactory = new ConsolePanel.ContentFactory({ editorFactory });
-            const console = new ConsolePanel({
-                rendermime,
-                manager: serviceManager,
-                path,
-                contentFactory,
-                mimeTypeService: editorServices.mimeTypeService,
-                kernelPreference: {
-                    shouldStart: true,
-                    name: 'python3',
-                }
-            });
-            console.title.label = 'Console';
-            BoxPanel.setStretch(console, 1);
-            panel.addWidget(console);
-            window.addEventListener('resize', () => {
-                panel.update();
-            });
-            const selector = '.jp-ConsolePanel';
-            let command;
-            command = 'console:clear';
-            commands.addCommand(command, {
-                label: 'Clear',
-                execute: () => {
-                    console.console.clear();
-                }
-            });
-            command = 'console:execute';
-            commands.addCommand(command, {
-                label: 'Execute Prompt',
-                execute: () => {
-                    return console.console.execute();
-                }
-            });
-            commands.addKeyBinding({ command, selector, keys: ['Enter'] });
-            command = 'console:execute-forced';
-            commands.addCommand(command, {
-                label: 'Execute Cell (forced)',
-                execute: () => {
-                    return console.console.execute(true);
-                }
-            });
-            commands.addKeyBinding({ command, selector, keys: ['Shift Enter'] });
-            command = 'console:linebreak';
-            commands.addCommand(command, {
-                label: 'Insert Line Break',
-                execute: () => {
-                    console.console.insertLinebreak();
-                }
-            });
-            commands.addKeyBinding({ command, selector, keys: ['Ctrl Enter'] });
-        }
-        void serviceManager.ready.then(() => {
-            start('console-path', serviceManager, this.consolePanel);
-        });
-    }
-    get panel() {
-        return this.consolePanel;
-    }
-}
-export default ConsoleAdapter;