[Build] Watch mode

build.mjs

@@ -1,60 +1,129 @@
 import { execSync } from "node:child_process";
 import { readFile, readdir } from "node:fs/promises";
+import { createReadStream } from "node:fs";
 import { resolve } from "node:path";
-import { build } from "esbuild";
+import { build, context } from "esbuild";
 import alias from "esbuild-plugin-alias";
 import { postcssModules, sassPlugin } from "esbuild-sass-plugin";
+import chokidar from "chokidar";
+import { listen } from "listhen";
+import * as colors from "colorette";
 
+const dev = process.argv.includes("--dev");
 const tsconfig = JSON.parse(await readFile("./tsconfig.json"));
 const aliases = Object.fromEntries(Object.entries(tsconfig.compilerOptions.paths).map(([alias, [target]]) => [alias, resolve(target)]));
-const hash = execSync("git rev-parse --short HEAD").toString().trim();
-console.log(`Building commit ${hash}...`);
-
-try {
-    await build({
-        entryPoints: ["./src/index.ts"],
-        outfile: "./dist/ropeswing.js",
-        minify: true,
-        bundle: true,
-        format: "iife",
-        target: "esnext",
-        plugins: [
-            alias(aliases),
-            sassPlugin({
-                type: "style",
-                transform: postcssModules({
-                    localsConvention: "camelCaseOnly",
-                }),
+const hash = execSync("git rev-parse --short HEAD").toString().trim() + (dev ? "-dev" : "");
+
+/** @type import("esbuild").BuildOptions */
+const options = {
+    entryPoints: ["./src/index.ts"],
+    outfile: "./dist/ropeswing.js",
+    minify: !dev,
+    bundle: true,
+    format: "iife",
+    target: "esnext",
+    plugins: [
+        alias(aliases),
+        sassPlugin({
+            type: "style",
+            transform: postcssModules({
+                localsConvention: "camelCaseOnly",
             }),
-            {
-                name: "extensions",
-                setup: (build) => {
-                    const filter = /@ext\/all/;
-                    build.onResolve({ filter }, ({ path }) => ({ path, namespace: "extensions" }));
-                    build.onLoad({ filter, namespace: "extensions" }, async () => {
-                        const exts = await readdir("./src/ext");
-
-                        let i = 0;
-                        const exp = [];
-                        const imports = exts.map((e) => (exp.push(`e${i}`), `import e${i++} from "./${e.replace(".ts", ".js")}";`)).join("\n");
-
-                        return {
-                            contents: `${imports}export const extensions = [${exp.join(", ")}];`,
-                            resolveDir: "./src/ext",
-                        };
-                    });
-                },
+        }),
+        {
+            name: "extensions",
+            setup: (build) => {
+                const filter = /@ext\/all/;
+                build.onResolve({ filter }, ({ path }) => ({ path, namespace: "extensions" }));
+                build.onLoad({ filter, namespace: "extensions" }, async () => {
+                    const exts = await readdir("./src/ext");
+
+                    let i = 0;
+                    const exp = [];
+                    const imports = exts.map((e) => (exp.push(`e${i}`), `import e${i++} from "./${e.replace(".ts", ".js")}";`)).join("\n");
+
+                    return {
+                        contents: `${imports}export const extensions = [${exp.join(", ")}];`,
+                        resolveDir: "./src/ext",
+                    };
+                });
             },
-        ],
-        define: {
-            ROPESWING_COMMIT: `"${hash}"`,
         },
-        footer: { js: "//# sourceURL=ropeswing" },
-        legalComments: "none",
+    ],
+    define: {
+        ROPESWING_COMMIT: `"${hash}"`,
+    },
+    footer: { js: "//# sourceURL=ropeswing" },
+    legalComments: "none",
+};
+
+if (!dev) {
+    console.log(`Building commit ${hash}...`);
+    try {
+        await build(options);
+        console.log("Build finished");
+    } catch (e) {
+        console.error("Build failed");
+    }
+} else {
+    console.log("Watching for changes");
+    const ctx = await context(options);
+
+    const watcher = chokidar.watch(".", {
+        ignored: ["**/{.git,node_modules}/**", "dist"],
+        ignoreInitial: true,
+        ignorePermissionErrors: true,
+    });
+
+    const debouncedBuild = debouncePromise(
+        () => ctx.rebuild(),
+        100,
+        () => {}
+    );
+
+    watcher.on("all", (ev, path) => {
+        console.log("Changed", path);
+        debouncedBuild();
+    });
+
+    const listener = await listen((req, res) => {
+        res.writeHead(200, {
+            "Access-Control-Allow-Origin": "*",
+        });
+        const stream = createReadStream("./dist/ropeswing.js");
+        stream.pipe(res);
+    }, {
+        showURL: false,
     });
+    const bundle = listener.url + "ropeswing.js";
+    console.log(` > ${colors.cyan("https://w96.kasi.workers.dev/install?bundle=" + encodeURIComponent(bundle))}\n`);
+
+    debouncedBuild();
+}
+
+function debouncePromise(fn, delay, onError) {
+    let timeout;
+    let promiseInFly;
+    let callbackPending;
 
-    console.log("Build successful!");
-} catch (e) {
-    console.error("Build failed...", e);
-    process.exit(1);
+    return function debounced(...args) {
+        if (promiseInFly) {
+            callbackPending = () => {
+                debounced(...args);
+                callbackPending = undefined;
+            };
+        } else {
+            if (timeout != null) clearTimeout(timeout);
+
+            timeout = setTimeout(() => {
+                timeout = undefined;
+                promiseInFly = fn(...args)
+                    .catch(onError)
+                    .finally(() => {
+                        promiseInFly = undefined;
+                        if (callbackPending) callbackPending();
+                    });
+            }, delay);
+        }
+    };
 }

package.json

@@ -2,14 +2,18 @@
     "name": "ropeswing",
     "description": "ropeswing kernel modifications",
     "scripts": {
-        "build": "node build.mjs"
+        "build": "node build.mjs",
+        "dev": "node build.mjs --dev"
     },
     "author": "Beef",
     "license": "BSD-3-Clause",
     "devDependencies": {
+        "chokidar": "^3.5.3",
+        "colorette": "^2.0.20",
         "esbuild": "^0.18.11",
         "esbuild-plugin-alias": "^0.2.1",
         "esbuild-sass-plugin": "^2.10.0",
+        "listhen": "^1.0.4",
         "postcss": "^8.4.26",
         "postcss-modules": "^6.0.0",
         "typescript": "^5.1.6"