@jupyter-notebook/notebook-extension 7.0.0-alpha.3 → 7.0.0-alpha.4

package/lib/index.js

@@ -1,6 +1,6 @@
 // Copyright (c) Jupyter Development Team.
 // Distributed under the terms of the Modified BSD License.
-import { DOMUtils } from '@jupyterlab/apputils';
+import { DOMUtils, IToolbarWidgetRegistry } from '@jupyterlab/apputils';
 import { Text, Time } from '@jupyterlab/coreutils';
 import { IDocumentManager } from '@jupyterlab/docmanager';
 import { NotebookPanel, INotebookTracker } from '@jupyterlab/notebook';
@@ -36,14 +36,19 @@ const checkpoints = {
     id: '@jupyter-notebook/notebook-extension:checkpoints',
     autoStart: true,
     requires: [IDocumentManager, ITranslator],
-    optional: [INotebookShell],
-    activate: (app, docManager, translator, notebookShell) => {
+    optional: [INotebookShell, IToolbarWidgetRegistry],
+    activate: (app, docManager, translator, notebookShell, toolbarRegistry) => {
         const { shell } = app;
         const trans = translator.load('notebook');
-        const widget = new Widget();
-        widget.id = DOMUtils.createDomID();
-        widget.addClass('jp-NotebookCheckpoint');
-        app.shell.add(widget, 'top', { rank: 100 });
+        const node = document.createElement('div');
+        if (toolbarRegistry) {
+            toolbarRegistry.addFactory('TopBar', 'checkpoint', toolbar => {
+                const widget = new Widget({ node });
+                widget.id = DOMUtils.createDomID();
+                widget.addClass('jp-NotebookCheckpoint');
+                return widget;
+            });
+        }
         const onChange = async () => {
             const current = shell.currentWidget;
             if (!current) {
@@ -57,7 +62,7 @@ const checkpoints = {
                 return;
             }
             const checkpoint = checkpoints[checkpoints.length - 1];
-            widget.node.textContent = trans.__('Last Checkpoint: %1', Time.formatHuman(new Date(checkpoint.last_modified)));
+            node.textContent = trans.__('Last Checkpoint: %1', Time.formatHuman(new Date(checkpoint.last_modified)));
         };
         if (notebookShell) {
             notebookShell.currentChanged.connect(onChange);
@@ -80,15 +85,14 @@ const kernelLogo = {
     id: '@jupyter-notebook/notebook-extension:kernel-logo',
     autoStart: true,
     requires: [INotebookShell],
-    activate: (app, shell) => {
+    optional: [IToolbarWidgetRegistry],
+    activate: (app, shell, toolbarRegistry) => {
         const { serviceManager } = app;
-        let widget;
+        const node = document.createElement('div');
+        const img = document.createElement('img');
+        node.appendChild(img);
         const onChange = async () => {
             var _a, _b, _c, _d, _e;
-            if (widget) {
-                widget.dispose();
-                widget.parent = null;
-            }
             const current = shell.currentWidget;
             if (!(current instanceof NotebookPanel)) {
                 return;
@@ -105,15 +109,16 @@ const kernelLogo = {
             if (!kernelIconUrl) {
                 return;
             }
-            const node = document.createElement('div');
-            const img = document.createElement('img');
             img.src = kernelIconUrl;
             img.title = spec.display_name;
-            node.appendChild(img);
-            widget = new Widget({ node });
-            widget.addClass('jp-NotebookKernelLogo');
-            app.shell.add(widget, 'top', { rank: 10010 });
         };
+        if (toolbarRegistry) {
+            toolbarRegistry.addFactory('TopBar', 'kernelLogo', toolbar => {
+                const widget = new Widget({ node });
+                widget.addClass('jp-NotebookKernelLogo');
+                return widget;
+            });
+        }
         app.started.then(() => {
             shell.currentChanged.connect(onChange);
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jupyter-notebook/notebook-extension",
-  "version": "7.0.0-alpha.3",
+  "version": "7.0.0-alpha.4",
   "description": "Jupyter Notebook - Notebook Extension",
   "homepage": "https://github.com/jupyter/notebook",
   "bugs": {
@@ -39,16 +39,16 @@
     "watch": "tsc -b --watch"
   },
   "dependencies": {
-    "@jupyter-notebook/application": "^7.0.0-alpha.3",
-    "@jupyterlab/application": "^4.0.0-alpha.9",
-    "@jupyterlab/apputils": "^4.0.0-alpha.9",
-    "@jupyterlab/cells": "^4.0.0-alpha.9",
-    "@jupyterlab/docmanager": "^4.0.0-alpha.9",
-    "@jupyterlab/notebook": "^4.0.0-alpha.9",
-    "@jupyterlab/settingregistry": "^4.0.0-alpha.9",
-    "@jupyterlab/translation": "^4.0.0-alpha.9",
+    "@jupyter-notebook/application": "^7.0.0-alpha.4",
+    "@jupyterlab/application": "^4.0.0-alpha.10",
+    "@jupyterlab/apputils": "^4.0.0-alpha.10",
+    "@jupyterlab/cells": "^4.0.0-alpha.10",
+    "@jupyterlab/docmanager": "^4.0.0-alpha.10",
+    "@jupyterlab/notebook": "^4.0.0-alpha.10",
+    "@jupyterlab/settingregistry": "^4.0.0-alpha.10",
+    "@jupyterlab/translation": "^4.0.0-alpha.10",
     "@lumino/polling": "^1.10.0",
-    "@lumino/widgets": "^1.31.1"
+    "@lumino/widgets": "^1.32.0"
   },
   "devDependencies": {
     "rimraf": "~3.0.0",

package/schema/checkpoints.json

@@ -0,0 +1,10 @@
+{
+  "title": "Notebook checkpoint indicator",
+  "description": "Notebook checkpoint indicator",
+  "jupyter.lab.toolbars": {
+    "TopBar": [{ "name": "checkpoint", "rank": 20 }]
+  },
+  "properties": {},
+  "additionalProperties": false,
+  "type": "object"
+}

package/schema/kernel-logo.json

@@ -0,0 +1,10 @@
+{
+  "title": "Kernel logo",
+  "description": "Kernel logo in the top area",
+  "jupyter.lab.toolbars": {
+    "TopBar": [{ "name": "kernelLogo", "rank": 110 }]
+  },
+  "properties": {},
+  "additionalProperties": false,
+  "type": "object"
+}

package/style/base.css

@@ -46,6 +46,19 @@ body[data-notebook='notebooks'] .jp-Notebook.jp-mod-scrollPastEnd::after {
   min-height: var(--jp-notebook-padding);
 }
 
+/* Cell toolbar adjustements */
+
+body[data-notebook='notebooks'] .jp-cell-toolbar {
+  background: unset;
+  top: unset;
+}
+
+@media only screen and (max-width: 760px) {
+  body[data-notebook='notebooks'] .jp-cell-toolbar {
+    top: 5px;
+  }
+}
+
 /* ---- */
 
 .jp-NotebookKernelLogo {