@jupyter-notebook/notebook-extension 7.0.0-alpha.12 → 7.0.0-alpha.14

package/lib/index.js

@@ -9,6 +9,7 @@ import { ITranslator } from '@jupyterlab/translation';
 import { INotebookShell } from '@jupyter-notebook/application';
 import { Poll } from '@lumino/polling';
 import { Widget } from '@lumino/widgets';
+import { TrustedComponent } from './trusted';
 /**
  * The class for kernel status errors.
  */
@@ -90,23 +91,27 @@ const kernelLogo = {
         const { serviceManager } = app;
         const node = document.createElement('div');
         const img = document.createElement('img');
-        node.appendChild(img);
         const onChange = async () => {
             var _a, _b, _c, _d, _e;
             const current = shell.currentWidget;
             if (!(current instanceof NotebookPanel)) {
                 return;
             }
+            if (!node.hasChildNodes()) {
+                node.appendChild(img);
+            }
             await current.sessionContext.ready;
             current.sessionContext.kernelChanged.disconnect(onChange);
             current.sessionContext.kernelChanged.connect(onChange);
             const name = (_c = (_b = (_a = current.sessionContext.session) === null || _a === void 0 ? void 0 : _a.kernel) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : '';
             const spec = (_e = (_d = serviceManager.kernelspecs) === null || _d === void 0 ? void 0 : _d.specs) === null || _e === void 0 ? void 0 : _e.kernelspecs[name];
             if (!spec) {
+                node.childNodes[0].remove();
                 return;
             }
             const kernelIconUrl = spec.resources['logo-64x64'];
             if (!kernelIconUrl) {
+                node.childNodes[0].remove();
                 return;
             }
             img.src = kernelIconUrl;
@@ -275,6 +280,27 @@ const notebookToolsWidget = {
         shell.currentChanged.connect(onChange);
     }
 };
+/**
+ * A plugin that adds a Trusted indicator to the menu area
+ */
+const trusted = {
+    id: '@jupyter-notebook/notebook-extension:trusted',
+    autoStart: true,
+    requires: [INotebookShell, ITranslator],
+    activate: (app, notebookShell, translator) => {
+        const onChange = async () => {
+            const current = notebookShell.currentWidget;
+            if (!(current instanceof NotebookPanel)) {
+                return;
+            }
+            const notebook = current.content;
+            await current.context.ready;
+            const widget = TrustedComponent.create({ notebook, translator });
+            notebookShell.add(widget, 'menu', { rank: 11000 });
+        };
+        notebookShell.currentChanged.connect(onChange);
+    }
+};
 /**
  * Export the plugins as default.
  */
@@ -283,6 +309,7 @@ const plugins = [
     kernelLogo,
     kernelStatus,
     scrollOutput,
-    notebookToolsWidget
+    notebookToolsWidget,
+    trusted
 ];
 export default plugins;

package/lib/trusted.d.ts

@@ -0,0 +1,18 @@
+import { ReactWidget } from '@jupyterlab/apputils';
+import { Notebook } from '@jupyterlab/notebook';
+import { ITranslator } from '@jupyterlab/translation';
+/**
+ * A namespace for TrustedComponent statics.
+ */
+export declare namespace TrustedComponent {
+    /**
+     * Create a new TrustedComponent
+     *
+     * @param notebook The notebook
+     * @param translator The translator
+     */
+    const create: ({ notebook, translator }: {
+        notebook: Notebook;
+        translator: ITranslator;
+    }) => ReactWidget;
+}

package/lib/trusted.js

@@ -0,0 +1,70 @@
+import { ReactWidget } from '@jupyterlab/apputils';
+import { NotebookActions } from '@jupyterlab/notebook';
+import { toArray } from '@lumino/algorithm';
+import React, { useEffect, useState } from 'react';
+/**
+ * Check if a notebook is trusted
+ * @param notebook The notebook to check
+ * @returns true if the notebook is trusted, false otherwise
+ */
+const isTrusted = (notebook) => {
+    const model = notebook.model;
+    if (!model) {
+        return false;
+    }
+    const cells = toArray(model.cells);
+    const trusted = cells.reduce((accum, current) => {
+        if (current.trusted) {
+            return accum + 1;
+        }
+        else {
+            return accum;
+        }
+    }, 0);
+    const total = cells.length;
+    return trusted === total;
+};
+/**
+ * A React component to display the Trusted badge in the menu bar.
+ * @param notebook The Notebook
+ * @param translator The Translation service
+ */
+const TrustedButton = ({ notebook, translator }) => {
+    const trans = translator.load('notebook');
+    const [trusted, setTrusted] = useState(isTrusted(notebook));
+    const checkTrust = () => {
+        const v = isTrusted(notebook);
+        setTrusted(v);
+    };
+    const trust = async () => {
+        await NotebookActions.trust(notebook, translator);
+        checkTrust();
+    };
+    useEffect(() => {
+        notebook.modelContentChanged.connect(checkTrust);
+        notebook.activeCellChanged.connect(checkTrust);
+        checkTrust();
+        return () => {
+            notebook.modelContentChanged.disconnect(checkTrust);
+            notebook.activeCellChanged.disconnect(checkTrust);
+        };
+    });
+    return (React.createElement("button", { className: 'jp-NotebookTrustedStatus', style: !trusted ? { cursor: 'pointer' } : { cursor: 'help' }, onClick: () => !trusted && trust(), title: trusted
+            ? trans.__('JavaScript enabled for notebook display')
+            : trans.__('JavaScript disabled for notebook display') }, trusted ? trans.__('Trusted') : trans.__('Not Trusted')));
+};
+/**
+ * A namespace for TrustedComponent statics.
+ */
+export var TrustedComponent;
+(function (TrustedComponent) {
+    /**
+     * Create a new TrustedComponent
+     *
+     * @param notebook The notebook
+     * @param translator The translator
+     */
+    TrustedComponent.create = ({ notebook, translator }) => {
+        return ReactWidget.create(React.createElement(TrustedButton, { notebook: notebook, translator: translator }));
+    };
+})(TrustedComponent || (TrustedComponent = {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jupyter-notebook/notebook-extension",
-  "version": "7.0.0-alpha.12",
+  "version": "7.0.0-alpha.14",
   "description": "Jupyter Notebook - Notebook Extension",
   "homepage": "https://github.com/jupyter/notebook",
   "bugs": {
@@ -35,24 +35,23 @@
     "build:prod": "tsc -b",
     "clean": "rimraf lib && rimraf tsconfig.tsbuildinfo",
     "docs": "typedoc src",
-    "prepublishOnly": "npm run build",
     "watch": "tsc -b --watch"
   },
   "dependencies": {
-    "@jupyter-notebook/application": "^7.0.0-alpha.12",
-    "@jupyterlab/application": "^4.0.0-alpha.18",
-    "@jupyterlab/apputils": "^4.0.0-alpha.18",
-    "@jupyterlab/cells": "^4.0.0-alpha.18",
-    "@jupyterlab/docmanager": "^4.0.0-alpha.18",
-    "@jupyterlab/notebook": "^4.0.0-alpha.18",
-    "@jupyterlab/settingregistry": "^4.0.0-alpha.18",
-    "@jupyterlab/translation": "^4.0.0-alpha.18",
+    "@jupyter-notebook/application": "^7.0.0-alpha.14",
+    "@jupyterlab/application": "^4.0.0-alpha.19",
+    "@jupyterlab/apputils": "^4.0.0-alpha.19",
+    "@jupyterlab/cells": "^4.0.0-alpha.19",
+    "@jupyterlab/docmanager": "^4.0.0-alpha.19",
+    "@jupyterlab/notebook": "^4.0.0-alpha.19",
+    "@jupyterlab/settingregistry": "^4.0.0-alpha.19",
+    "@jupyterlab/translation": "^4.0.0-alpha.19",
     "@lumino/polling": "^2.0.0-beta.1",
     "@lumino/widgets": "^2.0.0-beta.1"
   },
   "devDependencies": {
     "rimraf": "^3.0.2",
-    "typescript": "~4.9.3"
+    "typescript": "5.0.0-beta"
   },
   "publishConfig": {
     "access": "public"

package/style/base.css

@@ -132,6 +132,10 @@ body[data-format='mobile'] .jp-Notebook > *:first-child {
   margin-top: 0;
 }
 
+body[data-format='mobile'] .jp-ToolbarButton .jp-DebuggerBugButton {
+  display: none;
+}
+
 /* Virtual Notebook fixes */
 
 body[data-notebook='notebooks'] .jp-WindowedPanel-window {
@@ -216,6 +220,19 @@ body[data-notebook='notebooks']
   animation: 0.5s fade-out forwards;
 }
 
+.jp-NotebookTrustedStatus {
+  background: var(--jp-layout-color1);
+  color: var(--jp-ui-font-color1);
+  margin-top: 4px;
+  margin-bottom: 4px;
+  border: solid 1px var(--jp-border-color2);
+  cursor: help;
+}
+
+.jp-NotebookTrustedStatus-not-trusted {
+  cursor: pointer;
+}
+
 @keyframes fade-out {
   0% {
     opacity: 1;