create-hackhub-mod 0.7.0 → 0.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "create-hackhub-mod",
-    "version": "0.7.0",
+    "version": "0.8.0",
     "description": "Scaffold a new HackHub mod project with interactive prompts",
     "type": "module",
     "bin": {

package/templates/base/esbuild.config.ts

@@ -1,4 +1,4 @@
-import { build, context } from "esbuild";
+import { build, context, Plugin } from "esbuild";
 import fs from "node:fs";
 import path from "node:path";
 
@@ -25,6 +25,40 @@ function prepareDist() {
     }
 }
 
+/**
+ * Scans HTML files for local asset references (script src, link href, img src)
+ * and copies them into dist/ so they're served via mod-asset:// at runtime.
+ */
+function htmlAssetsPlugin(): Plugin {
+    const assetPattern = /(?:src|href)\s*=\s*["'](\.[^"']+)["']/g;
+
+    return {
+        name: "html-assets",
+        setup(build) {
+            build.onLoad({ filter: /\.html$/ }, (args) => {
+                const html = fs.readFileSync(args.path, "utf-8");
+                const htmlDir = path.dirname(args.path);
+                let match: RegExpExecArray | null;
+
+                while ((match = assetPattern.exec(html)) !== null) {
+                    const ref = match[1];
+                    if (ref.startsWith("./") || !ref.startsWith("/")) {
+                        const absPath = path.resolve(htmlDir, ref);
+                        if (fs.existsSync(absPath)) {
+                            const rel = ref.startsWith("./") ? ref.slice(2) : ref;
+                            const dest = path.join("dist", rel);
+                            fs.mkdirSync(path.dirname(dest), { recursive: true });
+                            fs.copyFileSync(absPath, dest);
+                        }
+                    }
+                }
+
+                return { contents: html, loader: "text" };
+            });
+        },
+    };
+}
+
 const config = {
     entryPoints: ["src/index.ts"],
     bundle: true,
@@ -36,6 +70,7 @@ const config = {
     loader: {
         ".html": "text" as const,
     },
+    plugins: [htmlAssetsPlugin()],
 };
 
 async function main() {