feat(compiler): add runtime copy

Author: infodusha

README.md

@@ -70,7 +70,6 @@ This project uses [Bun](https://bun.sh) as a build tool and package manager.
 
 Improve compiler:
 
-* Copy define-html script itself
 * Compile css
 * Compile scripts
 

package.json

@@ -12,7 +12,7 @@
 		"watch": "bun build ./src/index.ts --outdir ./dist --watch",
 		"build": "bun build ./src/index.ts --outdir ./dist",
 		"build:bin": "bun build ./src/bin.ts --target node --outdir ./dist",
-		"compile": "cd example && bun --bun ../src/bin.ts",
+		"compile": "cd example && bun ../src/bin.ts --remote",
 		"lint": "bunx biome lint",
 		"test": "playwright test",
 		"test:local": "playwright test --ui"

src/bin.ts

@@ -6,19 +6,28 @@ import * as cheerio from "cheerio";
 import { copyFile, mkdir, readFile, writeFile } from "node:fs/promises";
 import { dirname, relative, resolve } from "node:path";
 import { parseArgs } from "node:util";
+import { fileURLToPath } from "node:url";
 
 import { commentMarker, componentSelector, returnIfDefined } from "./helpers";
 
+const RUNTIME_FILE = "define-html.js";
+
 const options = {
 	outdir: {
 		type: "string",
 		short: "o",
 		default: "./dist",
 	},
+	remote: {
+		type: "boolean",
+		short: "r",
+		default: false,
+	},
 } as const;
 
 const { values } = parseArgs({ args: process.argv.slice(2), options });
 
+const COPY_RUNTIME = !returnIfDefined(values.remote);
 const DIST_DIR = returnIfDefined(values.outdir);
 
 const files = await fg("**/*.html", {
@@ -52,6 +61,11 @@ for (const path of files) {
 
 	$(componentSelector).remove();
 
+	if (COPY_RUNTIME) {
+		const runtime_path = relative(dirname(path), RUNTIME_FILE);
+		$(`script[src$='define-html']`).attr("src", runtime_path);
+	}
+
 	const out = await prepareSave(path);
 	await writeFile(out, $.html());
 }
@@ -71,6 +85,12 @@ for (const asset of assets) {
 	await copyFile(asset, out);
 }
 
+if (COPY_RUNTIME) {
+	const main = resolve(dirname(fileURLToPath(import.meta.url)), "index.js");
+	await copyFile(main, resolve(DIST_DIR, RUNTIME_FILE));
+	console.log("Runtime copied");
+}
+
 console.log("Done");
 
 async function prepareSave(path: string) {