Look ma! hot reload! (#16)

vite.config.js

@@ -1,5 +1,12 @@
+import path from "node:path";
+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";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 
 export default defineConfig({
   build: {
@@ -20,10 +27,17 @@ export default defineConfig({
   },
   resolve: {
     alias: {
-      'pkg': 'pkg'
-    }
+      pkg: path.resolve(__dirname, "level-editor/pkg"),
+    },
   },
   plugins: [
+    copy({
+      targets: [
+        { src: "level-editor/pkg/*", dest: "static/level-editor/pkg" },
+      ],
+      hook: "buildStart",
+    }),
+    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.
     wasm(),
@@ -31,8 +45,8 @@ export default defineConfig({
   server: {
     port: 8080,
     headers: {
-      'Cross-Origin-Embedder-Policy': 'require-corp',
-      'Cross-Origin-Opener-Policy': 'same-origin',
+      "Cross-Origin-Embedder-Policy": "require-corp",
+      "Cross-Origin-Opener-Policy": "same-origin",
     },
     fs: {
       strict: false,
@@ -41,8 +55,8 @@ export default defineConfig({
   preview: {
     port: 8080,
     headers: {
-      'Cross-Origin-Embedder-Policy': 'require-corp',
-      'Cross-Origin-Opener-Policy': 'same-origin',
+      "Cross-Origin-Embedder-Policy": "require-corp",
+      "Cross-Origin-Opener-Policy": "same-origin",
     },
   },
 });