Merge pull request #5096 from plotly/notebook-connected-default

Add back the mime renderer JL extension

Author: marthacryan

.circleci/config.yml

@@ -58,9 +58,6 @@ commands:
             source .venv/bin/activate
             uv pip install .
             uv pip install -r ./test_requirements/requirements_optional.txt
-            cd js
-            npm ci
-            npm run build
       
       - when:
           condition: 
@@ -269,22 +266,18 @@ jobs:
 
     steps:
       - checkout
-
       - run:
-          name: initial NPM Build
+          name: PyPI Build
           command: |
-            python -m venv venv
-            . venv/bin/activate
+            curl -LsSf https://astral.sh/uv/install.sh | sh
+            uv venv
+            source .venv/bin/activate
+            uv pip install build
+            uv pip install jupyter
             cd js
             npm ci
             npm run build
-            git status
-
-      - run:
-          name: PyPI Build
-          command: |
-            . venv/bin/activate
-            pip install build
+            cd ..
             python -m build --sdist --wheel -o dist
             cp -R dist output
             git status
@@ -310,7 +303,6 @@ jobs:
       - checkout
       - browser-tools/install-chrome
       - browser-tools/install-chromedriver
-
       - run:
           name: Install dependencies
           command: |
@@ -319,16 +311,11 @@ jobs:
             uv venv
             source .venv/bin/activate
             uv pip install -r requirements.txt
+            cd ..
             if [ "${CIRCLE_BRANCH}" != "doc-prod" ]; then
               uv pip uninstall plotly
-              cd ..
               uv pip install -e .
-              cd js
-              npm ci
-              npm run build
-              cd ../doc
             fi
-            cd ..
 
       - run:
           name: make html
@@ -420,7 +407,7 @@ workflows:
   release_build:
     jobs:
       - full_build
-
+  
   build:
     jobs:
       - test_core_py:
@@ -449,4 +436,4 @@ workflows:
           pandas_version: "1.2.4"
           numpy_version: "1.26.4"
       - python_311_percy
-      - build-doc
+      - build-doc

.github/workflows/check-js-build.yml

@@ -0,0 +1,66 @@
+on: push
+
+jobs:
+  check-js-build:
+    name: Check JS build artifacts
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+    - name: Set up Python
+      uses: actions/setup-python@v5
+      with:
+        python-version: "3.x"
+        
+    - name: Install Node
+      uses: actions/setup-node@v2
+      with:
+        node-version: '22'
+
+    - name: Copy current files to a temporary directory
+      run: |
+        cp -R plotly/labextension/ plotly/labextension-tmp/
+
+    - name: Install dependencies and build
+      run: |
+        curl -LsSf https://astral.sh/uv/install.sh | sh
+        uv venv
+        source .venv/bin/activate
+        uv pip install jupyter
+        cd js
+        npm ci
+        npm run build
+    - name: Check JupyterLab build artifacts
+      run: |
+        # 1. Hash contents of all static files, sort by content hash
+        find plotly/labextension/static -type f -exec sha256sum {} \; | awk '{print $1}' | sort > new_hashes.txt
+        find plotly/labextension-tmp/static -type f -exec sha256sum {} \; | awk '{print $1}' | sort > old_hashes.txt
+
+        # 2. Compare the sorted content hashes
+        diff old_hashes.txt new_hashes.txt > content_diff.txt
+
+        # Remove the "load" line from both package.json files before comparing
+        grep -v '"load": "static/' plotly/labextension/package.json > pkg1.json
+        grep -v '"load": "static/' plotly/labextension-tmp/package.json > pkg2.json
+
+        # Compare stripped versions
+        diff pkg1.json pkg2.json > package_json_diff.txt
+
+        # 5. Final check
+        if [ -s content_diff.txt ] || [ -s package_json_diff.txt ]; then
+        echo "❌ Build artifacts differ:"
+        echo "--- Unexpected diffs ---"
+        cat content_diff.txt
+        echo "--- Unexpected package.json diffs ---"
+        cat package_json_diff.txt
+        echo "Please replace the 'plotly/labextension' directory with the artifacts of this CI run."
+        exit 1
+        else
+        echo "✅ Build artifacts match expected output (ignoring known 'load' hash in package.json)."
+        fi
+
+    - name: Store the build artifacts from plotly/labextension
+      uses: actions/upload-artifact@v4
+      if: failure()
+      with:
+        name: labextension
+        path: plotly/labextension

.github/workflows/test-release.yml

@@ -10,8 +10,6 @@ jobs:
 
     steps:
     - uses: actions/checkout@v4
-      with:
-        persist-credentials: false
     - name: Set up Python
       uses: actions/setup-python@v5
       with:
@@ -20,7 +18,7 @@ jobs:
     - name: Install Node
       uses: actions/setup-node@v2
       with:
-        node-version: '18'
+        node-version: '22'
 
     - name: Install npm dependencies
       run: |

.gitignore

@@ -59,7 +59,6 @@ doc/python/.mapbox_token
 doc/.ipynb_checkpoints
 tags
 doc/check-or-enforce-order.py
-plotly/package_data/widgetbundle.js
 
 tests/percy/*.html
 tests/percy/pandas2/*.html

CONTRIBUTING.md

@@ -169,6 +169,19 @@ and
 [`pip`](https://pip.pypa.io/en/stable/reference/pip_install/#install-editable)
 documentation on _development mode_.
 
+### Updating the `js/` directory
+**This is only necessary if you're making changes to files in the `js/` directory.**
+If you make changes to any files in the `js/` directory, you must run `npm install && npm run build` from the `js/` directory to rebuild the FigureWidget and JupyterLab extension.
+You must then commit the build artifacts produced in `plotly/labextension`. A CI job will verify that this step has been done correctly.
+
+**Notes on the contents of the `js/` directory:**
+The `js/` directory contains Javascript code which helps with using Plotly in Jupyter notebooks.
+
+There are two kinds of Jupyter support included in the `js/` directory:
+1. **Mime Renderer JupyterLab extension**: This is the default renderer for Plotly `Figure()` objects in Jupyter notebooks. The Plotly mime renderer JupyterLab extension is used automatically by JupyterLab / Jupyter Notebook
+when it sees the mimetype `application/vnd.plotly.v1+json` in the notebook output. The mime renderer loads `plotly.js` a single time and references it each time a Plotly figure is used in the notebook. This allows us to avoid embedding `plotly.js` in the notebook output. The JupyterLab extension source code is located at `js/src/mimeExtension.ts` and the compiled extension code is located at `plotly/labextension` in the built Python package. The command `jupyter labextension build` (which is one of the steps called by `npm run build`) compiles the extension and places the build artifacts in `plotly/labextension`. 
+2. **FigureWidget**: This is a more-interactive method for rendering Plotly charts in notebooks. FigureWidget used by creating a `FigureWidget()` object inside the notebook code (in place of a `Figure()`). It allows for communication between the Javascript frontend and Python backend, and requires the installation of an additional Python package (`anywidget`). The FigureWidget source code is located at `js/src/widget.ts`, and is included in the built Python package at `plotly/package_data/widgetbundle.js`. 
+
 ### Configure black code formatting
 
 This repo uses the [Black](https://black.readthedocs.io/en/stable/) code formatter,

js/install.json

@@ -0,0 +1,9 @@
+{
+    "schemaVersion": 1,
+    "name": "jupyterlab-plotly",
+    "version": "6.0.1",
+    "jupyterlab": {
+      "mimeExtension": "lib/mimeExtension.js"
+    }
+}
+  

js/lib/mimeExtension.js

@@ -1,16 +1,36 @@
 {
-  "scripts": {
-    "build": "esbuild --bundle --alias:plotly.js=plotly.js/dist/plotly --format=esm --minify --outfile=../plotly/package_data/widgetbundle.js widget.ts",
-    "watch": "npm run build -- --watch --sourcemap=inline",
-    "typecheck": "tsc --noEmit"
-  },
-  "dependencies": {
-    "lodash-es": "^4.17.21",
-    "plotly.js": "3.0.1"
-  },
-  "devDependencies": {
-    "@types/plotly.js": "^2.33.4",
-    "esbuild": "^0.23.1",
-    "typescript": "^5.6.2"
+    "name": "jupyterlab-plotly",
+    "main": "lib/mimeExtension.js",
+    "version": "6.0.1",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/plotly/plotly.py"
+    },
+    "description": "The plotly Jupyter extension",
+    "author": "The plotly.py team",
+    "license": "MIT",
+    "scripts": {
+      "build:widget": "esbuild --bundle --alias:plotly.js=plotly.js/dist/plotly --format=esm --minify --outfile=../plotly/package_data/widgetbundle.js src/widget.ts",
+      "build:mimerenderer": "esbuild --bundle --alias:plotly.js=plotly.js/dist/plotly --format=esm --minify --outfile=lib/mimeExtension.js src/mimeExtension.ts",
+      "build:labextension": "jupyter labextension build .",
+      "build": "npm run build:widget && npm run build:mimerenderer && npm run build:labextension",
+      "watch": "npm run build -- --watch --sourcemap=inline",
+      "typecheck": "tsc --noEmit"
+    },
+    "dependencies": {
+      "lodash-es": "^4.17.21",
+      "plotly.js": "3.0.1",
+      "@lumino/widgets": "~2.4.0"
+    },
+    "devDependencies": {
+      "@jupyterlab/builder": "^4.3.6 || ^3.6.8",
+      "@types/plotly.js": "^2.33.4",
+      "esbuild": "^0.23.1",
+      "typescript": "^5.6.2"
+    },
+    "jupyterlab": {
+      "mimeExtension": true,
+      "outputDir": "../plotly/labextension"
+    } 
   }
-}
+  

js/package-lock.json

@@ -0,0 +1,248 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import { IRenderMime } from '@jupyterlab/rendermime-interfaces';
+import { Widget } from '@lumino/widgets';
+import type PlotlyType from "plotly.js";
+
+import { Message } from "@lumino/messaging";
+
+/**
+ * The CSS class to add to the Plotly Widget.
+ */
+const CSS_CLASS = "jp-RenderedPlotly";
+
+/**
+ * The CSS class for a Plotly icon.
+ */
+const CSS_ICON_CLASS = "jp-MaterialIcon jp-PlotlyIcon";
+
+/**
+ * The MIME type for Plotly.
+ * The version of this follows the major version of Plotly.
+ */
+export const MIME_TYPE = "application/vnd.plotly.v1+json";
+
+interface IPlotlySpec {
+  data: PlotlyType.Data;
+  layout: PlotlyType.Layout;
+  frames?: PlotlyType.Frame[];
+}
+
+export class RenderedPlotly extends Widget implements IRenderMime.IRenderer {
+  /**
+   * Create a new widget for rendering Plotly.
+   */
+  constructor(options: IRenderMime.IRendererOptions) {
+    super();
+    this.addClass(CSS_CLASS);
+    this._mimeType = options.mimeType;
+
+    // Create image element
+    this._img_el = <HTMLImageElement>document.createElement("img");
+    this._img_el.className = "plot-img";
+    this.node.appendChild(this._img_el);
+
+    // Install image hover callback
+    this._img_el.addEventListener("mouseenter", (event) => {
+      this.createGraph(this._model);
+    });
+  }
+
+  /**
+   * Render Plotly into this widget's node.
+   */
+  renderModel(model: IRenderMime.IMimeModel): Promise<void> {
+    if (this.hasGraphElement()) {
+      // We already have a graph, don't overwrite it
+      return Promise.resolve();
+    }
+
+    // Save off reference to model so that we can regenerate the plot later
+    this._model = model;
+
+    // Check for PNG data in mime bundle
+    const png_data = <string>model.data["image/png"];
+    if (png_data !== undefined && png_data !== null) {
+      // We have PNG data, use it
+      this.updateImage(png_data);
+      return Promise.resolve();
+    } else {
+      // Create a new graph
+      return this.createGraph(model);
+    }
+  }
+
+  private hasGraphElement() {
+    // Check for the presence of the .plot-container element that plotly.js
+    // places at the top of the figure structure
+    return this.node.querySelector(".plot-container") !== null;
+  }
+
+  private updateImage(png_data: string) {
+    this.hideGraph();
+    this._img_el.src = "data:image/png;base64," + <string>png_data;
+    this.showImage();
+  }
+
+  private hideGraph() {
+    // Hide the graph if there is one
+    let el = <HTMLDivElement>this.node.querySelector(".plot-container");
+    if (el !== null && el !== undefined) {
+      el.style.display = "none";
+    }
+  }
+
+  private showGraph() {
+    // Show the graph if there is one
+    let el = <HTMLDivElement>this.node.querySelector(".plot-container");
+    if (el !== null && el !== undefined) {
+      el.style.display = "block";
+    }
+  }
+
+  private hideImage() {
+    // Hide the image element
+    let el = <HTMLImageElement>this.node.querySelector(".plot-img");
+    if (el !== null && el !== undefined) {
+      el.style.display = "none";
+    }
+  }
+
+  private showImage() {
+    // Show the image element
+    let el = <HTMLImageElement>this.node.querySelector(".plot-img");
+    if (el !== null && el !== undefined) {
+      el.style.display = "block";
+    }
+  }
+
+  private createGraph(model: IRenderMime.IMimeModel): Promise<void> {
+    const { data, layout, frames, config } = model.data[this._mimeType] as
+      | any
+      | IPlotlySpec;
+
+    if (!layout.height) {
+      layout.height = 360;
+    }
+
+    // Load plotly asynchronously
+    const loadPlotly = async (): Promise<void> => {
+      if (RenderedPlotly.Plotly === null) {
+        RenderedPlotly.Plotly = await import("plotly.js");
+        RenderedPlotly._resolveLoadingPlotly();
+      }
+      return RenderedPlotly.loadingPlotly;
+    };
+
+    return loadPlotly()
+      .then(() => RenderedPlotly.Plotly!.react(this.node, data, layout, config))
+      .then((plot) => {
+        this.showGraph();
+        this.hideImage();
+        this.update();
+        if (frames) {
+          RenderedPlotly.Plotly!.addFrames(this.node, frames);
+        }
+        if (this.node.offsetWidth > 0 && this.node.offsetHeight > 0) {
+          RenderedPlotly.Plotly!.toImage(plot, {
+            format: "png",
+            width: this.node.offsetWidth,
+            height: this.node.offsetHeight,
+          }).then((url: string) => {
+            const imageData = url.split(",")[1];
+            if (model.data["image/png"] !== imageData) {
+              model.setData({
+                data: {
+                  ...model.data,
+                  "image/png": imageData,
+                },
+              });
+            }
+          });
+        }
+
+        // Handle webgl context lost events
+        (<PlotlyType.PlotlyHTMLElement>this.node).on(
+          "plotly_webglcontextlost",
+          () => {
+            const png_data = <string>model.data["image/png"];
+            if (png_data !== undefined && png_data !== null) {
+              // We have PNG data, use it
+              this.updateImage(png_data);
+              return Promise.resolve();
+            }
+          }
+        );
+      });
+  }
+
+  /**
+   * A message handler invoked on an `'after-show'` message.
+   */
+  protected onAfterShow(msg: Message): void {
+    this.update();
+  }
+
+  /**
+   * A message handler invoked on a `'resize'` message.
+   */
+  protected onResize(msg: Widget.ResizeMessage): void {
+    this.update();
+  }
+
+  /**
+   * A message handler invoked on an `'update-request'` message.
+   */
+  protected onUpdateRequest(msg: Message): void {
+    if (RenderedPlotly.Plotly && this.isVisible && this.hasGraphElement()) {
+      RenderedPlotly.Plotly.redraw(this.node).then(() => {
+        RenderedPlotly.Plotly!.Plots.resize(this.node);
+      });
+    }
+  }
+
+  private _mimeType: string;
+  private _img_el: HTMLImageElement;
+  private _model: IRenderMime.IMimeModel;
+
+  private static Plotly: typeof PlotlyType | null = null;
+  private static _resolveLoadingPlotly: () => void;
+  private static loadingPlotly = new Promise<void>((resolve) => {
+    RenderedPlotly._resolveLoadingPlotly = resolve;
+  });
+}
+
+/**
+ * A mime renderer factory for Plotly data.
+ */
+export const rendererFactory: IRenderMime.IRendererFactory = {
+  safe: true,
+  mimeTypes: [MIME_TYPE],
+  createRenderer: (options) => new RenderedPlotly(options),
+};
+
+const extensions: IRenderMime.IExtension | IRenderMime.IExtension[] = [
+  {
+    id: "@jupyterlab/plotly-extension:factory",
+    rendererFactory,
+    rank: 2,
+    dataType: "json",
+    fileTypes: [
+      {
+        name: "plotly",
+        mimeTypes: [MIME_TYPE],
+        extensions: [".plotly", ".plotly.json"],
+        iconClass: CSS_ICON_CLASS,
+      },
+    ],
+    documentWidgetFactoryOptions: {
+      name: "Plotly",
+      primaryFileType: "plotly",
+      fileTypes: ["plotly", "json"],
+      defaultFor: ["plotly"],
+    },
+  },
+];
+
+export default extensions;

js/package.json

@@ -180,3 +180,15 @@ def hist_series(data_frame, **kwargs):
     skip += ["figsize", "bins", "legend"]
     new_kwargs = {k: kwargs[k] for k in kwargs if k not in skip}
     return histogram(data_frame, **new_kwargs)
+
+
+def _jupyter_labextension_paths():
+    """Called by Jupyter Lab Server to detect if it is a valid labextension and
+    to install the extension.
+    """
+    return [
+        {
+            "src": "labextension/static",
+            "dest": "jupyterlab-plotly",
+        }
+    ]

js/src/mimeExtension.ts

@@ -76,8 +76,7 @@ def to_mimebundle(self, fig_dict):
 class PlotlyRenderer(MimetypeRenderer):
     """
     Renderer to display figures using the plotly mime type.  This renderer is
-    compatible with JupyterLab (using the @jupyterlab/plotly-extension),
-    VSCode, and nteract.
+    compatible with VSCode and nteract.
 
     mime type: 'application/vnd.plotly.v1+json'
     """

js/widget.ts renamed to js/src/widget.ts

@@ -497,7 +497,7 @@ def show(fig, renderer=None, validate=True, **kwargs):
         )
 
     default_renderer = env_renderer
-elif ipython and ipython.get_ipython():
+elif ipython:
     # Try to detect environment so that we can enable a useful
     # default renderer
     if not default_renderer:
@@ -543,13 +543,21 @@ def show(fig, renderer=None, validate=True, **kwargs):
             pass
 
     # Check if we're running in ipython terminal
-    if not default_renderer and (
-        ipython.get_ipython().__class__.__name__ == "TerminalInteractiveShell"
-    ):
+    ipython_info = ipython.get_ipython()
+    shell = ipython_info.__class__.__name__
+    if not default_renderer and (shell == "TerminalInteractiveShell"):
         default_renderer = "browser"
 
+    # Check if we're running in a Jupyter notebook or JupyterLab
+    if (
+        not default_renderer
+        and (shell == "ZMQInteractiveShell")
+        and (type(ipython_info).__module__.startswith("ipykernel."))
+    ):
+        default_renderer = "plotly_mimetype"
+
     # Fallback to renderer combination that will work automatically
-    # in the classic notebook (offline), jupyterlab, nteract, vscode, and
+    # in the jupyter notebook, jupyterlab, nteract, vscode, and
     # nbconvert HTML export.
     if not default_renderer:
         default_renderer = "plotly_mimetype+notebook"

plotly/__init__.py

@@ -0,0 +1,39 @@
+{
+  "name": "jupyterlab-plotly",
+  "main": "lib/mimeExtension.js",
+  "version": "6.0.1",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/plotly/plotly.py"
+  },
+  "description": "The plotly Jupyter extension",
+  "author": "The plotly.py team",
+  "license": "MIT",
+  "scripts": {
+    "build:widget": "esbuild --bundle --alias:plotly.js=plotly.js/dist/plotly --format=esm --minify --outfile=../plotly/package_data/widgetbundle.js src/widget.ts",
+    "build:mimerenderer": "esbuild --bundle --alias:plotly.js=plotly.js/dist/plotly --format=esm --minify --outfile=lib/mimeExtension.js src/mimeExtension.ts",
+    "build:labextension": "jupyter labextension build .",
+    "build": "npm run build:widget && npm run build:mimerenderer && npm run build:labextension",
+    "watch": "npm run build -- --watch --sourcemap=inline",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "lodash-es": "^4.17.21",
+    "plotly.js": "3.0.1",
+    "@lumino/widgets": "~2.4.0"
+  },
+  "devDependencies": {
+    "@jupyterlab/builder": "^4.3.6 || ^3.6.8",
+    "@types/plotly.js": "^2.33.4",
+    "esbuild": "^0.23.1",
+    "typescript": "^5.6.2"
+  },
+  "jupyterlab": {
+    "mimeExtension": true,
+    "outputDir": "../plotly/labextension",
+    "_build": {
+      "load": "static/remoteEntry.ee69569354eef8c6803d.js",
+      "mimeExtension": "./mimeExtension"
+    }
+  }
+}

plotly/io/_base_renderers.py

@@ -0,0 +1,79 @@
+/*! Bundled license information:
+
+plotly.js/dist/plotly.js:
+  (*!
+   * The buffer module from node.js, for the browser.
+   *
+   * @author   Feross Aboukhadijeh <https://feross.org>
+   * @license  MIT
+   *)
+  (*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> *)
+  (*!
+   * Determine if an object is a Buffer
+   *
+   * @author   Feross Aboukhadijeh <https://feross.org>
+   * @license  MIT
+   *)
+  (*!
+   * pad-left <https://github.com/jonschlinkert/pad-left>
+   *
+   * Copyright (c) 2014-2015, Jon Schlinkert.
+   * Licensed under the MIT license.
+   *)
+  (*!
+   * repeat-string <https://github.com/jonschlinkert/repeat-string>
+   *
+   * Copyright (c) 2014-2015, Jon Schlinkert.
+   * Licensed under the MIT License.
+   *)
+  (*! Bundled license information:
+  
+  native-promise-only/lib/npo.src.js:
+    (*! Native Promise Only
+        v0.8.1 (c) Kyle Simpson
+        MIT License: http://getify.mit-license.org
+    *)
+  
+  polybooljs/index.js:
+    (*
+     * @copyright 2016 Sean Connelly (@voidqk), http://syntheti.cc
+     * @license MIT
+     * @preserve Project Home: https://github.com/voidqk/polybooljs
+     *)
+  
+  ieee754/index.js:
+    (*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> *)
+  
+  buffer/index.js:
+    (*!
+     * The buffer module from node.js, for the browser.
+     *
+     * @author   Feross Aboukhadijeh <https://feross.org>
+     * @license  MIT
+     *)
+  
+  safe-buffer/index.js:
+    (*! safe-buffer. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> *)
+  
+  assert/build/internal/util/comparisons.js:
+    (*!
+     * The buffer module from node.js, for the browser.
+     *
+     * @author   Feross Aboukhadijeh <feross@feross.org> <http://feross.org>
+     * @license  MIT
+     *)
+  
+  object-assign/index.js:
+    (*
+    object-assign
+    (c) Sindre Sorhus
+    @license MIT
+    *)
+  
+  maplibre-gl/dist/maplibre-gl.js:
+    (**
+     * MapLibre GL JS
+     * @license 3-Clause BSD. Full text of license: https://github.com/maplibre/maplibre-gl-js/blob/v4.7.1/LICENSE.txt
+     *)
+  *)
+*/

plotly/io/_renderers.py

@@ -0,0 +1,4 @@
+/* This is a generated file of CSS imports */
+/* It was generated by @jupyterlab/builder in Build.ensureAssets() */
+
+

plotly/labextension/package.json

@@ -0,0 +1,10 @@
+{
+  "packages": [
+    {
+      "name": "process",
+      "versionInfo": "0.11.10",
+      "licenseId": "MIT",
+      "extractedText": "(The MIT License)\n\nCopyright (c) 2013 Roman Shtylman <shtylman@gmail.com>\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n'Software'), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.\nIN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY\nCLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,\nTORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\nSOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n"
+    }
+  ]
+}

plotly/labextension/static/340.2a23c8275d47a2531dae.js

@@ -1,5 +1,5 @@
 [build-system]
-requires = ["setuptools"]
+requires = ["setuptools>=61", "hatch", "jupyter_packaging~=0.10.0", "wheel"]
 build-backend = "setuptools.build_meta"
 
 [project.urls]
@@ -66,7 +66,6 @@ include = '\.pyi?$'
 exclude = '''
 
 (
-  /(
       \.eggs         # exclude a few common directories in the
     | \.git          # root of the project
     | \.hg
@@ -77,9 +76,36 @@ exclude = '''
     | buck-out
     | build
     | dist
+    | js
     | submodules
     | plotly/matplotlylib/mplexporter
-  )/
-  | versioneer.py
 )
 '''
+
+[tool.jupyter-packaging.builder]
+factory = "jupyter_packaging.npm_builder"
+auto_data_files = true
+
+[tool.jupyter-packaging.build-args]
+build_cmd = "build:prod"
+npm = ["jlpm"]
+
+[tool.hatch.build.hooks.jupyter-builder]
+editable-frontend = true
+
+[tool.hatch.build.hooks.jupyter-builder.editable-build-kwargs]
+build_cmd = "build"
+npm = ["jlpm"]
+source_dir = "js"
+build_dir = "plotly/labextension"
+skip_symlink = true
+
+[tool.setuptools.data-files]
+"share/jupyter/labextensions/jupyterlab-plotly" = [
+  "plotly/labextension/package.json",
+  "js/install.json"
+]
+
+"share/jupyter/labextensions/jupyterlab-plotly/static" = [
+  "plotly/labextension/static/*.js"
+]