webpack.config.js

const fs = require("fs")
const path = require("path")

const {name, version} = require("./package.json")

const metadata = JSON.stringify({name, version})
fs.writeFileSync("./lib/metadata.js", `Object.assign(exports, ${metadata})`)

const externals = [/^@jupyterlab\/.+$/, /^@jupyter-widgets\/.+$/]

module.exports = [
  /**
   * Embeddable bundle
   *
   * This bundle is almost identical to the notebook extension bundle. The only
   * difference is in the configuration of the webpack public path for the
   * static assets.
   *
   * The target bundle is always `dist/index.js`, which is the path required by
   * the custom widget embedder.
   */
  {
    entry: "./lib/index.js",
    output: {
      filename: "index.js",
      path: path.resolve(__dirname, "dist"),
      libraryTarget: "amd",
      library: name,
      publicPath: `https://unpkg.com/${name}@${version}/dist/`,
    },
    externals,
    devtool: "source-map",
    performance: {hints: false},
  },
]