@jupyterlab/cell-toolbar 3.4.0-alpha.0

package/lib/celltoolbartracker.d.ts

@@ -0,0 +1,55 @@
+import { ToolbarRegistry } from '@jupyterlab/apputils';
+import { DocumentRegistry } from '@jupyterlab/docregistry';
+import { Notebook, NotebookPanel } from '@jupyterlab/notebook';
+import { IObservableList } from '@jupyterlab/observables';
+import { CommandRegistry } from '@lumino/commands';
+import { IDisposable } from '@lumino/disposable';
+import { Widget } from '@lumino/widgets';
+/**
+ * Watch a notebook so that a cell toolbar appears on the active cell
+ */
+export declare class CellToolbarTracker implements IDisposable {
+    constructor(panel: NotebookPanel, toolbar: IObservableList<ToolbarRegistry.IToolbarItem>);
+    _onActiveCellChanged(notebook: Notebook): void;
+    get isDisposed(): boolean;
+    dispose(): void;
+    private _addToolbar;
+    private _getCell;
+    private _findToolbarWidgets;
+    private _removeToolbar;
+    /**
+     * Call back on settings changes
+     */
+    private _onToolbarChanged;
+    private _changedEventCallback;
+    private _resizeEventCallback;
+    private _updateCellForToolbarOverlap;
+    private _cellToolbarOverlapsContents;
+    /**
+     * Check for overlap between rendered Markdown and the cell toolbar
+     *
+     * @param activeCell A rendered MarkdownCell
+     * @returns `true` if the first line of the output overlaps with the cell toolbar, `false` otherwise
+     */
+    private _markdownOverlapsToolbar;
+    private _codeOverlapsToolbar;
+    private _cellEditorWidgetLeft;
+    private _cellEditorWidgetRight;
+    private _cellToolbarLeft;
+    private _isDisposed;
+    private _panel;
+    private _previousActiveCell;
+    private _toolbar;
+}
+/**
+ * Widget extension that creates a CellToolbarTracker each time a notebook is
+ * created.
+ */
+export declare class CellBarExtension implements DocumentRegistry.WidgetExtension {
+    static FACTORY_NAME: string;
+    constructor(commands: CommandRegistry, toolbarFactory?: (widget: Widget) => IObservableList<ToolbarRegistry.IToolbarItem>);
+    protected get defaultToolbarFactory(): (widget: Widget) => IObservableList<ToolbarRegistry.IToolbarItem>;
+    createNew(panel: NotebookPanel): IDisposable;
+    private _commands;
+    private _toolbarFactory;
+}

package/lib/celltoolbartracker.js

@@ -0,0 +1,260 @@
+/* -----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+import { createDefaultFactory, Toolbar } from '@jupyterlab/apputils';
+import { ObservableList } from '@jupyterlab/observables';
+import { each, toArray } from '@lumino/algorithm';
+import { Signal } from '@lumino/signaling';
+/**
+ * Widget cell toolbar classes
+ */
+const CELL_TOOLBAR_CLASS = 'jp-cell-toolbar';
+const CELL_MENU_CLASS = 'jp-cell-menu';
+/**
+ * Class for a cell whose contents overlap with the cell toolbar
+ */
+const TOOLBAR_OVERLAP_CLASS = 'jp-toolbar-overlap';
+/**
+ * Watch a notebook so that a cell toolbar appears on the active cell
+ */
+export class CellToolbarTracker {
+    constructor(panel, toolbar) {
+        this._isDisposed = false;
+        this._panel = panel;
+        this._previousActiveCell = this._panel.content.activeCell;
+        this._toolbar = toolbar;
+        this._onToolbarChanged();
+        this._toolbar.changed.connect(this._onToolbarChanged, this);
+        // Only add the toolbar to the notebook's active cell (if any) once it has fully rendered and been revealed.
+        void panel.revealed.then(() => this._onActiveCellChanged(panel.content));
+        // Handle subsequent changes of active cell.
+        panel.content.activeCellChanged.connect(this._onActiveCellChanged, this);
+    }
+    _onActiveCellChanged(notebook) {
+        if (this._previousActiveCell) {
+            this._removeToolbar(this._previousActiveCell.model);
+        }
+        const activeCell = notebook.activeCell;
+        if (!activeCell) {
+            return;
+        }
+        this._addToolbar(activeCell.model);
+        this._previousActiveCell = activeCell;
+        this._updateCellForToolbarOverlap(activeCell);
+    }
+    get isDisposed() {
+        return this._isDisposed;
+    }
+    dispose() {
+        var _a;
+        if (this.isDisposed) {
+            return;
+        }
+        this._isDisposed = true;
+        this._toolbar.changed.disconnect(this._onToolbarChanged, this);
+        const cells = (_a = this._panel) === null || _a === void 0 ? void 0 : _a.context.model.cells;
+        if (cells) {
+            each(cells.iter(), model => this._removeToolbar(model));
+        }
+        this._panel = null;
+        Signal.clearData(this);
+    }
+    _addToolbar(model) {
+        const cell = this._getCell(model);
+        if (cell) {
+            const toolbarWidget = new Toolbar();
+            toolbarWidget.addClass(CELL_MENU_CLASS);
+            toArray(this._toolbar).forEach(({ name, widget }) => {
+                toolbarWidget.addItem(name, widget);
+            });
+            toolbarWidget.addClass(CELL_TOOLBAR_CLASS);
+            cell.layout.insertWidget(0, toolbarWidget);
+            // For rendered markdown, watch for resize events.
+            cell.displayChanged.connect(this._resizeEventCallback, this);
+            // Watch for changes in the cell's contents.
+            cell.model.contentChanged.connect(this._changedEventCallback, this);
+        }
+    }
+    _getCell(model) {
+        var _a;
+        return (_a = this._panel) === null || _a === void 0 ? void 0 : _a.content.widgets.find(widget => widget.model === model);
+    }
+    _findToolbarWidgets(cell) {
+        const widgets = cell.layout.widgets;
+        // Search for header using the CSS class or use the first one if not found.
+        return widgets.filter(widget => widget.hasClass(CELL_TOOLBAR_CLASS)) || [];
+    }
+    _removeToolbar(model) {
+        const cell = this._getCell(model);
+        if (cell) {
+            this._findToolbarWidgets(cell).forEach(widget => widget.dispose());
+            // Attempt to remove the resize and changed event handlers.
+            cell.displayChanged.disconnect(this._resizeEventCallback, this);
+            cell.model.contentChanged.disconnect(this._changedEventCallback, this);
+        }
+    }
+    /**
+     * Call back on settings changes
+     */
+    _onToolbarChanged() {
+        var _a;
+        // Reset toolbar when settings changes
+        const activeCell = (_a = this._panel) === null || _a === void 0 ? void 0 : _a.content.activeCell;
+        if (activeCell) {
+            this._removeToolbar(activeCell.model);
+            this._addToolbar(activeCell.model);
+        }
+    }
+    _changedEventCallback() {
+        var _a;
+        const activeCell = (_a = this._panel) === null || _a === void 0 ? void 0 : _a.content.activeCell;
+        if (activeCell === null || activeCell === undefined) {
+            return;
+        }
+        this._updateCellForToolbarOverlap(activeCell);
+    }
+    _resizeEventCallback() {
+        var _a;
+        const activeCell = (_a = this._panel) === null || _a === void 0 ? void 0 : _a.content.activeCell;
+        if (activeCell === null || activeCell === undefined) {
+            return;
+        }
+        this._updateCellForToolbarOverlap(activeCell);
+    }
+    _updateCellForToolbarOverlap(activeCell) {
+        // Remove the "toolbar overlap" class from the cell, rendering the cell's toolbar
+        const activeCellElement = activeCell.node;
+        activeCellElement.classList.remove(TOOLBAR_OVERLAP_CLASS);
+        if (this._cellToolbarOverlapsContents(activeCell)) {
+            // Add the "toolbar overlap" class to the cell, completely concealing the toolbar,
+            // if the first line of the content overlaps with it at all
+            activeCellElement.classList.add(TOOLBAR_OVERLAP_CLASS);
+        }
+    }
+    _cellToolbarOverlapsContents(activeCell) {
+        const cellType = activeCell.model.type;
+        // If the toolbar is too large for the current cell, hide it.
+        const cellLeft = this._cellEditorWidgetLeft(activeCell);
+        const cellRight = this._cellEditorWidgetRight(activeCell);
+        const toolbarLeft = this._cellToolbarLeft(activeCell);
+        if (toolbarLeft === null) {
+            return false;
+        }
+        // The toolbar should not take up more than 50% of the cell.
+        if ((cellLeft + cellRight) / 2 > toolbarLeft) {
+            return true;
+        }
+        if (cellType === 'markdown' && activeCell.rendered) {
+            // Check for overlap in rendered markdown content
+            return this._markdownOverlapsToolbar(activeCell);
+        }
+        // Check for overlap in code content
+        return this._codeOverlapsToolbar(activeCell);
+    }
+    /**
+     * Check for overlap between rendered Markdown and the cell toolbar
+     *
+     * @param activeCell A rendered MarkdownCell
+     * @returns `true` if the first line of the output overlaps with the cell toolbar, `false` otherwise
+     */
+    _markdownOverlapsToolbar(activeCell) {
+        const markdownOutput = activeCell.inputArea; // Rendered markdown appears in the input area
+        // Get the rendered markdown as a widget.
+        const markdownOutputWidget = markdownOutput.renderedInput;
+        const markdownOutputElement = markdownOutputWidget.node;
+        const firstOutputElementChild = markdownOutputElement.firstElementChild;
+        if (firstOutputElementChild === null) {
+            return false;
+        }
+        // Temporarily set the element's max width so that the bounding client rectangle only encompasses the content.
+        const oldMaxWidth = firstOutputElementChild.style.maxWidth;
+        firstOutputElementChild.style.maxWidth = 'max-content';
+        const lineRight = firstOutputElementChild.getBoundingClientRect().right;
+        // Reinstate the old max width.
+        firstOutputElementChild.style.maxWidth = oldMaxWidth;
+        const toolbarLeft = this._cellToolbarLeft(activeCell);
+        return toolbarLeft === null ? false : lineRight > toolbarLeft;
+    }
+    _codeOverlapsToolbar(activeCell) {
+        const editorWidget = activeCell.editorWidget;
+        const editor = activeCell.editor;
+        if (editor.lineCount < 1) {
+            return false; // Nothing in the editor
+        }
+        const codeMirrorLines = editorWidget.node.getElementsByClassName('CodeMirror-line');
+        if (codeMirrorLines.length < 1) {
+            return false; // No lines present
+        }
+        const lineRight = codeMirrorLines[0].children[0] // First span under first pre
+            .getBoundingClientRect().right;
+        const toolbarLeft = this._cellToolbarLeft(activeCell);
+        return toolbarLeft === null ? false : lineRight > toolbarLeft;
+    }
+    _cellEditorWidgetLeft(activeCell) {
+        return activeCell.editorWidget.node.getBoundingClientRect().left;
+    }
+    _cellEditorWidgetRight(activeCell) {
+        return activeCell.editorWidget.node.getBoundingClientRect().right;
+    }
+    _cellToolbarLeft(activeCell) {
+        const toolbarWidgets = this._findToolbarWidgets(activeCell);
+        if (toolbarWidgets.length < 1) {
+            return null;
+        }
+        const activeCellToolbar = toolbarWidgets[0].node;
+        return activeCellToolbar.getBoundingClientRect().left;
+    }
+}
+const defaultToolbarItems = [
+    {
+        command: 'notebook:duplicate-below',
+        name: 'duplicate-cell'
+    },
+    {
+        command: 'notebook:move-cell-up',
+        name: 'move-cell-up'
+    },
+    {
+        command: 'notebook:move-cell-down',
+        name: 'move-cell-down'
+    },
+    {
+        command: 'notebook:insert-cell-above',
+        name: 'insert-cell-above'
+    },
+    {
+        command: 'notebook:insert-cell-below',
+        name: 'insert-cell-below'
+    },
+    {
+        command: 'notebook:delete-cell',
+        name: 'delete-cell'
+    }
+];
+/**
+ * Widget extension that creates a CellToolbarTracker each time a notebook is
+ * created.
+ */
+export class CellBarExtension {
+    constructor(commands, toolbarFactory) {
+        this._commands = commands;
+        this._toolbarFactory = toolbarFactory !== null && toolbarFactory !== void 0 ? toolbarFactory : this.defaultToolbarFactory;
+    }
+    get defaultToolbarFactory() {
+        const itemFactory = createDefaultFactory(this._commands);
+        return (widget) => new ObservableList({
+            values: defaultToolbarItems.map(item => {
+                return {
+                    name: item.name,
+                    widget: itemFactory(CellBarExtension.FACTORY_NAME, widget, item)
+                };
+            })
+        });
+    }
+    createNew(panel) {
+        return new CellToolbarTracker(panel, this._toolbarFactory(panel));
+    }
+}
+CellBarExtension.FACTORY_NAME = 'Cell';
+//# sourceMappingURL=celltoolbartracker.js.map

package/lib/celltoolbartracker.js.map

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

package/lib/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @packageDocumentation
+ * @module cell-toolbar
+ */
+export { CellBarExtension } from './celltoolbartracker';

package/lib/index.js

@@ -0,0 +1,10 @@
+/* -----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+/**
+ * @packageDocumentation
+ * @module cell-toolbar
+ */
+export { CellBarExtension } from './celltoolbartracker';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;+EAG+E;AAC/E;;;GAGG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@jupyterlab/cell-toolbar",
+  "version": "3.4.0-alpha.0",
+  "description": "Contextual cell toolbar adapted from jlab-enhanced-cell-toolbar",
+  "homepage": "https://github.com/jupyterlab/jupyterlab",
+  "bugs": {
+    "url": "https://github.com/jupyterlab/jupyterlab/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jupyterlab/jupyterlab.git"
+  },
+  "license": "BSD-3-Clause",
+  "author": "Project Jupyter",
+  "sideEffects": [
+    "style/**/*"
+  ],
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "style": "style/index.css",
+  "directories": {
+    "lib": "lib",
+    "test": "test"
+  },
+  "files": [
+    "lib/**/*.{d.ts,eot,gif,html,jpg,js,js.map,json,png,svg,woff2,ttf}",
+    "schema/*.json",
+    "style/**/*.{css,eot,gif,html,jpg,json,png,svg,woff2,ttf}",
+    "style/index.js"
+  ],
+  "scripts": {
+    "build": "tsc -b",
+    "build:all": "npm run build",
+    "build:test": "tsc --build tsconfig.test.json",
+    "clean": "rimraf lib && rimraf tsconfig.tsbuildinfo",
+    "test": "jest",
+    "test:cov": "jest --collect-coverage",
+    "test:debug": "node --inspect-brk node_modules/.bin/jest --runInBand",
+    "test:debug:watch": "node --inspect-brk node_modules/.bin/jest --runInBand --watch",
+    "watch": "tsc -b --watch"
+  },
+  "dependencies": {
+    "@jupyterlab/apputils": "^3.4.0-alpha.0",
+    "@jupyterlab/cells": "^3.4.0-alpha.0",
+    "@jupyterlab/docregistry": "^3.4.0-alpha.0",
+    "@jupyterlab/notebook": "^3.4.0-alpha.0",
+    "@jupyterlab/observables": "^4.4.0-alpha.0",
+    "@lumino/algorithm": "^1.9.0",
+    "@lumino/commands": "^1.19.0",
+    "@lumino/disposable": "^1.10.0",
+    "@lumino/signaling": "^1.10.0",
+    "@lumino/widgets": "^1.30.0"
+  },
+  "devDependencies": {
+    "@jupyterlab/testutils": "^3.4.0-alpha.0",
+    "@types/jest": "^26.0.10",
+    "jest": "^26.4.2",
+    "rimraf": "~3.0.0",
+    "ts-jest": "^26.3.0",
+    "typescript": "~4.1.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "styleModule": "style/index.js"
+}

package/style/base.css

@@ -0,0 +1,77 @@
+.jp-cell-button .jp-icon3[fill] {
+  fill: var(--jp-inverse-layout-color4);
+}
+
+.jp-cell-button:hover .jp-icon3[fill] {
+  fill: var(--jp-inverse-layout-color2);
+}
+
+.jp-toolbar-overlap .jp-cell-toolbar {
+  display: none;
+}
+
+.jp-cell-toolbar {
+  display: flex;
+  flex-direction: row;
+  padding: 2px 0;
+  min-height: 25px;
+  z-index: 10;
+  position: absolute;
+  top: 5px;
+  right: 8px;
+
+  /* Override .jp-Toolbar */
+  background-color: inherit;
+  border-bottom: inherit;
+  box-shadow: inherit;
+}
+
+/* Overrides for mobile view: Move cell toolbar up, don't hide it if it overlaps */
+@media only screen and (max-width: 760px) {
+  .jp-toolbar-overlap .jp-cell-toolbar {
+    display: block;
+  }
+
+  .jp-cell-toolbar {
+    top: -5px;
+  }
+}
+
+.jp-cell-menu {
+  display: flex;
+  flex-direction: row;
+}
+
+.jp-cell-menu button.jp-ToolbarButtonComponent {
+  cursor: pointer;
+}
+
+.jp-cell-menu .jp-ToolbarButton button {
+  display: none;
+}
+
+.jp-cell-menu .jp-ToolbarButton .jp-cell-all,
+.jp-CodeCell .jp-ToolbarButton .jp-cell-code,
+.jp-MarkdownCell .jp-ToolbarButton .jp-cell-markdown,
+.jp-RawCell .jp-ToolbarButton .jp-cell-raw {
+  display: block;
+}
+
+.jp-cell-toolbar .jp-Toolbar-spacer {
+  flex: 1 1 auto;
+}
+
+.jp-cell-mod-click {
+  cursor: pointer;
+}
+
+/* Custom styling for rendered markdown cells so that cell toolbar is visible */
+.jp-MarkdownOutput {
+  border-width: var(--jp-border-width);
+  border-color: transparent;
+  border-style: solid;
+}
+
+.jp-mod-active .jp-MarkdownOutput {
+  border-color: var(--jp-cell-editor-border-color);
+}

package/style/index.css

@@ -0,0 +1,13 @@
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
+@import url('~@lumino/widgets/style/index.css');
+@import url('~@jupyterlab/apputils/style/index.css');
+@import url('~@jupyterlab/docregistry/style/index.css');
+@import url('~@jupyterlab/cells/style/index.css');
+@import url('~@jupyterlab/notebook/style/index.css');
+
+@import url('./base.css');

package/style/index.js

@@ -0,0 +1,13 @@
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
+import '@lumino/widgets/style/index.js';
+import '@jupyterlab/apputils/style/index.js';
+import '@jupyterlab/docregistry/style/index.js';
+import '@jupyterlab/cells/style/index.js';
+import '@jupyterlab/notebook/style/index.js';
+
+import './base.css';