@datalayer/jupyter-react 0.0.1

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

@@ -0,0 +1,19 @@
+import { Epic } from "redux-observable";
+import { AnyAction } from "typescript-fsa";
+import CommandLumino from './CommandsAdapter';
+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").AsyncActionCreators<number, number, {}>;
+    execute: import("typescript-fsa").AsyncActionCreators<void, void, {}>;
+};
+export declare const commandsEpics: (commandsLumino: CommandLumino) => Epic<AnyAction, AnyAction, ICommandState, any>;
+export declare const commandsReducer: import("typescript-fsa-reducers").ReducerBuilder<ICommandState, ICommandState>;

package/lib/widgets/commands/CommandsState.js

@@ -0,0 +1,50 @@
+import actionCreatorFactory from "typescript-fsa";
+import { useSelector } from "react-redux";
+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 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.async(ActionType.OUTPUTS),
+    execute: actionCreator.async(ActionType.EXECUTE),
+};
+/* Epics */
+export const commandsEpics = (commandsLumino) => {
+    const outputsEpic = action$ => action$.pipe(ofAction(commandsActions.outputs.started), map(action => {
+        return commandsActions.outputs.done({
+            params: action.payload,
+            result: action.payload
+        });
+    }));
+    const executeEpic = action$ => action$.pipe(ofAction(commandsActions.execute.started), 
+    //      tap(action => commandsLumino.execute()),
+    ignoreElements());
+    const loggingEpic = action$ => action$
+        .pipe(ofAction(commandsActions.outputs.started), 
+    //      tap(action => commands.log(action.type)),
+    ignoreElements());
+    return combineEpics(loggingEpic, outputsEpic, executeEpic);
+};
+/* Reducers */
+export const commandsReducer = reducerWithInitialState(commandsInitialState)
+    .case(commandsActions.outputs.done, (state, success) => {
+    return Object.assign(Object.assign({}, state), { outputs: success.result });
+});
+//# sourceMappingURL=CommandsState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandsState.js","sourceRoot":"","sources":["../../../src/widgets/commands/CommandsState.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,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,GAAkB;IACjD,OAAO,EAAE,CAAC;CACX,CAAA;AAED,eAAe;AAEf,MAAM,CAAC,MAAM,cAAc,GAAG,GAAkB,EAAE,CAChD,WAAW,CAAC,CAAC,KAAoB,EAAE,EAAE;IACnC,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,cAA6B,EAAE,EAAE;IAE7D,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,KAAoB,EAAE,OAAgC,EAAE,EAAE;IAC7F,uCACK,KAAK,KACR,OAAO,EAAE,OAAO,CAAC,MAAM,IACxB;AACH,CAAC,CACF,CAAC"}

package/lib/widgets/console/ConsoleAdapter.css

@@ -0,0 +1,4 @@
+#dla-jlab-console {
+  height: 500px;
+  max-height: 500px;
+}

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

@@ -0,0 +1,11 @@
+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/widgets/console/ConsoleAdapter.js

@@ -0,0 +1,82 @@
+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.id = 'dla-jlab-console';
+        const manager = new ServiceManager();
+        void manager.ready.then(() => {
+            start('console-path', manager, this.consolePanel);
+        });
+        function start(path, manager, 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,
+                path,
+                contentFactory,
+                mimeTypeService: editorServices.mimeTypeService
+            });
+            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'] });
+        }
+    }
+    get panel() {
+        return this.consolePanel;
+    }
+}
+export default ConsoleAdapter;
+//# sourceMappingURL=ConsoleAdapter.js.map

package/lib/widgets/console/ConsoleAdapter.js.map

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

package/lib/widgets/console/ConsoleLumino.d.ts

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

package/lib/widgets/console/ConsoleLumino.js

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

package/lib/widgets/console/ConsoleLumino.js.map

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

package/lib/widgets/console/ConsoleState.d.ts

@@ -0,0 +1,19 @@
+import { Epic } from "redux-observable";
+import { AnyAction } from "typescript-fsa";
+import ConsoleAdapter from './ConsoleAdapter';
+export declare type IConsole = number;
+export interface IConsoleState {
+    outputs: IConsole;
+}
+export declare const consoleInitialState: IConsoleState;
+export declare const selectConsole: () => IConsoleState;
+export declare enum ActionType {
+    OUTPUTS = "console/OUTPUTS",
+    EXECUTE = "console/EXECUTE"
+}
+export declare const consoleActions: {
+    outputs: import("typescript-fsa").AsyncActionCreators<number, number, {}>;
+    execute: import("typescript-fsa").AsyncActionCreators<void, void, {}>;
+};
+export declare const consoleEpics: (consoleLumino: ConsoleAdapter) => Epic<AnyAction, AnyAction, IConsoleState, any>;
+export declare const consoleReducer: import("typescript-fsa-reducers").ReducerBuilder<IConsoleState, IConsoleState>;

package/lib/widgets/console/ConsoleState.js

@@ -0,0 +1,50 @@
+import { useSelector } from "react-redux";
+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 consoleInitialState = {
+    outputs: 0
+};
+/* Selectors */
+export const selectConsole = () => useSelector((state) => {
+    if (state.console) {
+        return state.console;
+    }
+    return { outputs: 0 };
+});
+/* Actions */
+import actionCreatorFactory from "typescript-fsa";
+export var ActionType;
+(function (ActionType) {
+    ActionType["OUTPUTS"] = "console/OUTPUTS";
+    ActionType["EXECUTE"] = "console/EXECUTE";
+})(ActionType || (ActionType = {}));
+const actionCreator = actionCreatorFactory('jupyterReact');
+export const consoleActions = {
+    outputs: actionCreator.async(ActionType.OUTPUTS),
+    execute: actionCreator.async(ActionType.EXECUTE),
+};
+/* Epics */
+export const consoleEpics = (consoleLumino) => {
+    const outputsEpic = action$ => action$.pipe(ofAction(consoleActions.outputs.started), map(action => {
+        return consoleActions.outputs.done({
+            params: action.payload,
+            result: action.payload
+        });
+    }));
+    const executeEpic = action$ => action$.pipe(ofAction(consoleActions.execute.started), 
+    //      tap(action => consoleLumino.execute()),
+    ignoreElements());
+    const loggingEpic = action$ => action$
+        .pipe(ofAction(consoleActions.outputs.started), 
+    //      tap(action => console.log(action.type)),
+    ignoreElements());
+    return combineEpics(loggingEpic, outputsEpic, executeEpic);
+};
+/* Reducers */
+export const consoleReducer = reducerWithInitialState(consoleInitialState)
+    .case(consoleActions.outputs.done, (state, success) => {
+    return Object.assign(Object.assign({}, state), { outputs: success.result });
+});
+//# sourceMappingURL=ConsoleState.js.map

package/lib/widgets/console/ConsoleState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsoleState.js","sourceRoot":"","sources":["../../../src/widgets/console/ConsoleState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,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,mBAAmB,GAAkB;IAChD,OAAO,EAAE,CAAC;CACX,CAAA;AAED,eAAe;AAEf,MAAM,CAAC,MAAM,aAAa,GAAG,GAAkB,EAAE,CAC/C,WAAW,CAAC,CAAC,KAAoB,EAAE,EAAE;IACnC,IAAK,KAAa,CAAC,OAAO,EAAE;QAC1B,OAAQ,KAAa,CAAC,OAAO,CAAC;KAC/B;IACD,OAAO,EAAC,OAAO,EAAE,CAAC,EAAC,CAAC;AACtB,CAAC,CAAC,CAAC;AAEL,aAAa;AAEb,OAAO,oBAAoB,MAAM,gBAAgB,CAAC;AAElD,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,yCAA2B,CAAA;IAC3B,yCAA2B,CAAA;AAC7B,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB;AAED,MAAM,aAAa,GAAG,oBAAoB,CAAC,cAAc,CAAC,CAAC;AAE3D,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,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,YAAY,GAAG,CAAC,aAA6B,EAAE,EAAE;IAE5D,MAAM,WAAW,GAIb,OAAO,CAAC,EAAE,CACZ,OAAO,CAAC,IAAI,CACV,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,EACxC,GAAG,CAAC,MAAM,CAAC,EAAE;QACX,OAAO,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC;YACjC,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,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC;IAC9C,+CAA+C;IACzC,cAAc,EAAE,CACnB,CAAC;IAEF,MAAM,WAAW,GAIb,OAAO,CAAC,EAAE,CACZ,OAAO;SACJ,IAAI,CACH,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC;IAC9C,gDAAgD;IAC1C,cAAc,EAAE,CACjB,CAAC;IAEN,OAAO,YAAY,CACjB,WAAW,EACX,WAAW,EACX,WAAW,CACZ,CAAC;AACJ,CAAC,CAAA;AAED,cAAc;AAEd,MAAM,CAAC,MAAM,cAAc,GAAG,uBAAuB,CAAC,mBAAmB,CAAC;KACvE,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,KAAoB,EAAE,OAAgC,EAAE,EAAE;IAC5F,uCACK,KAAK,KACR,OAAO,EAAE,OAAO,CAAC,MAAM,IACxB;AACH,CAAC,CACF,CAAC"}

package/lib/widgets/dialog/DialogAdapter.d.ts

@@ -0,0 +1,10 @@
+import { Dialog as JPDialog } from '@jupyterlab/apputils';
+import '@jupyterlab/apputils/style/index.css';
+import '@jupyterlab/theme-light-extension/style/theme.css';
+import '@jupyterlab/theme-light-extension/style/variables.css';
+import './DialogAdapter.css';
+declare class DialogAdapter {
+    dialog: JPDialog<any>;
+    constructor();
+}
+export default DialogAdapter;

package/lib/widgets/dialog/DialogAdapter.js

@@ -0,0 +1,19 @@
+import { Dialog as JPDialog } from '@jupyterlab/apputils';
+import '@jupyterlab/apputils/style/index.css';
+import '@jupyterlab/theme-light-extension/style/theme.css';
+import '@jupyterlab/theme-light-extension/style/variables.css';
+import './DialogAdapter.css';
+class DialogAdapter {
+    constructor() {
+        this.dialog = new JPDialog({
+            title: 'Dialog Title',
+            body: 'This is the body of the dialog...',
+            buttons: [
+                JPDialog.cancelButton(),
+                JPDialog.okButton(),
+            ]
+        });
+    }
+}
+export default DialogAdapter;
+//# sourceMappingURL=DialogAdapter.js.map

package/lib/widgets/dialog/DialogAdapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogAdapter.js","sourceRoot":"","sources":["../../../src/widgets/dialog/DialogAdapter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,sCAAsC,CAAC;AAC9C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,uDAAuD,CAAC;AAE/D,OAAO,qBAAqB,CAAC;AAE7B,MAAM,aAAa;IAEjB;QACE,IAAI,CAAC,MAAM,GAAG,IAAI,QAAQ,CAAC;YACzB,KAAK,EAAE,cAAc;YACrB,IAAI,EAAE,mCAAmC;YACzC,OAAO,EAAE;gBACP,QAAQ,CAAC,YAAY,EAAE;gBACvB,QAAQ,CAAC,QAAQ,EAAE;aACpB;SACF,CAAC,CAAC;IACL,CAAC;CACF;AAED,eAAe,aAAa,CAAC"}

package/lib/widgets/dialog/DialogLumino.d.ts

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

package/lib/widgets/dialog/DialogLumino.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import LuminoDetached from '../../lumino/LuminoDetached';
+import DialogAdapter from './DialogAdapter';
+const DialogLumino = () => {
+    const [dialogLumino, _] = useState(new DialogAdapter());
+    useEffect(() => {
+        dialogLumino.dialog.launch().then(success => success);
+    }, []);
+    return _jsx(LuminoDetached, { children: dialogLumino.dialog }, void 0);
+};
+export default DialogLumino;
+//# sourceMappingURL=DialogLumino.js.map

package/lib/widgets/dialog/DialogLumino.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogLumino.js","sourceRoot":"","sources":["../../../src/widgets/dialog/DialogLumino.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,CAAC,YAAY,EAAE,CAAC,CAAC,GAAG,QAAQ,CAAC,IAAI,aAAa,EAAE,CAAC,CAAC;IACxD,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAA;IACvD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,KAAC,cAAc,cAAE,YAAY,CAAC,MAAM,WAAkB,CAAA;AAC/D,CAAC,CAAA;AAED,eAAe,YAAY,CAAC"}

package/lib/widgets/editor/CodeMirrorEditor.d.ts

@@ -0,0 +1,7 @@
+import OutputAdapter from '../outputs/OutputAdapter';
+declare const CodeMirrorEditor: (props: {
+    code: string;
+    outputAdapter: OutputAdapter;
+    autoRun: boolean;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default CodeMirrorEditor;

package/lib/widgets/editor/CodeMirrorEditor.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useRef, useEffect } from 'react';
+import { basicSetup } from '@codemirror/basic-setup';
+import { EditorState } from '@codemirror/state';
+import { keymap, EditorView } from '@codemirror/view';
+import { python } from '@codemirror/lang-python';
+const CodeMirrorEditor = (props) => {
+    const { code, outputAdapter, autoRun } = props;
+    const editor = useRef();
+    useEffect(() => {
+        let state;
+        const keyBinding = [
+            { key: 'Shift-Enter', run: () => runCode(), preventDefault: true },
+        ];
+        state = EditorState.create({
+            doc: code,
+            extensions: [basicSetup, python(), keymap.of([...keyBinding])],
+        });
+        const view = new EditorView({
+            state: state,
+            parent: editor.current,
+        });
+        const runCode = () => {
+            outputAdapter.execute(String(view.state.doc));
+            return true;
+        };
+        if (autoRun) {
+            runCode();
+        }
+        return () => {
+            view.destroy();
+        };
+    }, []);
+    return _jsx("div", { ref: editor }, void 0);
+    /*
+      return <div ref={ref => {
+        if (ref) {
+          const kb = [{key: "Shift-Enter", run: () => runCode(), preventDefault: true}];
+          let state = EditorState.create({
+            doc: code,
+            extensions: [
+              basicSetup,
+              javascript(),
+              keymap.of([...kb]),
+            ]
+          });
+          const view = new EditorView({
+            state: state,
+            parent: ref,
+          });
+          const runCode = () => {
+            outputLumino.execute(String(view.state.doc));
+            return true;
+          };
+          runCode();
+        };
+        return <div ref={ref as any}></div>
+      }}/>;
+    */
+};
+export default CodeMirrorEditor;
+//# sourceMappingURL=CodeMirrorEditor.js.map

package/lib/widgets/editor/CodeMirrorEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeMirrorEditor.js","sourceRoot":"","sources":["../../../src/widgets/editor/CodeMirrorEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAGjD,MAAM,gBAAgB,GAAG,CAAC,KAIzB,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC/C,MAAM,MAAM,GAAG,MAAM,EAAkB,CAAC;IACxC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAkB,CAAC;QACvB,MAAM,UAAU,GAAG;YACjB,EAAC,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,cAAc,EAAE,IAAI,EAAC;SACjE,CAAC;QACF,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC;YACzB,GAAG,EAAE,IAAI;YACT,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC;SAC/D,CAAC,CAAC;QACH,MAAM,IAAI,GAAG,IAAI,UAAU,CAAC;YAC1B,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,MAAM,CAAC,OAAO;SACvB,CAAC,CAAC;QACH,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;YAC9C,OAAO,IAAI,CAAC;QACd,CAAC,CAAC;QACF,IAAI,OAAO,EAAE;YACX,OAAO,EAAE,CAAC;SACX;QACD,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,cAAK,GAAG,EAAE,MAAa,WAAQ,CAAC;IACvC;;;;;;;;;;;;;;;;;;;;;;;;MAwBE;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/widgets/filebrowser/FileBrowser.d.ts

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

package/lib/widgets/filebrowser/FileBrowser.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { useState, useEffect, useReducer } from 'react';
+import TreeView from '@mui/lab/TreeView';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import ChevronRightIcon from '@mui/icons-material/ChevronRight';
+import TreeItem from '@mui/lab/TreeItem';
+import Services from './../../services/Services';
+const initialTree = {
+    id: 'root',
+    name: 'Content',
+};
+const FileBrowser = () => {
+    const [tree, setTree] = useState(initialTree);
+    const [, forceUpdate] = useReducer(x => x + 1, 0);
+    const [services, _] = useState(new Services());
+    const loadPath = (subTree, path) => {
+        const loadFolderItems = (path) => {
+            const folderItems = services.contents().get(path.join('/')).then(res => {
+                const items = res.content.map((e) => {
+                    if (e.type === 'directory') {
+                        return {
+                            id: 'folder_' + e.name,
+                            name: e.name,
+                            children: new Array(),
+                        };
+                    }
+                    else {
+                        return {
+                            id: 'file_' + e.name,
+                            name: e.name,
+                        };
+                    }
+                });
+                return items;
+            });
+            return folderItems;
+        };
+        loadFolderItems(path).then(folderItems => {
+            subTree.children = folderItems;
+            for (const child of subTree.children) {
+                if (child.id.startsWith('folder_')) {
+                    loadPath(child, path.concat(child.name));
+                }
+            }
+            setTree(initialTree);
+            forceUpdate();
+        });
+    };
+    useEffect(() => {
+        loadPath(initialTree, []);
+    }, []);
+    const renderTree = (nodes) => {
+        return _jsx(TreeItem, Object.assign({ nodeId: nodes.id, label: nodes.name }, { children: Array.isArray(nodes.children)
+                ? nodes.children.map(node => renderTree(node))
+                : null }), nodes.id);
+    };
+    return (_jsx(_Fragment, { children: _jsx(TreeView, Object.assign({ "aria-label": "rich object", defaultCollapseIcon: _jsx(ExpandMoreIcon, {}, void 0), defaultExpanded: ['root'], defaultExpandIcon: _jsx(ChevronRightIcon, {}, void 0), sx: { height: 210, flexGrow: 1, maxWidth: 400, overflowY: 'auto' } }, { children: renderTree(tree) }), void 0) }, void 0));
+};
+export default FileBrowser;
+//# sourceMappingURL=FileBrowser.js.map

package/lib/widgets/filebrowser/FileBrowser.js.map

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

package/lib/widgets/filebrowser/FileBrowserAdapter.css

@@ -0,0 +1,8 @@
+#dla-jlab-filebrowser {
+  height: 500px;
+}
+
+.jp-FileBrowser {
+  min-width: 400px;
+  flex: 1 1 auto;
+}

package/lib/widgets/filebrowser/FileBrowserAdapter.d.ts

@@ -0,0 +1,13 @@
+import { SplitPanel } from '@lumino/widgets';
+import '@jupyterlab/codemirror/style/index.css';
+import '@jupyterlab/filebrowser/style/index.css';
+import '@jupyterlab/ui-components/style/index.css';
+import '@jupyterlab/theme-light-extension/style/theme.css';
+import '@jupyterlab/theme-light-extension/style/variables.css';
+import './FileBrowserAdapter.css';
+declare class FileBrowserAdapter {
+    private fileBrowserPanel;
+    constructor();
+    get panel(): SplitPanel;
+}
+export default FileBrowserAdapter;