Update from copier (2026-04-10T03:21:54)

Signed-off-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com>

Author: github-actions[bot]

.copier-answers.yaml

@@ -1,5 +1,5 @@
 # Changes here will be overwritten by Copier
-_commit: 9b579a3
+_commit: 9498b78
 _src_path: https://github.com/python-project-templates/base.git
 add_docs: true
 add_extension: cppjswasm

js/build.mjs

@@ -1,92 +1,42 @@
-import { NodeModulesExternal } from "@finos/perspective-esbuild-plugin/external.js";
-import { build } from "@finos/perspective-esbuild-plugin/build.js";
-import { transform } from "lightningcss";
+import { bundle } from "./tools/bundle.mjs";
+import { bundle_css } from "./tools/css.mjs";
+import { node_modules_external } from "./tools/externals.mjs";
 import { getarg } from "./tools/getarg.mjs";
+
+import { transform } from "lightningcss";
 import fs from "fs";
 import cpy from "cpy";
 
-const DEBUG = getarg("--debug");
-
-const COMMON_DEFINE = {
-  global: "window",
-  "process.env.DEBUG": `${DEBUG}`,
-};
-
-const BUILD = [
+const BUNDLES = [
   {
-    define: COMMON_DEFINE,
     entryPoints: ["src/ts/index.ts"],
-    plugins: [NodeModulesExternal()],
-    format: "esm",
-    loader: {
-      ".css": "text",
-      ".html": "text",
-    },
+    plugins: [node_modules_external()],
     outfile: "dist/esm/index.js",
   },
   {
-    define: COMMON_DEFINE,
     entryPoints: ["src/ts/index.ts"],
-    plugins: [],
-    format: "esm",
-    loader: {
-      ".css": "text",
-      ".html": "text",
-    },
     outfile: "dist/cdn/index.js",
   },
 ];
 
-async function compile_css() {
-  const process_path = (path) => {
-    const outpath = path.replace("src/css", "dist/css");
-    fs.mkdirSync(outpath, { recursive: true });
-
-    fs.readdirSync(path, { withFileTypes: true }).forEach((entry) => {
-      const input = `${path}/${entry.name}`;
-      const output = `${outpath}/${entry.name}`;
-
-      if (entry.isDirectory()) {
-        process_path(input);
-      } else if (entry.isFile() && entry.name.endsWith(".css")) {
-        const source = fs.readFileSync(input);
-        const { code } = transform({
-          filename: entry.name,
-          code: source,
-          minify: !DEBUG,
-          sourceMap: false,
-        });
-        fs.writeFileSync(output, code);
-      }
-    });
-  };
+async function build() {
+  // Bundle css
+  await bundle_css();
 
-  process_path("src/css");
-}
-
-async function copy_html() {
+  // Copy HTML
   fs.mkdirSync("dist/html", { recursive: true });
   cpy("src/html/*", "dist/html");
-  // also copy to top level
   cpy("src/html/*", "dist/");
-}
 
-async function copy_img() {
+  // Copy images
   fs.mkdirSync("dist/img", { recursive: true });
   cpy("src/img/*", "dist/img");
-}
 
-async function copy_to_python() {
+  await Promise.all(BUNDLES.map(bundle)).catch(() => process.exit(1));
+
+  // Copy from dist to python
   fs.mkdirSync("../python_template_cppjswasm/extension", { recursive: true });
   cpy("dist/**/*", "../python_template_cppjswasm/extension");
 }
 
-async function build_all() {
-  await compile_css();
-  await copy_html();
-  await copy_img();
-  await Promise.all(BUILD.map(build)).catch(() => process.exit(1));
-  await copy_to_python();
-}
-
-build_all();
+build();

js/package.json

@@ -48,10 +48,9 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "@finos/perspective-esbuild-plugin": "^3.2.1",
-    "@playwright/test": "^1.59.0",
+    "@playwright/test": "^1.59.1",
     "cpy": "^13.2.1",
-    "esbuild": "^0.27.2",
+    "esbuild": "^0.27.3",
     "lightningcss": "^1.29.3",
     "http-server": "^14.1.1",
     "nodemon": "^3.1.10",

js/tools/bundle.mjs

@@ -0,0 +1,59 @@
+import { getarg } from "./getarg.mjs";
+import esbuild from "esbuild";
+
+const DEBUG = getarg("--debug");
+
+const CUTOFF_PERCENT = 0.02;
+
+const COMMON_DEFINE = {
+  global: "window",
+  "process.env.DEBUG": `${DEBUG}`,
+};
+
+const COMMON_LOADER = {
+    ".css": "text",
+    ".html": "text",
+    ".jsx": "jsx",
+    ".png": "file",
+    ".ttf": "file",
+    ".wasm": "file",
+};
+
+const DEFAULT_BUILD = {
+    target: ["es2022"],
+    bundle: true,
+    format: "esm",
+    minify: DEBUG,
+    sourcemap: true,
+    metafile: true,
+    entryNames: "[name]",
+    chunkNames: "[name]",
+    assetNames: "[name]",
+    define: COMMON_DEFINE,
+    loader: COMMON_LOADER,
+    plugins: [],
+};
+
+export const bundle = async (config) => {
+    const result = await esbuild.build({
+        ...DEFAULT_BUILD,
+        ...config,
+    });
+
+    if (result.metafile) {
+        for (const output of Object.keys(result.metafile.outputs)) {
+            const { inputs, bytes } = result.metafile.outputs[output];
+            for (const input of Object.keys(inputs)) {
+                if (inputs[input].bytesInOutput / bytes < CUTOFF_PERCENT) {
+                    delete inputs[input];
+                }
+            }
+        }
+
+        const text = await esbuild.analyzeMetafile(result.metafile, {
+            color: true,
+        });
+
+        console.log(text);
+    }
+};

js/tools/css.mjs

@@ -0,0 +1,52 @@
+import { getarg } from "./getarg.mjs";
+
+import { bundleAsync } from "lightningcss";
+import fs from "fs";
+import path from "path";
+
+const DEBUG = getarg("--debug");
+
+const DEFAULT_RESOLVER = {
+  resolve(specifier, originatingFile) {
+    if (/^https?:\/\//.test(specifier)) {
+      return specifier;
+    }
+
+    if (specifier.startsWith("perspective-viewer-")) {
+      const viewerCssDir = path.resolve(
+        "node_modules/@perspective-dev/viewer/dist/css",
+      );
+      const normalized = specifier.replace(/^perspective-viewer-/, "");
+      const normalizedPath = path.join(viewerCssDir, normalized);
+      if (fs.existsSync(normalizedPath)) {
+        return normalizedPath;
+      }
+      return path.join(viewerCssDir, specifier);
+    }
+    return path.resolve(path.dirname(originatingFile), specifier);
+  },
+};
+
+const bundle_one = async (file, resolver) => {
+  const { code } = await bundleAsync({
+    filename: path.resolve(file),
+    minify: !DEBUG,
+    sourceMap: false,
+    resolver: resolver || DEFAULT_RESOLVER,
+  });
+  const outName = path.basename(file);
+  fs.mkdirSync("./dist", { recursive: true });
+  fs.writeFileSync(path.join("./dist", outName), code);
+};
+
+export const bundle_css = async (root = "src/css/index.css", resolver = null) => {
+  const resolved = path.resolve(root);
+  if (fs.statSync(resolved).isDirectory()) {
+    const files = fs.readdirSync(resolved).filter((f) => f.endsWith(".css"));
+    for (const file of files) {
+      await bundle_one(path.join(root, file), resolver);
+    }
+  } else {
+    await bundle_one(root, resolver);
+  }
+}

js/tools/externals.mjs

@@ -0,0 +1,18 @@
+export const node_modules_external = (whitelist) => {
+    function setup(build) {
+        build.onResolve({ filter: /^[A-Za-z0-9\@]/ }, (args) => {
+            if (!whitelist || !args.path.startsWith(whitelist)) {
+                return {
+                    path: args.path,
+                    external: true,
+                    namespace: "skip-node-modules",
+                };
+            }
+        });
+    }
+
+    return {
+        name: "node_modules_external",
+        setup,
+    };
+};

js/tools/getarg.mjs

@@ -20,4 +20,4 @@ export const getarg = (flag, ...args) => {
         })
         .join(" ");
     }
-  };
+  };