@theia/notebook 1.41.0

package/lib/browser/service/notebook-service.d.ts

@@ -0,0 +1,64 @@
+import { Disposable, DisposableCollection, Emitter, URI } from '@theia/core';
+import { BinaryBuffer } from '@theia/core/lib/common/buffer';
+import { NotebookData, NotebookExtensionDescription, TransientOptions } from '../../common';
+import { NotebookModel, NotebookModelProps } from '../view-model/notebook-model';
+import { FileService } from '@theia/filesystem/lib/browser/file-service';
+import { MonacoTextModelService } from '@theia/monaco/lib/browser/monaco-text-model-service';
+import { NotebookCellModel, NotebookCellModelProps } from '../view-model/notebook-cell-model';
+import { Deferred } from '@theia/core/lib/common/promise-util';
+export declare const NotebookProvider: unique symbol;
+export interface SimpleNotebookProviderInfo {
+    readonly notebookType: string;
+    readonly serializer: NotebookSerializer;
+    readonly extensionData: NotebookExtensionDescription;
+}
+export interface NotebookSerializer {
+    options: TransientOptions;
+    dataToNotebook(data: BinaryBuffer): Promise<NotebookData>;
+    notebookToData(data: NotebookData): Promise<BinaryBuffer>;
+}
+export declare class NotebookService implements Disposable {
+    protected fileService: FileService;
+    protected modelService: MonacoTextModelService;
+    protected notebookModelFactory: (props: NotebookModelProps) => NotebookModel;
+    protected notebookCellModelFactory: (props: NotebookCellModelProps) => NotebookCellModel;
+    protected notebookSerializerEmitter: Emitter<string>;
+    readonly onNotebookSerializer: import("@theia/core").Event<string>;
+    protected readonly disposables: DisposableCollection;
+    protected readonly notebookProviders: Map<string, SimpleNotebookProviderInfo>;
+    protected readonly notebookModels: Map<string, NotebookModel>;
+    protected readonly didAddViewTypeEmitter: Emitter<string>;
+    readonly onDidAddViewType: import("@theia/core").Event<string>;
+    protected readonly didRemoveViewTypeEmitter: Emitter<string>;
+    readonly onDidRemoveViewType: import("@theia/core").Event<string>;
+    protected readonly willOpenNotebookTypeEmitter: Emitter<string>;
+    readonly onWillOpenNotebook: import("@theia/core").Event<string>;
+    protected readonly willAddNotebookDocumentEmitter: Emitter<URI>;
+    readonly onWillAddNotebookDocument: import("@theia/core").Event<URI>;
+    protected readonly didAddNotebookDocumentEmitter: Emitter<NotebookModel>;
+    readonly onDidAddNotebookDocument: import("@theia/core").Event<NotebookModel>;
+    protected readonly willRemoveNotebookDocumentEmitter: Emitter<NotebookModel>;
+    readonly onWillRemoveNotebookDocument: import("@theia/core").Event<NotebookModel>;
+    protected readonly didRemoveNotebookDocumentEmitter: Emitter<NotebookModel>;
+    readonly onDidRemoveNotebookDocument: import("@theia/core").Event<NotebookModel>;
+    dispose(): void;
+    protected readonly ready: Deferred<void>;
+    /**
+     * Marks the notebook service as ready. From this point on, the service will start dispatching the `onNotebookSerializer` event.
+     */
+    markReady(): void;
+    registerNotebookSerializer(notebookType: string, extensionData: NotebookExtensionDescription, serializer: NotebookSerializer): Disposable;
+    createNotebookModel(data: NotebookData, viewType: string, uri: URI): Promise<NotebookModel>;
+    getNotebookDataProvider(viewType: string): Promise<SimpleNotebookProviderInfo>;
+    /**
+     * When the application starts up, notebook providers from plugins are not registered yet.
+     * It takes a few seconds for the plugin host to start so that notebook data providers can be registered.
+     * This methods waits until the notebook provider is registered.
+     */
+    protected waitForNotebookProvider(type: string): Promise<SimpleNotebookProviderInfo | undefined>;
+    getNotebookEditorModel(uri: URI): NotebookModel | undefined;
+    getNotebookModels(): Iterable<NotebookModel>;
+    willOpenNotebook(type: string): Promise<void>;
+    listNotebookDocuments(): NotebookModel[];
+}
+//# sourceMappingURL=notebook-service.d.ts.map

package/lib/browser/service/notebook-service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notebook-service.d.ts","sourceRoot":"","sources":["../../../src/browser/service/notebook-service.ts"],"names":[],"mappings":"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"}

package/lib/browser/service/notebook-service.js

@@ -0,0 +1,162 @@
+"use strict";
+// *****************************************************************************
+// Copyright (C) 2023 TypeFox and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+// *****************************************************************************
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotebookService = exports.NotebookProvider = void 0;
+const core_1 = require("@theia/core");
+const inversify_1 = require("@theia/core/shared/inversify");
+const notebook_model_1 = require("../view-model/notebook-model");
+const file_service_1 = require("@theia/filesystem/lib/browser/file-service");
+const monaco_text_model_service_1 = require("@theia/monaco/lib/browser/monaco-text-model-service");
+const notebook_cell_model_1 = require("../view-model/notebook-cell-model");
+const promise_util_1 = require("@theia/core/lib/common/promise-util");
+exports.NotebookProvider = Symbol('notebook provider');
+let NotebookService = class NotebookService {
+    constructor() {
+        this.notebookSerializerEmitter = new core_1.Emitter();
+        this.onNotebookSerializer = this.notebookSerializerEmitter.event;
+        this.disposables = new core_1.DisposableCollection();
+        this.notebookProviders = new Map();
+        this.notebookModels = new Map();
+        this.didAddViewTypeEmitter = new core_1.Emitter();
+        this.onDidAddViewType = this.didAddViewTypeEmitter.event;
+        this.didRemoveViewTypeEmitter = new core_1.Emitter();
+        this.onDidRemoveViewType = this.didRemoveViewTypeEmitter.event;
+        this.willOpenNotebookTypeEmitter = new core_1.Emitter();
+        this.onWillOpenNotebook = this.willOpenNotebookTypeEmitter.event;
+        this.willAddNotebookDocumentEmitter = new core_1.Emitter();
+        this.onWillAddNotebookDocument = this.willAddNotebookDocumentEmitter.event;
+        this.didAddNotebookDocumentEmitter = new core_1.Emitter();
+        this.onDidAddNotebookDocument = this.didAddNotebookDocumentEmitter.event;
+        this.willRemoveNotebookDocumentEmitter = new core_1.Emitter();
+        this.onWillRemoveNotebookDocument = this.willRemoveNotebookDocumentEmitter.event;
+        this.didRemoveNotebookDocumentEmitter = new core_1.Emitter();
+        this.onDidRemoveNotebookDocument = this.didRemoveNotebookDocumentEmitter.event;
+        this.ready = new promise_util_1.Deferred();
+    }
+    dispose() {
+        this.disposables.dispose();
+    }
+    /**
+     * Marks the notebook service as ready. From this point on, the service will start dispatching the `onNotebookSerializer` event.
+     */
+    markReady() {
+        this.ready.resolve();
+    }
+    registerNotebookSerializer(notebookType, extensionData, serializer) {
+        if (this.notebookProviders.has(notebookType)) {
+            throw new Error(`notebook provider for viewtype '${notebookType}' already exists`);
+        }
+        this.notebookProviders.set(notebookType, { notebookType: notebookType, serializer, extensionData });
+        this.didAddViewTypeEmitter.fire(notebookType);
+        return core_1.Disposable.create(() => {
+            this.notebookProviders.delete(notebookType);
+            this.didRemoveViewTypeEmitter.fire(notebookType);
+        });
+    }
+    async createNotebookModel(data, viewType, uri) {
+        var _a;
+        const serializer = (_a = this.notebookProviders.get(viewType)) === null || _a === void 0 ? void 0 : _a.serializer;
+        if (!serializer) {
+            throw new Error('no notebook serializer for ' + viewType);
+        }
+        this.willAddNotebookDocumentEmitter.fire(uri);
+        const model = this.notebookModelFactory({ data, uri, viewType, serializer });
+        this.notebookModels.set(uri.toString(), model);
+        // Resolve cell text models right after creating the notebook model
+        // This ensures that all text models are available in the plugin host
+        await Promise.all(model.cells.map(e => e.resolveTextModel()));
+        this.didAddNotebookDocumentEmitter.fire(model);
+        return model;
+    }
+    async getNotebookDataProvider(viewType) {
+        await this.ready.promise;
+        await this.notebookSerializerEmitter.sequence(async (listener) => listener(`onNotebookSerializer:${viewType}`));
+        const result = await this.waitForNotebookProvider(viewType);
+        if (!result) {
+            throw new Error(`No provider registered for view type: '${viewType}'`);
+        }
+        return result;
+    }
+    /**
+     * When the application starts up, notebook providers from plugins are not registered yet.
+     * It takes a few seconds for the plugin host to start so that notebook data providers can be registered.
+     * This methods waits until the notebook provider is registered.
+     */
+    async waitForNotebookProvider(type) {
+        if (this.notebookProviders.has(type)) {
+            return this.notebookProviders.get(type);
+        }
+        const deferred = new promise_util_1.Deferred();
+        // 20 seconds of timeout
+        const timeoutDuration = 20000;
+        const disposable = this.onDidAddViewType(viewType => {
+            if (viewType === type) {
+                clearTimeout(timeout);
+                disposable.dispose();
+                deferred.resolve(this.notebookProviders.get(type));
+            }
+        });
+        const timeout = setTimeout(() => {
+            clearTimeout(timeout);
+            disposable.dispose();
+            deferred.reject();
+        }, timeoutDuration);
+        return deferred.promise;
+    }
+    getNotebookEditorModel(uri) {
+        return this.notebookModels.get(uri.toString());
+    }
+    getNotebookModels() {
+        return this.notebookModels.values();
+    }
+    async willOpenNotebook(type) {
+        return this.willOpenNotebookTypeEmitter.sequence(async (listener) => listener(type));
+    }
+    listNotebookDocuments() {
+        return [...this.notebookModels.values()];
+    }
+};
+__decorate([
+    (0, inversify_1.inject)(file_service_1.FileService),
+    __metadata("design:type", file_service_1.FileService)
+], NotebookService.prototype, "fileService", void 0);
+__decorate([
+    (0, inversify_1.inject)(monaco_text_model_service_1.MonacoTextModelService),
+    __metadata("design:type", monaco_text_model_service_1.MonacoTextModelService)
+], NotebookService.prototype, "modelService", void 0);
+__decorate([
+    (0, inversify_1.inject)(notebook_model_1.NotebookModelFactory),
+    __metadata("design:type", Function)
+], NotebookService.prototype, "notebookModelFactory", void 0);
+__decorate([
+    (0, inversify_1.inject)(notebook_cell_model_1.NotebookCellModelFactory),
+    __metadata("design:type", Function)
+], NotebookService.prototype, "notebookCellModelFactory", void 0);
+NotebookService = __decorate([
+    (0, inversify_1.injectable)()
+], NotebookService);
+exports.NotebookService = NotebookService;
+//# sourceMappingURL=notebook-service.js.map

package/lib/browser/service/notebook-service.js.map

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

package/lib/browser/view/notebook-cell-editor.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import * as React from '@theia/core/shared/react';
+import { NotebookModel } from '../view-model/notebook-model';
+import { NotebookCellModel } from '../view-model/notebook-cell-model';
+import { MonacoCodeEditor } from '@theia/monaco/lib/browser/monaco-code-editor';
+import { MonacoEditorServices } from '@theia/monaco/lib/browser/monaco-editor';
+import { DisposableCollection } from '@theia/core';
+interface CellEditorProps {
+    notebookModel: NotebookModel;
+    cell: NotebookCellModel;
+    monacoServices: MonacoEditorServices;
+}
+export declare class CellEditor extends React.Component<CellEditorProps, {}> {
+    protected editor?: MonacoCodeEditor;
+    protected toDispose: DisposableCollection;
+    protected container?: HTMLDivElement;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    protected disposeEditor(): void;
+    protected initEditor(): Promise<void>;
+    protected assignRef: (component: HTMLDivElement) => void;
+    protected handleResize: () => void;
+    render(): React.ReactNode;
+}
+export {};
+//# sourceMappingURL=notebook-cell-editor.d.ts.map

package/lib/browser/view/notebook-cell-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notebook-cell-editor.d.ts","sourceRoot":"","sources":["../../../src/browser/view/notebook-cell-editor.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,KAAK,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAChF,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAE/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD,UAAU,eAAe;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,IAAI,EAAE,iBAAiB,CAAC;IACxB,cAAc,EAAE,oBAAoB,CAAA;CACvC;AAYD,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,EAAE,CAAC;IAEhE,SAAS,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IACpC,SAAS,CAAC,SAAS,uBAA8B;IACjD,SAAS,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC;IAE5B,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAIrC,SAAS,CAAC,aAAa,IAAI,IAAI;cAKf,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAwB3C,SAAS,CAAC,SAAS,cAAe,cAAc,UAE9C;IAEF,SAAS,CAAC,YAAY,aAEpB;IAEO,MAAM,IAAI,KAAK,CAAC,SAAS;CAIrC"}

package/lib/browser/view/notebook-cell-editor.js

@@ -0,0 +1,79 @@
+"use strict";
+// *****************************************************************************
+// Copyright (C) 2023 TypeFox and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+// *****************************************************************************
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CellEditor = void 0;
+const React = require("@theia/core/shared/react");
+const monaco_code_editor_1 = require("@theia/monaco/lib/browser/monaco-code-editor");
+const monaco_editor_provider_1 = require("@theia/monaco/lib/browser/monaco-editor-provider");
+const core_1 = require("@theia/core");
+const DEFAULT_EDITOR_OPTIONS = {
+    ...monaco_editor_provider_1.MonacoEditorProvider.inlineOptions,
+    minHeight: -1,
+    maxHeight: -1,
+    scrollbar: {
+        ...monaco_editor_provider_1.MonacoEditorProvider.inlineOptions.scrollbar,
+        alwaysConsumeMouseWheel: false
+    }
+};
+class CellEditor extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.toDispose = new core_1.DisposableCollection();
+        this.assignRef = (component) => {
+            this.container = component;
+        };
+        this.handleResize = () => {
+            var _a;
+            (_a = this.editor) === null || _a === void 0 ? void 0 : _a.refresh();
+        };
+    }
+    componentDidMount() {
+        this.disposeEditor();
+        this.initEditor();
+    }
+    componentWillUnmount() {
+        this.disposeEditor();
+    }
+    disposeEditor() {
+        this.toDispose.dispose();
+        this.toDispose = new core_1.DisposableCollection();
+    }
+    async initEditor() {
+        const { cell, notebookModel, monacoServices } = this.props;
+        if (this.container) {
+            const editorNode = this.container;
+            const editorModel = await cell.resolveTextModel();
+            const uri = cell.uri;
+            this.editor = new monaco_code_editor_1.MonacoCodeEditor(uri, editorModel, editorNode, monacoServices, DEFAULT_EDITOR_OPTIONS);
+            this.toDispose.push(this.editor);
+            this.editor.setLanguage(cell.language);
+            this.toDispose.push(this.editor.getControl().onDidContentSizeChange(() => {
+                editorNode.style.height = this.editor.getControl().getContentHeight() + 7 + 'px';
+                this.editor.setSize({ width: -1, height: this.editor.getControl().getContentHeight() });
+            }));
+            this.toDispose.push(this.editor.onDocumentContentChanged(e => {
+                notebookModel.cellDirtyChanged(cell, true);
+                cell.source = e.document.getText();
+            }));
+        }
+    }
+    render() {
+        return React.createElement("div", { className: 'theia-notebook-cell-editor', onResize: this.handleResize, id: this.props.cell.uri.toString(), ref: this.assignRef });
+    }
+}
+exports.CellEditor = CellEditor;
+//# sourceMappingURL=notebook-cell-editor.js.map

package/lib/browser/view/notebook-cell-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notebook-cell-editor.js","sourceRoot":"","sources":["../../../src/browser/view/notebook-cell-editor.tsx"],"names":[],"mappings":"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"}

package/lib/browser/view/notebook-cell-list-view.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import * as React from '@theia/core/shared/react';
+import { CellKind } from '../../common';
+import { NotebookCellModel } from '../view-model/notebook-cell-model';
+import { NotebookModel } from '../view-model/notebook-model';
+import { NotebookCellToolbarFactory } from './notebook-cell-toolbar-factory';
+import { CommandRegistry, DisposableCollection } from '@theia/core';
+export interface CellRenderer {
+    render(notebookData: NotebookModel, cell: NotebookCellModel, index: number): React.ReactNode;
+}
+interface CellListProps {
+    renderers: Map<CellKind, CellRenderer>;
+    notebookModel: NotebookModel;
+    toolbarRenderer: NotebookCellToolbarFactory;
+    commandRegistry: CommandRegistry;
+}
+interface NotebookCellListState {
+    selectedCell?: NotebookCellModel;
+    dragOverIndicator: {
+        cell: NotebookCellModel;
+        position: 'top' | 'bottom';
+    } | undefined;
+}
+export declare class NotebookCellListView extends React.Component<CellListProps, NotebookCellListState> {
+    protected toDispose: DisposableCollection;
+    constructor(props: CellListProps);
+    componentWillUnmount(): void;
+    render(): React.ReactNode;
+    renderCellContent(cell: NotebookCellModel, index: number): React.ReactNode;
+    protected onDragStart(event: React.DragEvent<HTMLLIElement>, index: number): void;
+    protected onDragOver(event: React.DragEvent<HTMLLIElement>, cell: NotebookCellModel, position?: 'top' | 'bottom'): void;
+    protected onDrop(event: React.DragEvent<HTMLLIElement>, dropElementIndex: number): void;
+    protected onAddNewCell(kind: CellKind, index: number): void;
+    protected shouldRenderDragOverIndicator(cell: NotebookCellModel, position: 'top' | 'bottom'): boolean;
+}
+export interface NotebookCellDividerProps {
+    onAddNewCell: (type: CellKind) => void;
+    onDrop: (event: React.DragEvent<HTMLLIElement>) => void;
+    onDragOver: (event: React.DragEvent<HTMLLIElement>) => void;
+}
+export declare function NotebookCellDivider({ onAddNewCell, onDrop, onDragOver }: NotebookCellDividerProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=notebook-cell-list-view.d.ts.map

package/lib/browser/view/notebook-cell-list-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notebook-cell-list-view.d.ts","sourceRoot":"","sources":["../../../src/browser/view/notebook-cell-list-view.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,KAAK,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAgB,QAAQ,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAO,MAAM,aAAa,CAAC;AAIzE,MAAM,WAAW,YAAY;IACzB,MAAM,CAAC,YAAY,EAAE,aAAa,EAAE,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;CAC/F;AAED,UAAU,aAAa;IACnB,SAAS,EAAE,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IACvC,aAAa,EAAE,aAAa,CAAC;IAC7B,eAAe,EAAE,0BAA0B,CAAC;IAC5C,eAAe,EAAE,eAAe,CAAA;CACnC;AAED,UAAU,qBAAqB;IAC3B,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,iBAAiB,EAAE;QAAE,IAAI,EAAE,iBAAiB,CAAC;QAAC,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAA;KAAE,GAAG,SAAS,CAAC;CAC1F;AAED,qBAAa,oBAAqB,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,EAAE,qBAAqB,CAAC;IAE3F,SAAS,CAAC,SAAS,uBAA8B;gBAErC,KAAK,EAAE,aAAa;IAQvB,oBAAoB,IAAI,IAAI;IAI5B,MAAM,IAAI,KAAK,CAAC,SAAS;IAoClC,iBAAiB,CAAC,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS;IAQ1E,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAKjF,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,IAAI;IAOvH,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,EAAE,gBAAgB,EAAE,MAAM,GAAG,IAAI;IAgBvF,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAQ3D,SAAS,CAAC,6BAA6B,CAAC,IAAI,EAAE,iBAAiB,EAAE,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO;CAMxG;AAED,MAAM,WAAW,wBAAwB;IACrC,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACxD,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CAC/D;AAED,wBAAgB,mBAAmB,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAerH"}

package/lib/browser/view/notebook-cell-list-view.js

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotebookCellDivider = exports.NotebookCellListView = void 0;
+// *****************************************************************************
+// Copyright (C) 2023 TypeFox and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+// *****************************************************************************
+const React = require("@theia/core/shared/react");
+const common_1 = require("../../common");
+const browser_1 = require("@theia/core/lib/browser");
+const core_1 = require("@theia/core");
+const notebook_actions_contribution_1 = require("../contributions/notebook-actions-contribution");
+const notebook_cell_actions_contribution_1 = require("../contributions/notebook-cell-actions-contribution");
+class NotebookCellListView extends React.Component {
+    constructor(props) {
+        super(props);
+        this.toDispose = new core_1.DisposableCollection();
+        this.state = { selectedCell: undefined, dragOverIndicator: undefined };
+        this.toDispose.push(props.notebookModel.onDidAddOrRemoveCell(e => {
+            this.setState({ selectedCell: undefined });
+        }));
+    }
+    componentWillUnmount() {
+        this.toDispose.dispose();
+    }
+    render() {
+        return React.createElement("ul", { className: 'theia-notebook-cell-list' },
+            this.props.notebookModel.cells
+                .map((cell, index) => React.createElement(React.Fragment, { key: 'cell-' + cell.handle },
+                React.createElement(NotebookCellDivider, { onAddNewCell: (kind) => this.onAddNewCell(kind, index), onDrop: e => this.onDrop(e, index), onDragOver: e => this.onDragOver(e, cell, 'top') }),
+                this.shouldRenderDragOverIndicator(cell, 'top') && React.createElement(CellDropIndicator, null),
+                React.createElement("li", { className: 'theia-notebook-cell' + (this.state.selectedCell === cell ? ' focused' : ''), onClick: () => {
+                        this.setState({ selectedCell: cell });
+                        this.props.notebookModel.setSelectedCell(cell);
+                    }, onDragStart: e => this.onDragStart(e, index), onDragOver: e => this.onDragOver(e, cell), onDrop: e => this.onDrop(e, index), draggable: true, ref: (node) => cell.refChanged(node) },
+                    React.createElement("div", { className: 'theia-notebook-cell-marker' + (this.state.selectedCell === cell ? ' theia-notebook-cell-marker-selected' : '') }),
+                    React.createElement("div", { className: 'theia-notebook-cell-content' }, this.renderCellContent(cell, index)),
+                    this.state.selectedCell === cell &&
+                        this.props.toolbarRenderer.renderCellToolbar(notebook_cell_actions_contribution_1.NotebookCellActionContribution.ACTION_MENU, this.props.notebookModel, cell)),
+                this.shouldRenderDragOverIndicator(cell, 'bottom') && React.createElement(CellDropIndicator, null))),
+            React.createElement(NotebookCellDivider, { onAddNewCell: (kind) => this.onAddNewCell(kind, this.props.notebookModel.cells.length), onDrop: e => this.onDrop(e, this.props.notebookModel.cells.length - 1), onDragOver: e => this.onDragOver(e, this.props.notebookModel.cells[this.props.notebookModel.cells.length - 1], 'bottom') }));
+    }
+    renderCellContent(cell, index) {
+        const renderer = this.props.renderers.get(cell.cellKind);
+        if (!renderer) {
+            throw new Error(`No renderer found for cell type ${cell.cellKind}`);
+        }
+        return renderer.render(this.props.notebookModel, cell, index);
+    }
+    onDragStart(event, index) {
+        event.stopPropagation();
+        event.dataTransfer.setData('text/notebook-cell-index', index.toString());
+    }
+    onDragOver(event, cell, position) {
+        event.preventDefault();
+        event.stopPropagation();
+        // show indicator
+        this.setState({ ...this.state, dragOverIndicator: { cell, position: (position !== null && position !== void 0 ? position : event.nativeEvent.offsetY < event.currentTarget.clientHeight / 2) ? 'top' : 'bottom' } });
+    }
+    onDrop(event, dropElementIndex) {
+        var _a;
+        const index = parseInt(event.dataTransfer.getData('text/notebook-cell-index'));
+        const isTargetBelow = index < dropElementIndex;
+        let newIdx = ((_a = this.state.dragOverIndicator) === null || _a === void 0 ? void 0 : _a.position) === 'top' ? dropElementIndex : dropElementIndex + 1;
+        newIdx = isTargetBelow ? newIdx - 1 : newIdx;
+        if (index !== undefined && index !== dropElementIndex) {
+            this.props.notebookModel.applyEdits([{
+                    editType: 6 /* Move */,
+                    length: 1,
+                    index,
+                    newIdx
+                }], true);
+        }
+        this.setState({ ...this.state, dragOverIndicator: undefined });
+    }
+    onAddNewCell(kind, index) {
+        this.props.commandRegistry.executeCommand(notebook_actions_contribution_1.NotebookCommands.ADD_NEW_CELL_COMMAND.id, this.props.notebookModel, kind, index);
+    }
+    shouldRenderDragOverIndicator(cell, position) {
+        return this.state.dragOverIndicator !== undefined &&
+            this.state.dragOverIndicator.cell === cell &&
+            this.state.dragOverIndicator.position === position;
+    }
+}
+exports.NotebookCellListView = NotebookCellListView;
+function NotebookCellDivider({ onAddNewCell, onDrop, onDragOver }) {
+    const [hover, setHover] = React.useState(false);
+    return React.createElement("li", { className: 'theia-notebook-cell-divider', onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), onDrop: onDrop, onDragOver: onDragOver }, hover && React.createElement("div", { className: 'theia-notebook-add-cell-buttons' },
+        React.createElement("button", { className: 'theia-notebook-add-cell-button', onClick: () => onAddNewCell(common_1.CellKind.Code), title: core_1.nls.localizeByDefault('Add Code Cell') },
+            React.createElement("div", { className: (0, browser_1.codicon)('add') + ' theia-notebook-add-cell-button-icon' }),
+            core_1.nls.localizeByDefault('Code')),
+        React.createElement("button", { className: 'theia-notebook-add-cell-button', onClick: () => onAddNewCell(common_1.CellKind.Markup), title: core_1.nls.localizeByDefault('Add Markdown Cell') },
+            React.createElement("div", { className: (0, browser_1.codicon)('add') + ' theia-notebook-add-cell-button-icon' }),
+            core_1.nls.localizeByDefault('Markdown'))));
+}
+exports.NotebookCellDivider = NotebookCellDivider;
+function CellDropIndicator() {
+    return React.createElement("div", { className: 'theia-notebook-cell-drop-indicator' });
+}
+//# sourceMappingURL=notebook-cell-list-view.js.map

package/lib/browser/view/notebook-cell-list-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notebook-cell-list-view.js","sourceRoot":"","sources":["../../../src/browser/view/notebook-cell-list-view.tsx"],"names":[],"mappings":"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"}

package/lib/browser/view/notebook-cell-toolbar-factory.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import * as React from '@theia/core/shared/react';
+import { CommandRegistry, MenuModelRegistry } from '@theia/core';
+import { ContextKeyService } from '@theia/core/lib/browser/context-key-service';
+import { ContextMenuRenderer } from '@theia/core/lib/browser';
+import { NotebookModel } from '../view-model/notebook-model';
+import { NotebookCellModel } from '../view-model/notebook-cell-model';
+import { NotebookCellOutputModel } from '../view-model/notebook-cell-output-model';
+export interface NotebookCellToolbarItem {
+    id: string;
+    icon?: string;
+    label?: string;
+    onClick: (e: React.MouseEvent) => void;
+}
+export declare class NotebookCellToolbarFactory {
+    protected menuRegistry: MenuModelRegistry;
+    protected contextKeyService: ContextKeyService;
+    protected readonly contextMenuRenderer: ContextMenuRenderer;
+    protected readonly commandRegistry: CommandRegistry;
+    renderCellToolbar(menuPath: string[], notebookModel: NotebookModel, cell: NotebookCellModel): React.ReactNode;
+    renderSidebar(menuPath: string[], notebookModel: NotebookModel, cell: NotebookCellModel, output?: NotebookCellOutputModel): React.ReactNode;
+    private getMenuItems;
+    private createToolbarItem;
+}
+//# sourceMappingURL=notebook-cell-toolbar-factory.d.ts.map

package/lib/browser/view/notebook-cell-toolbar-factory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notebook-cell-toolbar-factory.d.ts","sourceRoot":"","sources":["../../../src/browser/view/notebook-cell-toolbar-factory.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,KAAK,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,eAAe,EAAwB,iBAAiB,EAAY,MAAM,aAAa,CAAC;AAEjG,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAEhF,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AAEnF,MAAM,WAAW,uBAAuB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC1C;AAED,qBACa,0BAA0B;IAGnC,SAAS,CAAC,YAAY,EAAE,iBAAiB,CAAC;IAG1C,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IAG/C,SAAS,CAAC,QAAQ,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;IAG5D,SAAS,CAAC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAC;IAEpD,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,aAAa,EAAE,IAAI,EAAE,iBAAiB,GAAG,KAAK,CAAC,SAAS;IAK7G,aAAa,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,aAAa,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,CAAC,EAAE,uBAAuB,GAAG,KAAK,CAAC,SAAS;IAK3I,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,iBAAiB;CAiB5B"}