@jupyterlab/javascript-extension 4.0.0-alpha.19 → 4.0.0-alpha.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jupyterlab/javascript-extension",
-  "version": "4.0.0-alpha.19",
+  "version": "4.0.0-alpha.20",
   "description": "JupyterLab - Javascript Renderer",
   "homepage": "https://github.com/jupyterlab/jupyterlab",
   "bugs": {
@@ -23,7 +23,8 @@
   },
   "files": [
     "lib/*.{d.ts,js,js.map}",
-    "style/*"
+    "style/*",
+    "src/**/*.{ts,tsx}"
   ],
   "scripts": {
     "build": "tsc -b",
@@ -32,13 +33,13 @@
     "watch": "tsc -b --watch"
   },
   "dependencies": {
-    "@jupyterlab/rendermime": "^4.0.0-alpha.19",
-    "@jupyterlab/rendermime-interfaces": "^3.8.0-alpha.19"
+    "@jupyterlab/rendermime": "^4.0.0-alpha.20",
+    "@jupyterlab/rendermime-interfaces": "^3.8.0-alpha.20"
   },
   "devDependencies": {
     "rimraf": "~3.0.0",
-    "typedoc": "~0.22.10",
-    "typescript": "~4.7.3"
+    "typedoc": "~0.23.25",
+    "typescript": "~5.0.0-beta"
   },
   "publishConfig": {
     "access": "public"

package/src/index.ts

@@ -0,0 +1,76 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+/**
+ * @packageDocumentation
+ * @module javascript-extension
+ */
+
+import { RenderedJavaScript } from '@jupyterlab/rendermime';
+import { IRenderMime } from '@jupyterlab/rendermime-interfaces';
+
+export const TEXT_JAVASCRIPT_MIMETYPE = 'text/javascript';
+export const APPLICATION_JAVASCRIPT_MIMETYPE = 'application/javascript';
+
+function evalInContext(
+  code: string,
+  element: Element,
+  document: Document,
+  window: Window
+) {
+  // eslint-disable-next-line
+  return eval(code);
+}
+
+export class ExperimentalRenderedJavascript extends RenderedJavaScript {
+  render(model: IRenderMime.IMimeModel): Promise<void> {
+    const trans = this.translator.load('jupyterlab');
+    const renderJavascript = () => {
+      try {
+        const data = model.data[this.mimeType] as string | undefined;
+        if (data) {
+          evalInContext(data, this.node, document, window);
+        }
+        return Promise.resolve();
+      } catch (error) {
+        return Promise.reject(error);
+      }
+    };
+    if (!model.trusted) {
+      // If output is not trusted or if arbitrary Javascript execution is not enabled, render an informative error message
+      const pre = document.createElement('pre');
+      pre.textContent = trans.__(
+        'Are you sure that you want to run arbitrary Javascript within your JupyterLab session?'
+      );
+      const button = document.createElement('button');
+      button.textContent = trans.__('Run');
+
+      this.node.appendChild(pre);
+      this.node.appendChild(button);
+
+      button.onclick = event => {
+        this.node.textContent = '';
+        void renderJavascript();
+      };
+      return Promise.resolve();
+    }
+    return renderJavascript();
+  }
+}
+
+/**
+ * A mime renderer factory for text/javascript data.
+ */
+export const rendererFactory: IRenderMime.IRendererFactory = {
+  safe: false,
+  mimeTypes: [TEXT_JAVASCRIPT_MIMETYPE, APPLICATION_JAVASCRIPT_MIMETYPE],
+  createRenderer: options => new ExperimentalRenderedJavascript(options)
+};
+
+const extension: IRenderMime.IExtension = {
+  id: '@jupyterlab/javascript-extension:factory',
+  rendererFactory,
+  rank: 0,
+  dataType: 'string'
+};
+
+export default extension;