Build

1// Bundle src/frost.ts (+ three@0.185.1 WebGPU/TSL, three-mesh-bvh) into one
2// classic IIFE at assets/frost.js exposing `window.Frost`. Run `npm install && npm run build` after editing src/.
3import "./tools/compile-preflight.mjs";
4if (process.exitCode) process.exit(process.exitCode);
5// CPU-only shader generation checks the portable interface budget, including motion vectors.
6await import("./tools/run-shard-compile.mjs");
7if (process.exitCode) process.exit(process.exitCode);
8import { build } from "esbuild";
9import { createRequire } from "node:module";
10import { statSync } from "node:fs";
11
12const require = createRequire(import.meta.url);
13// The addons (SVGLoader, BufferGeometryUtils, GLTFLoader, three-mesh-bvh) import the classic `three` build; the
14// app uses `three/webgpu`, which re-exports the core. Point the bare specifier at the WebGPU build so exactly one
15// Three instance exists in the bundle (same alias as the experiment's vite.config.ts).
16const threeWebgpu = require.resolve("three/webgpu");
17const threeAlias = {
18  name: "three-webgpu-alias",
19  setup(b) {
20    b.onResolve({ filter: /^three$/ }, () => ({ path: threeWebgpu }));
21  },
22};
23
24await build({
25  entryPoints: ["src/frost.ts"],
26  bundle: true,
27  format: "iife",
28  globalName: "Frost",
29  minify: true,
30  sourcemap: false,
31  target: ["es2022"],
32  outfile: "assets/frost.js",
33  plugins: [threeAlias],
34  legalComments: "linked",
35  logLevel: "info",
36  banner: {
37    js: "/* Frost: three@0.185.1 (MIT) + three-mesh-bvh@0.9.14 (MIT). Generated by build.mjs; edit src/ and rebuild. */",
38  },
39});
40console.log(`assets/frost.js ${(statSync("assets/frost.js").size / 1024).toFixed(0)} KB`);
41
42// Lightweight workspace uses classic WebGL only; math/geometry helpers share their source
43// with the full WebGPU block without importing its renderer or simulation.
44await build({
45  entryPoints: ["src/motion/editor.ts"],
46  bundle: true,
47  format: "iife",
48  minify: true,
49  target: ["es2022"],
50  outfile: "assets/motion.js",
51  legalComments: "linked",
52  logLevel: "info",
53  plugins: [
54    {
55      name: "motion-three",
56      setup(b) {
57        b.onResolve({ filter: /^three\/webgpu$/ }, () => ({
58          path: require.resolve("three").replace("three.cjs", "three.module.js"),
59        }));
60      },
61    },
62  ],
63});