feat: add render graph driven renderer architecture

Amp-Thread-ID: https://ampcode.com/threads/T-019f9d91-77c1-7206-a60f-ed6554ce92ab

Co-authored-by: Heaust Azure <heaust.azure@gmail.com>

vite.config.js

@@ -3,7 +3,8 @@ import { fileURLToPath } from "node:url";
 import { defineConfig } from "vite";
 import { ViteRsw } from "vite-plugin-rsw";
 import wasm from "vite-plugin-wasm";
-import copy from "rollup-plugin-copy";
+import { cp, mkdir } from "node:fs/promises";
+import { cpSync, mkdirSync } from "node:fs";
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -11,6 +12,34 @@ const portalHost = process.env.PUBLIC_URL
   ? new URL(process.env.PUBLIC_URL).hostname
   : undefined;
 const serverPort = Number(process.env.PORT) || 8080;
+const wasmSource = path.resolve(__dirname, "level-editor/pkg");
+const wasmDestination = path.resolve(__dirname, "static/level-editor/pkg");
+
+// Vite resolves entry imports before plugin build hooks. Mirror synchronously while
+// loading the config so a clean build always sees the complete generated package.
+mkdirSync(wasmDestination, { recursive: true });
+cpSync(wasmSource, wasmDestination, { recursive: true, force: true });
+
+function freshWasmPackage() {
+  let copying, timer;
+  const mirror = () => copying ??= mkdir(wasmDestination, { recursive: true })
+    .then(() => cp(wasmSource, wasmDestination, { recursive: true, force: true }))
+    .finally(() => { copying = undefined; });
+  return {
+    name: "fresh-wasm-package",
+    async buildStart() { await mirror(); },
+    configureServer(server) {
+      server.watcher.add(wasmSource);
+      const update = file => {
+        if (!file.startsWith(wasmSource)) return;
+        clearTimeout(timer);
+        // rsw replaces several package files; mirror only after that write burst settles.
+        timer = setTimeout(() => mirror().then(() => server.ws.send({ type: "full-reload" })), 100);
+      };
+      server.watcher.on("add", update).on("change", update).on("unlink", update);
+    },
+  };
+}
 
 export default defineConfig({
   build: {
@@ -25,22 +54,20 @@ export default defineConfig({
   },
   // For getting out of index.html from dist/static directory.
   root: "static",
-  publicDir: ".",
+  // `static` is source code, not Vite's untransformed public directory. Treating it
+  // as both makes dev mode reject the generated WASM worker's module imports.
+  publicDir: false,
   worker: {
     format: "es",
   },
   resolve: {
     alias: {
+      "@fxnode/": `${path.resolve(__dirname, "vendor/fxnode/src")}/`,
       pkg: path.resolve(__dirname, "level-editor/pkg"),
     },
   },
   plugins: [
-    copy({
-      targets: [
-        { src: "level-editor/pkg/*", dest: "static/level-editor/pkg" },
-      ],
-      hook: "buildStart",
-    }),
+    freshWasmPackage(),
     ViteRsw(),
     // Makes us be able to use top level await for wasm.
     // Otherwise, we can restrict build.target to 'es2022', which allows top level await.