@datalayer/jupyter-react 0.0.1

package/lib/state/AllState.js

@@ -0,0 +1,24 @@
+import { combineReducers } from "redux";
+import { combineEpics } from "redux-observable";
+import { initReducer, initInitialState, initEpics } from "./init/InitRedux";
+export const initialState = {
+    counter: initInitialState
+};
+/* Actions */
+/*
+export type ActionUnion<
+  A extends { [asyncActionCreator: string]: (...args: any[]) => any; }
+> = Exclude<ReturnType<A[keyof A]>, (...args: any[]) => Promise<void>>;
+
+export type CellAction = ActionUnion<typeof cellActions>;
+export type NotebookAction = ActionUnion<typeof notebookActions>;
+
+export type AppAction = CellAction | NotebookAction;
+*/
+/* Epics */
+export const epics = combineEpics(initEpics);
+/* Reducers */
+export const reducers = combineReducers({
+    counter: initReducer
+});
+//# sourceMappingURL=AllState.js.map

package/lib/state/AllState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AllState.js","sourceRoot":"","sources":["../../src/state/AllState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAc,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAUxF,MAAM,CAAC,MAAM,YAAY,GAAW;IAClC,OAAO,EAAE,gBAAgB;CAC1B,CAAA;AAED,aAAa;AACb;;;;;;;;;EASE;AACF,WAAW;AAEX,MAAM,CAAC,MAAM,KAAK,GAAG,YAAY,CAC/B,SAAS,CACV,CAAC;AAEF,cAAc;AAEd,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAS;IAC9C,OAAO,EAAE,WAAW;CACrB,CAAC,CAAC"}

package/lib/state/InjectableStore.d.ts

@@ -0,0 +1,9 @@
+import { AnyAction } from "typescript-fsa";
+import { BehaviorSubject } from 'rxjs';
+declare const injectableStore: import("redux").Store<import("redux").EmptyObject & {
+    [x: string]: unknown;
+}, never> & {
+    dispatch: unknown;
+};
+export declare const epic$: BehaviorSubject<import("redux-observable").Epic<AnyAction, AnyAction, import("./init/InitRedux").IInitState, any>>;
+export default injectableStore;

package/lib/state/InjectableStore.js

@@ -0,0 +1,27 @@
+import { applyMiddleware, createStore, combineReducers } from "redux";
+import { createEpicMiddleware } from "redux-observable";
+import { BehaviorSubject } from 'rxjs';
+import { mergeMap } from 'rxjs/operators';
+import { initReducers, initEpics } from "./init/InitRedux";
+const epicMiddleware = createEpicMiddleware();
+function createReducer(asyncReducers) {
+    return combineReducers(Object.assign(Object.assign({}, initReducers), asyncReducers));
+}
+function createInjectableStore() {
+    const injectableStore = createStore(createReducer({}), applyMiddleware(epicMiddleware));
+    injectableStore.asyncReducers = {};
+    injectableStore.injectReducer = (key, asyncReducer) => {
+        injectableStore.asyncReducers[key] = asyncReducer;
+        injectableStore.replaceReducer(createReducer(injectableStore.asyncReducers));
+    };
+    injectableStore.injectEpic = (epic) => {
+        epicMiddleware.run(epic);
+    };
+    return injectableStore;
+}
+const injectableStore = createInjectableStore();
+export const epic$ = new BehaviorSubject(initEpics);
+const rootEpic = (action$, state$, deps) => epic$.pipe(mergeMap(epic => epic(action$, state$, deps)));
+epicMiddleware.run(rootEpic);
+export default injectableStore;
+//# sourceMappingURL=InjectableStore.js.map

package/lib/state/InjectableStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InjectableStore.js","sourceRoot":"","sources":["../../src/state/InjectableStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,cAAc,GAAG,oBAAoB,EAAgD,CAAC;AAE5F,SAAS,aAAa,CAAC,aAAkB;IACvC,OAAO,eAAe,iCACjB,YAAY,GACZ,aAAa,EAChB,CAAC;AACL,CAAC;AAED,SAAS,qBAAqB;IAC5B,MAAM,eAAe,GAAG,WAAW,CACjC,aAAa,CAAC,EAAE,CAAC,EACjB,eAAe,CAAC,cAAc,CAAC,CAChC,CAAC;IACD,eAAuB,CAAC,aAAa,GAAG,EAAE,CAAC;IAC3C,eAAuB,CAAC,aAAa,GAAG,CAAC,GAAQ,EAAE,YAAiB,EAAE,EAAE;QACtE,eAAuB,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC;QAC3D,eAAe,CAAC,cAAc,CAAC,aAAa,CAAE,eAAuB,CAAC,aAAa,CAAC,CAAC,CAAC;IACxF,CAAC,CAAA;IACA,eAAuB,CAAC,UAAU,GAAG,CAAC,IAAS,EAAE,EAAE;QAClD,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAA;IACD,OAAO,eAAe,CAAC;AACzB,CAAC;AAED,MAAM,eAAe,GAAG,qBAAqB,EAAE,CAAC;AAEhD,MAAM,CAAC,MAAM,KAAK,GAAG,IAAI,eAAe,CAAC,SAAS,CAAC,CAAC;AACpD,MAAM,QAAQ,GAAG,CAAC,OAAY,EAAE,MAAW,EAAE,IAAS,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CACnE,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAC9C,CAAC;AACF,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AAE7B,eAAe,eAAe,CAAC"}

package/lib/state/init/Init.d.ts

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

package/lib/state/init/Init.js

@@ -0,0 +1,12 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { useDispatch } from "react-redux";
+import { selectInit, initActions } from './InitRedux';
+const Init = () => {
+    const init = selectInit();
+    const dispatch = useDispatch();
+    return (_jsxs(_Fragment, { children: [_jsxs("h2", { children: ["Init value: ", init] }, void 0),
+            _jsx("button", Object.assign({ onClick: () => dispatch(initActions.increment.started(undefined)) }, { children: "Increment Init (1 second delay)" }), void 0),
+            _jsx("button", Object.assign({ onClick: () => dispatch(initActions.decrement.started(undefined)) }, { children: "Decrement Init (0.2 second delay)" }), void 0)] }, void 0));
+};
+export default Init;
+//# sourceMappingURL=Init.js.map

package/lib/state/init/Init.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Init.js","sourceRoot":"","sources":["../../../src/state/init/Init.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,IAAI,GAAa,GAAG,EAAE;IAC1B,MAAM,IAAI,GAAG,UAAU,EAAE,CAAC;IAC1B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,OAAO,CACL,8BACE,yCAAiB,IAAI,YAAM;YAC3B,+BACE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,6DAG1D;YACT,+BACE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,+DAG1D,YACR,CACJ,CAAC;AACJ,CAAC,CAAA;AAED,eAAe,IAAI,CAAC"}

package/lib/state/init/InitRedux.d.ts

@@ -0,0 +1,21 @@
+import { Epic } from "redux-observable";
+import { AnyAction } from "typescript-fsa";
+export declare type IInit = number;
+export interface IInitState {
+    init: IInit;
+}
+export declare const initInitialState: IInitState;
+export declare const selectInit: () => any;
+export declare enum ActionType {
+    INCREMENT_init = "init/INCREMENT_init",
+    DECREMENT_init = "init/DECREMENT_init"
+}
+export declare const initActions: {
+    increment: import("typescript-fsa").AsyncActionCreators<undefined, undefined, {}>;
+    decrement: import("typescript-fsa").AsyncActionCreators<undefined, undefined, {}>;
+};
+export declare const initEpics: Epic<AnyAction, AnyAction, IInitState, any>;
+export declare const initReducer: import("typescript-fsa-reducers").ReducerBuilder<IInitState, IInitState>;
+export declare const initReducers: {
+    initReducer: import("typescript-fsa-reducers").ReducerBuilder<IInitState, IInitState>;
+};

package/lib/state/init/InitRedux.js

@@ -0,0 +1,50 @@
+import { useSelector } from "react-redux";
+import actionCreatorFactory from "typescript-fsa";
+import { combineEpics } from "redux-observable";
+import { delay, map, ignoreElements } from "rxjs/operators";
+import { ofAction } from "@datalayer/typescript-fsa-redux-observable";
+import { reducerWithInitialState } from "typescript-fsa-reducers";
+export const initInitialState = {
+    init: 0
+};
+/* Selectors */
+export const selectInit = () => useSelector((state) => {
+    return state.initReducer.init;
+});
+/* Actions */
+export var ActionType;
+(function (ActionType) {
+    ActionType["INCREMENT_init"] = "init/INCREMENT_init";
+    ActionType["DECREMENT_init"] = "init/DECREMENT_init";
+})(ActionType || (ActionType = {}));
+const actionCreator = actionCreatorFactory('jupyterReact');
+export const initActions = {
+    increment: actionCreator.async(ActionType.INCREMENT_init),
+    decrement: actionCreator.async(ActionType.DECREMENT_init)
+};
+/* Epics */
+const initIncrementEpic = action$ => action$.pipe(ofAction(initActions.increment.started), delay(2000), map(action => initActions.increment.done({
+    params: action.payload,
+    result: undefined
+})));
+const initDecrementEpic = action$ => action$.pipe(ofAction(initActions.decrement.started), delay(100), map(action => initActions.decrement.done({
+    params: action.payload,
+    result: undefined
+})));
+const loggingEpic = action$ => action$
+    .pipe(ofAction(initActions.decrement.started, initActions.increment.started), 
+//      tap(action => console.log(action.type)),
+ignoreElements()).pipe(ofAction(initActions.increment.started), 
+//      tap(action => console.log(action.type)),
+ignoreElements());
+export const initEpics = combineEpics(initIncrementEpic, initDecrementEpic, loggingEpic);
+/* Reducers */
+export const initReducer = reducerWithInitialState(initInitialState)
+    .case(initActions.increment.done, (state) => (Object.assign(Object.assign({}, state), { init: state.init + 1 })))
+    .case(initActions.decrement.done, (state) => {
+    return Object.assign(Object.assign({}, state), { init: state.init - 1 });
+});
+export const initReducers = {
+    initReducer: initReducer
+};
+//# sourceMappingURL=InitRedux.js.map

package/lib/state/init/InitRedux.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InitRedux.js","sourceRoot":"","sources":["../../../src/state/init/InitRedux.ts"],"names":[],"mappings":"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"}

package/lib/widgets/cell/CellAdapter.css

@@ -0,0 +1,16 @@
+.jp-Toolbar {
+  display: none;
+  position: relative !important;
+/*  height: auto !important; */
+  height: 0px !important;
+}
+
+.jp-Cell {
+  width: 100%;
+}
+
+.jp-CodeCell {
+  height: auto !important;
+  top: auto !important;
+  position: relative !important;
+}

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

@@ -0,0 +1,18 @@
+import { BoxPanel } from '@lumino/widgets';
+import { SessionContext } from '@jupyterlab/apputils';
+import { CodeCell } from '@jupyterlab/cells';
+import '@jupyterlab/cells/style/index.css';
+import '@jupyterlab/theme-light-extension/style/theme.css';
+import '@jupyterlab/theme-light-extension/style/variables.css';
+import './CellAdapter.css';
+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/widgets/cell/CellAdapter.js

@@ -0,0 +1,160 @@
+import { BoxPanel } 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 { CompleterModel, Completer, CompletionHandler, KernelConnector } 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 "../../ipywidgets/IPyWidgetsClassicManager";
+import { requireLoader } from "@jupyter-widgets/html-manager";
+import { WIDGET_MIMETYPE, WidgetRenderer } from "@jupyter-widgets/html-manager/lib/output_renderers";
+import '@jupyterlab/cells/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 './CellAdapter.css';
+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();
+        // Initialize the command registry with the bindings.
+        const commands = new CommandRegistry();
+        const useCapture = true;
+        // Setup the keydown listener for the document.
+        document.addEventListener('keydown', event => {
+            commands.processKeydownEvent(event);
+        }, useCapture);
+        // Create the cell widget with a default rendermime instance.
+        const iPyWidgetsClassicManager = new IPyWidgetsClassicManager({ loader: requireLoader });
+        const rendermime = new RenderMimeRegistry({ initialFactories });
+        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();
+        // Handle the mimeType for the current kernel asynchronously.
+        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;
+            }));
+        });
+        // Use the default kernel.
+        this._sessionContext.kernelPreference = { autoStartDefault: true };
+        // Set up a completer.
+        const editor = this._codeCell.editor;
+        const model = new CompleterModel();
+        const completer = new Completer({ editor, model });
+        const connector = new KernelConnector({ session: this._sessionContext.session });
+        const handler = new CompletionHandler({ completer, connector });
+        // Set the handler's editor.
+        handler.editor = editor;
+        // Hide the widget when it first loads.
+        completer.hide();
+        // Create a toolbar for the cell.
+        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(completer);
+        this._cellPanel.addWidget(toolbar);
+        BoxPanel.setStretch(toolbar, 0);
+        this._cellPanel.addWidget(this._codeCell);
+        BoxPanel.setStretch(this._codeCell, 1);
+        // Handle widget state.
+        window.addEventListener('resize', () => {
+            this._cellPanel.update();
+        });
+        this._codeCell.outputsScrolled = false;
+        this._codeCell.activate();
+        // Add the commands.
+        commands.addCommand('invoke:completer', {
+            execute: () => {
+                handler.invoke();
+            }
+        });
+        commands.addCommand('run:cell', {
+            execute: () => CodeCell.execute(this._codeCell, this._sessionContext)
+        });
+        // Add the key bindings.
+        commands.addKeyBinding({
+            selector: '.jp-InputArea-editor.jp-mod-completer-enabled',
+            keys: ['Tab'],
+            command: 'invoke:completer'
+        });
+        commands.addKeyBinding({
+            selector: '.jp-InputArea-editor',
+            keys: ['Shift Enter'],
+            command: 'run:cell'
+        });
+    }
+    get panel() {
+        return this._cellPanel;
+    }
+    get codeCell() {
+        return this._codeCell;
+    }
+    get sessionContext() {
+        return this._sessionContext;
+    }
+}
+export default CellAdapter;
+//# sourceMappingURL=CellAdapter.js.map

package/lib/widgets/cell/CellAdapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellAdapter.js","sourceRoot":"","sources":["../../../src/widgets/cell/CellAdapter.ts"],"names":[],"mappings":"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"}

package/lib/widgets/cell/CellLumino.d.ts

@@ -0,0 +1,9 @@
+export declare type ICellProps = {
+    source?: string;
+    autoStart?: boolean;
+};
+declare const CellLumino: {
+    (props: ICellProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    defaultProps: Partial<ICellProps>;
+};
+export default CellLumino;

package/lib/widgets/cell/CellLumino.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useMemo, useEffect } from 'react';
+import { useDispatch, useStore } from "react-redux";
+import { CodeCell } from '@jupyterlab/cells';
+import { cellEpics, cellActions, cellReducer } from './CellState';
+import CellAdapter from './CellAdapter';
+import LuminoAttached from '../../lumino/LuminoAttached';
+import { asObservable } from '../../lumino/LuminoObservable';
+import { map } from "rxjs/operators";
+const CellLumino = (props) => {
+    const cellLumino = useMemo(() => new CellAdapter(props.source), []);
+    const dispatch = useDispatch();
+    const injectableStore = useStore();
+    useEffect(() => {
+        cellLumino.codeCell.model.value.changed.connect((sender, changedArgs) => {
+            dispatch(cellActions.source.started(sender.text));
+        });
+        const outputs$ = asObservable(cellLumino.codeCell.outputArea.outputLengthChanged);
+        outputs$.subscribe(outputsCount => { dispatch(cellActions.outputsCount.started(outputsCount)); });
+        outputs$.pipe(map(output => { console.log('---- output', output); }));
+        injectableStore.injectReducer('cell', cellReducer);
+        injectableStore.injectEpic(cellEpics(cellLumino));
+        dispatch(cellActions.source.started(props.source));
+        cellLumino.sessionContext.initialize().then(() => {
+            //      const kernelModel = new KernelModel(cellLumino.sessionContext);
+            //      kernelModel.execute(props.source!);
+            if (props.autoStart) {
+                const executePromise = CodeCell.execute(cellLumino.codeCell, cellLumino.sessionContext);
+                executePromise.then((msg) => {
+                    dispatch(cellActions.update.started({
+                        kernelAvailable: true,
+                    }));
+                });
+            }
+        });
+    }, []);
+    return _jsx(LuminoAttached, { children: cellLumino.panel }, void 0);
+};
+const DEFAULT_SOURCE = `from IPython.display import display
+
+for i in range(10):
+    display('String {} added to the DOM in separated DIV.'.format(i))`;
+CellLumino.defaultProps = {
+    source: DEFAULT_SOURCE,
+    autoStart: true,
+};
+export default CellLumino;
+//# sourceMappingURL=CellLumino.js.map

package/lib/widgets/cell/CellLumino.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellLumino.js","sourceRoot":"","sources":["../../../src/widgets/cell/CellLumino.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAQrC,MAAM,UAAU,GAAG,CAAC,KAAiB,EAAE,EAAE;IACvC,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC,MAAO,CAAC,EAAE,EAAE,CAAC,CAAC;IACrE,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,eAAe,GAAG,QAAQ,EAAE,CAAC;IACnC,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE;YACtE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;QACH,MAAM,QAAQ,GAAG,YAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;QAClF,QAAQ,CAAC,SAAS,CAChB,YAAY,CAAC,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAC9E,CAAC;QACF,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACrE,eAAuB,CAAC,aAAa,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;QAC3D,eAAuB,CAAC,UAAU,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;QAC3D,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAO,CAAC,CAAC,CAAC;QACpD,UAAU,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;YACrD,uEAAuE;YACvE,2CAA2C;YACrC,IAAI,KAAK,CAAC,SAAS,EAAE;gBACnB,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;gBACxF,cAAc,CAAC,IAAI,CAAC,CAAC,GAA0C,EAAE,EAAE;oBACjE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC;wBAClC,eAAe,EAAE,IAAI;qBACtB,CAAC,CAAC,CAAC;gBACN,CAAC,CAAC,CAAC;aACJ;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,KAAC,cAAc,cAAE,UAAU,CAAC,KAAK,WAAkB,CAAA;AAC5D,CAAC,CAAA;AAED,MAAM,cAAc,GAAG;;;sEAG+C,CAAA;AAEtE,UAAU,CAAC,YAAY,GAAG;IACxB,MAAM,EAAE,cAAc;IACtB,SAAS,EAAE,IAAI;CACO,CAAC;AAEzB,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,22 @@
+import CellAdapter from './CellAdapter';
+export interface ICellState {
+    source: string;
+    outputsCount: number;
+    kernelAvailable: boolean;
+}
+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").AsyncActionCreators<string, string, {}>;
+    outputsCount: import("typescript-fsa").AsyncActionCreators<number, number, {}>;
+    execute: import("typescript-fsa").AsyncActionCreators<void, void, {}>;
+    update: import("typescript-fsa").AsyncActionCreators<Partial<ICellState>, Partial<ICellState>, {}>;
+};
+export declare const cellEpics: (cellAdapter: CellAdapter) => any;
+export declare const cellReducer: import("typescript-fsa-reducers").ReducerBuilder<ICellState, ICellState>;

package/lib/widgets/cell/CellState.js

@@ -0,0 +1,79 @@
+import actionCreatorFactory from "typescript-fsa";
+import { useSelector } from "react-redux";
+import { combineEpics } from "redux-observable";
+import { map, ignoreElements, tap } from "rxjs/operators";
+import { ofAction } from "@datalayer/typescript-fsa-redux-observable";
+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.async(ActionType.SOURCE),
+    outputsCount: actionCreator.async(ActionType.OUTPUTS_COUNT),
+    execute: actionCreator.async(ActionType.EXECUTE),
+    update: actionCreator.async(ActionType.UPDATE),
+};
+/* Epics */
+export const cellEpics = (cellAdapter) => {
+    const sourceEpic = action$ => action$.pipe(ofAction(cellActions.source.started), map(action => {
+        return cellActions.source.done({
+            params: action.payload,
+            result: action.payload
+        });
+    }));
+    const outputsCountEpic = action$ => action$.pipe(ofAction(cellActions.outputsCount.started), map(action => {
+        return cellActions.outputsCount.done({
+            params: action.payload,
+            result: action.payload
+        });
+    }));
+    const executeEpic = action$ => action$.pipe(ofAction(cellActions.execute.started), tap(action => cellAdapter.execute()), ignoreElements());
+    const updateEpic = action$ => action$.pipe(ofAction(cellActions.update.started), map(action => {
+        return cellActions.update.done({
+            params: action.payload,
+            result: action.payload
+        });
+    }));
+    /*
+      const loggingEpic: Epic<
+        AnyAction,
+        AnyAction,
+        ICellState
+      > = action$ =>
+        action$
+          .pipe(
+            ofAction(cellActions.outputs.started),
+      //      tap(action => console.log(action.type)),
+            ignoreElements()
+          );
+    */
+    return combineEpics(sourceEpic, outputsCountEpic, executeEpic, updateEpic);
+};
+/* Reducers */
+export const cellReducer = reducerWithInitialState(cellInitialState)
+    .case(cellActions.source.done, (state, success) => {
+    return Object.assign(Object.assign({}, state), { source: success.result });
+})
+    .case(cellActions.update.done, (state, payload) => (Object.assign(Object.assign({}, state), payload.result)))
+    .case(cellActions.outputsCount.done, (state, success) => {
+    return Object.assign(Object.assign({}, state), { outputsCount: success.result });
+});
+//# sourceMappingURL=CellState.js.map

package/lib/widgets/cell/CellState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellState.js","sourceRoot":"","sources":["../../../src/widgets/cell/CellState.ts"],"names":[],"mappings":"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"}

package/lib/widgets/commands/CommandsAdapter.css

@@ -0,0 +1,3 @@
+#datalayer-jupyter-commands {
+  height: 100vh;
+}

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

@@ -0,0 +1,9 @@
+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/widgets/commands/CommandsAdapter.js

@@ -0,0 +1,36 @@
+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;
+//# sourceMappingURL=CommandsAdapter.js.map

package/lib/widgets/commands/CommandsAdapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandsAdapter.js","sourceRoot":"","sources":["../../../src/widgets/commands/CommandsAdapter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,uCAAuC,CAAC;AAE/C,OAAO,uBAAuB,CAAC;AAE/B,MAAM,eAAe;IAGnB;QACE,IAAI,CAAC,aAAa,GAAG,IAAI,QAAQ,EAAE,CAAC;QACpC,IAAI,CAAC,aAAa,CAAC,EAAE,GAAG,4BAA4B,CAAC;QACrD,IAAI,CAAC,aAAa,CAAC,OAAO,GAAG,CAAC,CAAC;QAC/B,yDAAyD;QACzD,MAAM,QAAQ,GAAG,IAAI,eAAe,EAAE,CAAC;QACvC,MAAM,OAAO,GAAG,IAAI,cAAc,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;QACjD,QAAQ,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;QAChC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QACtC,wBAAwB;QACxB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;YACrC,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;QAC9B,CAAC,CAAC,CAAC;QACH,MAAM,QAAQ,GAAG,kBAAkB,CAAC;QACpC,MAAM,QAAQ,GAAG,SAAS,CAAC;QAC3B,MAAM,OAAO,GAAG,iBAAiB,CAAC;QAClC,QAAQ,CAAC,UAAU,CAAC,OAAO,EAAE;YAC3B,KAAK,EAAE,cAAc;YACrB,OAAO,EAAE,GAAG,EAAE;gBACZ,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;YAC9B,CAAC;SACF,CAAC,CAAC;QACH,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;QACvC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;IACvE,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;CAEF;AAED,eAAe,eAAe,CAAC"}

package/lib/widgets/commands/CommandsLumino.d.ts

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

package/lib/widgets/commands/CommandsLumino.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import CommandAdapter from './CommandsAdapter';
+import LuminoAttached from '../../lumino/LuminoAttached';
+const CommandsLumino = () => {
+    const commandLumino = new CommandAdapter();
+    return _jsx(LuminoAttached, { children: commandLumino.panel }, void 0);
+};
+export default CommandsLumino;
+//# sourceMappingURL=CommandsLumino.js.map

package/lib/widgets/commands/CommandsLumino.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandsLumino.js","sourceRoot":"","sources":["../../../src/widgets/commands/CommandsLumino.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,cAAc,MAAM,6BAA6B,CAAC;AAEzD,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,aAAa,GAAG,IAAI,cAAc,EAAE,CAAC;IAC3C,OAAO,KAAC,cAAc,cAAE,aAAa,CAAC,KAAK,WAAkB,CAAA;AAC/D,CAAC,CAAA;AAED,eAAe,cAAc,CAAC"}