@jupyterlab/javascript-extension 4.0.0-alpha.2 → 4.0.0-alpha.21

package/README.md

@@ -1,19 +1,15 @@
 # javascript-extension
 
-A JupyterLab extension for running Javascript from a notebook in JupyterLab
+A JupyterLab extension for running Javascript from a notebook in JupyterLab.
 
-## Prerequisites
-
-- JupyterLab ^0.27.0
+This extension is in the official JupyterLab distribution.
 
 ## Usage
 
-To render VDOM output in IPython:
-
 ```python
 from IPython.display import Javascript
 
-Javascript('console.log("hello world");')
+Javascript('alert("hello world");')
 ```
 
 ## Development

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jupyterlab/javascript-extension",
-  "version": "4.0.0-alpha.2",
+  "version": "4.0.0-alpha.21",
   "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.2",
-    "@jupyterlab/rendermime-interfaces": "^4.0.0-alpha.2"
+    "@jupyterlab/rendermime": "^4.0.0-alpha.21",
+    "@jupyterlab/rendermime-interfaces": "^3.8.0-alpha.21"
   },
   "devDependencies": {
     "rimraf": "~3.0.0",
-    "typedoc": "~0.21.2",
-    "typescript": "~4.5.2"
+    "typedoc": "~0.23.25",
+    "typescript": "~5.0.1-rc"
   },
   "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;