@monimesl/dot-simulator 0.1.0-alpha.2

package/dist/node/index.js

@@ -0,0 +1,493 @@
+import { createRequire } from "node:module";
+import { HostError, NavigationStack, REACT_HOST_PATH, isReactCompatible, isVersionAtLeast, majorVersion, newestReactOfMajor } from "@monimesl/dot-core";
+import { readFile, readdir, stat } from "node:fs/promises";
+import { createServer } from "node:http";
+import { dirname, extname, join, resolve, sep } from "node:path";
+//#region src/compatibility.ts
+var IncompatibleDotError = class extends Error {
+	name = "IncompatibleDotError";
+	reason;
+	constructor(reason, message) {
+		super(message);
+		this.reason = reason;
+	}
+};
+function checkCompatibility(manifest, { dashVersion, minRuntimeVersion, reactVersions }) {
+	if (!isVersionAtLeast(manifest.runtime, minRuntimeVersion)) throw new IncompatibleDotError("runtimeTooOld", `This dot was built with Dot runtime ${manifest.runtime}, but this host runs ${minRuntimeVersion} or newer. Rebuild it with a newer @monimesl/dot-runtime.`);
+	const minDashVersion = manifest.dash?.minVersion;
+	if (minDashVersion !== void 0 && !isVersionAtLeast(dashVersion, minDashVersion)) throw new IncompatibleDotError("dashTooOld", `This dot needs Dash ${minDashVersion} or newer, and this is Dash ${dashVersion}.`);
+	if (reactVersions !== void 0 && !reactVersions.some((version) => isReactCompatible(version, manifest.react))) throw new IncompatibleDotError("reactUnavailable", `This dot needs React ${manifest.react} or a newer ${majorVersion(manifest.react)}.x, which this host doesn't ship.`);
+}
+//#endregion
+//#region src/host-calls.ts
+const UI_METHOD_PREFIX = "dash.ui.";
+var HostCallRunner = class {
+	#handlers;
+	#permissions;
+	#answer;
+	#running = /* @__PURE__ */ new Map();
+	constructor(handlers, permissions, answer) {
+		this.#handlers = handlers;
+		this.#permissions = permissions;
+		this.#answer = answer;
+	}
+	run({ id, method, params, timeout }) {
+		const entry = this.#handlers[method];
+		if (!entry) {
+			this.#answer({
+				id,
+				error: {
+					code: "unsupported",
+					message: `This host has no "${method}"`
+				}
+			});
+			return;
+		}
+		const call = {
+			method,
+			controller: new AbortController()
+		};
+		if (timeout !== void 0) call.timer = setTimeout(() => {
+			this.#fail(id, new HostError("timeout", `"${method}" took longer than ${timeout}ms`));
+		}, timeout);
+		this.#running.set(id, call);
+		this.#invoke(id, entry, {
+			method,
+			params,
+			signal: call.controller.signal
+		});
+	}
+	cancel(id) {
+		this.#end(id)?.controller.abort();
+	}
+	dismissUI() {
+		for (const [id, call] of this.#running) if (call.method.startsWith(UI_METHOD_PREFIX)) this.#fail(id, new HostError("cancelled", "The page it was shown on is no longer on top"));
+	}
+	async #invoke(id, entry, call) {
+		try {
+			if (typeof entry === "function") {
+				this.#succeed(id, await entry(call));
+				return;
+			}
+			await this.#permissions.check(call.method, entry.permission, call.signal);
+			this.#succeed(id, await entry.handle(call));
+		} catch (error) {
+			this.#fail(id, error);
+		}
+	}
+	#succeed(id, value) {
+		if (this.#end(id)) this.#answer({
+			id,
+			value
+		});
+	}
+	#fail(id, error) {
+		const call = this.#end(id);
+		if (!call) return;
+		call.controller.abort();
+		this.#answer({
+			id,
+			error: describeError(error)
+		});
+	}
+	#end(id) {
+		const call = this.#running.get(id);
+		if (call) {
+			this.#running.delete(id);
+			clearTimeout(call.timer);
+		}
+		return call;
+	}
+};
+function describeError(error) {
+	if (error instanceof HostError) return {
+		code: error.code,
+		message: error.message
+	};
+	return {
+		code: "failed",
+		message: error instanceof Error ? error.message : String(error)
+	};
+}
+//#endregion
+//#region src/permissions.ts
+var PermissionGate = class {
+	#dotName;
+	#declared;
+	#ask;
+	#answers = /* @__PURE__ */ new Map();
+	constructor(dotName, declared, ask) {
+		this.#dotName = dotName;
+		this.#declared = declared;
+		this.#ask = ask;
+	}
+	async check(method, permission, signal) {
+		const reason = this.#declared[permission];
+		if (reason === void 0) throw new HostError("denied", `"${method}" needs the "${permission}" permission. Add it to dot.json's permissions, with the reason Dash shows the person.`);
+		let allowed = this.#answers.get(permission);
+		if (allowed === void 0) {
+			allowed = await this.#ask({
+				dotName: this.#dotName,
+				permission,
+				reason
+			}, signal);
+			this.#answers.set(permission, allowed);
+		}
+		if (!allowed) throw new HostError("denied", `The person did not allow "${permission}"`);
+	}
+};
+//#endregion
+//#region src/host.ts
+function startHost({ logic, ui, manifest, dashVersion, minRuntimeVersion, systemContext, handlers = {}, askPermission, observe }) {
+	checkCompatibility(manifest, {
+		dashVersion,
+		minRuntimeVersion
+	});
+	const stack = new NavigationStack();
+	let context = systemContext;
+	const calls = new HostCallRunner(handlers, new PermissionGate(manifest.name, manifest.permissions ?? {}, askPermission), (result) => {
+		const message = {
+			type: "hostResult",
+			payload: result
+		};
+		observe?.("fromHost", message);
+		logic.post(message);
+	});
+	const broadcast = (message) => {
+		observe?.("fromHost", message);
+		ui.post(message);
+		logic.post(message);
+	};
+	const syncStack = () => {
+		const message = {
+			type: "syncStack",
+			payload: {
+				pages: stack.pages,
+				limit: stack.limit
+			}
+		};
+		broadcast(message);
+	};
+	const syncSystemContext = () => {
+		broadcast({
+			type: "syncSystemContext",
+			payload: context
+		});
+	};
+	const navigate = (navigation) => {
+		if (navigation.action !== "back" && !manifest.pages.includes(navigation.page)) return false;
+		const previousTop = stack.top;
+		if (!stack.apply(navigation)) return false;
+		syncStack();
+		if (stack.top !== previousTop) calls.dismissUI();
+		return true;
+	};
+	const navigateFromPage = ({ from, ...navigation }) => {
+		if (from === stack.top?.instanceId) navigate(navigation);
+	};
+	const hostMessageHandlers = /* @__PURE__ */ new Map([
+		["navigate", (payload) => navigateFromPage(payload)],
+		["hostCall", (payload) => calls.run(payload)],
+		["hostCancel", (payload) => calls.cancel(payload.id)]
+	]);
+	const stopService = logic.listen((raw) => {
+		const message = raw;
+		const handleHostMessage = hostMessageHandlers.get(message.type);
+		if (handleHostMessage) {
+			observe?.("toHost", message);
+			handleHostMessage(message.payload);
+			return;
+		}
+		observe?.("toWebview", message);
+		ui.post(message);
+	});
+	const stopWebview = ui.listen((raw) => {
+		const message = raw;
+		observe?.("toService", message);
+		logic.post(message);
+		if (message.type === "connect") {
+			syncSystemContext();
+			navigate({
+				action: "reset",
+				page: manifest.entry,
+				options: {}
+			});
+		}
+	});
+	return {
+		back: () => navigate({
+			action: "back",
+			delta: 1
+		}),
+		setSystemContext: (next) => {
+			context = next;
+			syncSystemContext();
+		},
+		stop: () => {
+			stopService();
+			stopWebview();
+		}
+	};
+}
+//#endregion
+//#region src/versions.ts
+const SIMULATED_DASH_VERSION = "1.0.0";
+const MIN_RUNTIME_VERSION = "0.1.0-alpha.1";
+const SIMULATOR_VERSIONS = {
+	dashVersion: SIMULATED_DASH_VERSION,
+	minRuntimeVersion: MIN_RUNTIME_VERSION
+};
+//#endregion
+//#region src/paths.ts
+const CLIENT_PATH = "/__dot/";
+const EVENTS_PATH = `${CLIENT_PATH}events`;
+const WEBVIEW_URL = `/dot/ui/index.html`;
+//#endregion
+//#region src/page.ts
+const escapeHtml = (text) => text.replace(/[&<>"]/g, (char) => `&#${char.charCodeAt(0)};`);
+function simulatorPage(appName) {
+	return `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>${escapeHtml(appName)} · Dot simulator</title>
+    <style>${STYLES}</style>
+  </head>
+  <body>
+    <header>
+      <strong>${escapeHtml(appName)}</strong>
+      <span class="subtle">Dot simulator</span>
+      <select id="scheme" aria-label="Device appearance">
+        <option value="light">Light</option>
+        <option value="dark">Dark</option>
+      </select>
+      <button id="back" type="button" title="The system back button">◀ Back</button>
+      <button id="reload" type="button">Reload</button>
+    </header>
+    <main>
+      <section class="stage">
+        <pre id="error" hidden></pre>
+        <div class="phone" data-scheme="light">
+          <div class="status-bar">
+            <span class="clock">9:41</span>
+            <span class="island"></span>
+            <span class="indicators">${STATUS_ICONS}</span>
+          </div>
+          <iframe id="screen" title="${escapeHtml(appName)}"></iframe>
+          <span class="home-indicator"></span>
+        </div>
+      </section>
+      <aside>
+        <div class="panel-head">
+          <span>Messages</span>
+          <button id="clear" type="button">Clear</button>
+        </div>
+        <ol id="log"></ol>
+      </aside>
+    </main>
+    <script src="${CLIENT_PATH}simulator.js"><\/script>
+  </body>
+</html>
+`;
+}
+const STATUS_ICONS = `<svg class="torch" width="10" height="14" viewBox="0 0 10 14" aria-label="Torch on"><path d="M0 0h10v3L7.5 6v7a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1V6L0 3Z" fill="#ffd60a"/></svg><svg width="18" height="12" viewBox="0 0 18 12" fill="currentColor" aria-hidden="true"><rect x="0" y="8" width="3" height="4" rx="1"/><rect x="5" y="5.5" width="3" height="6.5" rx="1"/><rect x="10" y="3" width="3" height="9" rx="1"/><rect x="15" y="0" width="3" height="12" rx="1"/></svg><svg width="16" height="12" viewBox="0 0 16 12" fill="currentColor" aria-hidden="true"><path d="M8 2.2c2.3 0 4.4.9 6 2.4l1.2-1.3A10.4 10.4 0 0 0 8 .4 10.4 10.4 0 0 0 .8 3.3L2 4.6a8.6 8.6 0 0 1 6-2.4Zm0 3.6c1.3 0 2.5.5 3.5 1.3l1.2-1.3A6.9 6.9 0 0 0 8 4a6.9 6.9 0 0 0-4.7 1.8l1.2 1.3A5.1 5.1 0 0 1 8 5.8Zm0 3.6c-.5 0-1 .2-1.3.5L8 11.4l1.3-1.5c-.3-.3-.8-.5-1.3-.5Z"/></svg><svg width="27" height="13" viewBox="0 0 27 13" aria-hidden="true"><rect x="0.5" y="0.5" width="23" height="12" rx="3.5" fill="none" stroke="currentColor" opacity="0.4"/><rect x="2" y="2" width="20" height="9" rx="2" fill="currentColor"/><path d="M25 4.5v4c.8-.3 1.3-1.1 1.3-2s-.5-1.7-1.3-2Z" fill="currentColor" opacity="0.4"/></svg>`;
+const STYLES = `
+  :root {
+    color-scheme: light dark;
+    --bg: #eef0f3; --panel: #ffffff; --border: #d6d9de; --text: #1f2328; --subtle: #6b7280;
+    --to-service: #2563eb; --to-webview: #059669; --danger: #dc2626;
+    font: 13px/1.4 system-ui, sans-serif;
+  }
+  @media (prefers-color-scheme: dark) {
+    :root {
+      --bg: #0d1117; --panel: #161b22; --border: #30363d; --text: #e6edf3; --subtle: #8b949e;
+      --to-service: #58a6ff; --to-webview: #3fb950; --danger: #f85149;
+    }
+  }
+  * { box-sizing: border-box; }
+  body { margin: 0; height: 100vh; display: flex; flex-direction: column; background: var(--bg); color: var(--text); }
+  header { display: flex; align-items: center; gap: 12px; padding: 8px 16px; background: var(--panel); border-bottom: 1px solid var(--border); }
+  #scheme { margin-left: auto; }
+  button, select { font: inherit; color: inherit; background: var(--bg); border: 1px solid var(--border); border-radius: 6px; padding: 4px 10px; cursor: pointer; }
+  .subtle { color: var(--subtle); }
+  main { flex: 1; display: flex; min-height: 0; }
+  .stage { flex: 1; overflow: auto; display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 24px 16px; }
+  .phone { flex: none; position: relative; display: flex; flex-direction: column; width: 393px; height: 852px; box-sizing: content-box; border: 12px solid #0b0b0c; border-radius: 67px; overflow: hidden; background: var(--screen); box-shadow: 0 0 0 2px #3a3a3c, 0 18px 50px rgb(0 0 0 / 0.3); --screen: #f2f2f2; --screen-text: #000; }
+  .phone[data-scheme="dark"] { --screen: #121212; --screen-text: #fff; --dialog: #2c2c2e; --dialog-line: #48484a; }
+  .phone { --dialog: #f7f7f7; --dialog-line: #d1d1d6; }
+  .torch { display: none; }
+  .phone[data-torch="on"] .torch { display: block; }
+  .dialog-layer { position: absolute; inset: 0; z-index: 1; display: flex; align-items: center; justify-content: center; background: rgb(0 0 0 / 0.3); }
+  .dialog { width: 270px; border-radius: 14px; overflow: hidden; background: var(--dialog); color: var(--screen-text); text-align: center; font: 13px/1.35 system-ui, sans-serif; }
+  .dialog-body { display: flex; flex-direction: column; gap: 4px; padding: 18px 16px 16px; }
+  .dialog-title { font-size: 17px; font-weight: 600; }
+  .dialog-actions { display: flex; border-top: 1px solid var(--dialog-line); }
+  .dialog-actions.stacked { flex-direction: column; }
+  .dialog-actions button { flex: 1; margin: 0; padding: 11px; border: 0; border-radius: 0; background: transparent; color: #0a84ff; font-size: 17px; }
+  .dialog-actions button + button { border-left: 1px solid var(--dialog-line); }
+  .dialog-actions.stacked button + button { border-left: 0; border-top: 1px solid var(--dialog-line); }
+  .dialog-actions .cancel { font-weight: 600; }
+  .dialog-actions .destructive { color: #ff3b30; }
+  .status-bar { flex: none; position: relative; height: 54px; display: flex; align-items: center; justify-content: space-between; padding: 0 30px 0 50px; color: var(--screen-text); font: 600 17px/1 system-ui, sans-serif; }
+  .island { position: absolute; top: 11px; left: 50%; width: 125px; height: 37px; margin-left: -62.5px; border-radius: 19px; background: #000; }
+  .indicators { display: flex; align-items: center; gap: 6px; }
+  #screen { flex: 1; display: block; width: 100%; border: 0; background: var(--screen); }
+  .home-indicator { position: absolute; bottom: 8px; left: 50%; width: 134px; height: 5px; margin-left: -67px; border-radius: 3px; background: var(--screen-text); pointer-events: none; }
+  #error { max-width: 640px; width: 100%; margin: 0; padding: 12px; white-space: pre-wrap; overflow-wrap: anywhere; color: #fff; background: var(--danger); border-radius: 8px; }
+  aside { width: 380px; display: flex; flex-direction: column; background: var(--panel); border-left: 1px solid var(--border); }
+  .panel-head { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; border-bottom: 1px solid var(--border); font-weight: 600; }
+  #log { flex: 1; overflow: auto; margin: 0; padding: 0; list-style: none; font: 12px/1.4 ui-monospace, monospace; }
+  #log li { border-bottom: 1px solid var(--border); padding: 4px 12px; }
+  #log summary { display: flex; gap: 8px; cursor: pointer; }
+  #log pre { margin: 4px 0; white-space: pre-wrap; word-break: break-all; color: var(--subtle); }
+  #log .time { color: var(--subtle); }
+  #log .toService .arrow { color: var(--to-service); }
+  #log .toWebview .arrow { color: var(--to-webview); }
+  #log .toHost .arrow, #log .fromHost .arrow { color: var(--subtle); }
+  #log .type { font-weight: 600; }
+  #log .note { padding: 2px 12px; text-align: center; color: var(--subtle); background: var(--bg); }
+  #log .failed .type { color: var(--danger); }
+  @media (max-width: 900px) { main { flex-direction: column; } aside { width: auto; height: 40vh; border-left: 0; border-top: 1px solid var(--border); } }
+`;
+//#endregion
+//#region src/server.ts
+const DEFAULT_PORT = 3680;
+const PORT_ATTEMPTS = 5;
+const MIME_TYPES = {
+	".html": "text/html; charset=utf-8",
+	".js": "text/javascript; charset=utf-8",
+	".map": "application/json; charset=utf-8",
+	".json": "application/json; charset=utf-8",
+	".css": "text/css; charset=utf-8",
+	".svg": "image/svg+xml",
+	".png": "image/png",
+	".jpg": "image/jpeg",
+	".jpeg": "image/jpeg",
+	".gif": "image/gif",
+	".webp": "image/webp",
+	".woff2": "font/woff2"
+};
+async function startSimulator({ dotDir, reactHostDir, name = "Dot", port = DEFAULT_PORT, host = "localhost", clientDir = defaultClientDir() }) {
+	const clients = /* @__PURE__ */ new Set();
+	let buildError = null;
+	const broadcast = (event, data = "") => {
+		for (const client of clients) client.write(serverEvent(event, data));
+	};
+	const server = createServer((request, response) => {
+		const { pathname } = new URL(request.url ?? "/", "http://localhost");
+		if (pathname === "/") {
+			send(response, 200, simulatorPage(name), ".html");
+			return;
+		}
+		if (pathname === "/favicon.ico") {
+			send(response, 204, "");
+			return;
+		}
+		if (pathname === EVENTS_PATH) {
+			response.writeHead(200, {
+				"Content-Type": "text/event-stream",
+				"Cache-Control": "no-store",
+				Connection: "keep-alive"
+			});
+			response.write(": connected\n\n");
+			if (buildError !== null) response.write(serverEvent("build-error", buildError));
+			clients.add(response);
+			request.on("close", () => clients.delete(response));
+			return;
+		}
+		if (pathname.startsWith(REACT_HOST_PATH) && reactHostDir !== void 0) {
+			serveReact(response, reactHostDir, pathname.slice(REACT_HOST_PATH.length));
+			return;
+		}
+		if (pathname.startsWith("/__dot/")) {
+			serveFile(response, clientDir, pathname.slice(7));
+			return;
+		}
+		if (pathname.startsWith("/dot/")) {
+			const injectBridge = pathname === WEBVIEW_URL || `${pathname}index.html` === WEBVIEW_URL;
+			serveFile(response, dotDir, pathname.slice(5), injectBridge);
+			return;
+		}
+		send(response, 404, "Not found");
+	});
+	await listen(server, port, host);
+	return {
+		url: `http://${host}:${server.address().port}/`,
+		reload: () => {
+			buildError = null;
+			broadcast("reload");
+		},
+		error: (message) => {
+			buildError = message;
+			broadcast("build-error", message);
+		},
+		close: () => new Promise((resolvePromise) => {
+			for (const client of clients) client.end();
+			server.close(() => resolvePromise());
+		})
+	};
+}
+function serverEvent(event, data) {
+	return `event: ${event}\n${data.split("\n").map((line) => `data: ${line}`).join("\n")}\n\n`;
+}
+async function listen(server, port, host) {
+	for (let attempt = 0; attempt < PORT_ATTEMPTS; attempt++) if (!await new Promise((resolvePromise, reject) => {
+		const onError = (error) => {
+			if (error.code === "EADDRINUSE") resolvePromise(true);
+			else reject(error);
+		};
+		server.once("error", onError);
+		server.listen(port + attempt, host, () => {
+			server.off("error", onError);
+			resolvePromise(false);
+		});
+	})) return;
+	const last = port + PORT_ATTEMPTS - 1;
+	throw new Error(`Ports ${port} to ${last} are all in use. Pass another with --port.`);
+}
+async function serveReact(response, reactHostDir, path) {
+	const [major = "", ...file] = path.split("/");
+	const versions = await readdir(reactHostDir).catch(() => []);
+	const version = newestReactOfMajor(versions, Number(major));
+	if (version === void 0) {
+		send(response, 404, "Not found");
+		return;
+	}
+	await serveFile(response, join(reactHostDir, version), file.join("/"));
+}
+async function serveFile(response, root, path, injectBridge = false) {
+	const base = resolve(root);
+	let file = resolve(base, decodeURIComponent(path));
+	if (file !== base && !file.startsWith(base + sep)) {
+		send(response, 404, "Not found");
+		return;
+	}
+	try {
+		if ((await stat(file)).isDirectory()) file = join(file, "index.html");
+		const body = await readFile(file);
+		if (!injectBridge) {
+			send(response, 200, body, extname(file));
+			return;
+		}
+		const bridge = `<script src="${CLIENT_PATH}webview-bridge.js"><\/script>`;
+		send(response, 200, body.toString("utf8").replace("<head>", `<head>\n    ${bridge}`), ".html");
+	} catch {
+		send(response, 404, "Not found");
+	}
+}
+function send(response, status, body, extension = ".txt") {
+	response.writeHead(status, {
+		"Content-Type": MIME_TYPES[extension] ?? "text/plain; charset=utf-8",
+		"Cache-Control": "no-store"
+	});
+	response.end(body);
+}
+function defaultClientDir() {
+	const manifest = createRequire(import.meta.url).resolve("@monimesl/dot-simulator/package.json");
+	return join(dirname(manifest), "dist/client");
+}
+//#endregion
+export { DEFAULT_PORT, IncompatibleDotError, MIN_RUNTIME_VERSION, SIMULATED_DASH_VERSION, SIMULATOR_VERSIONS, checkCompatibility, startHost, startSimulator };
+
+//# sourceMappingURL=index.js.map

package/dist/node/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/compatibility.ts","../../src/host-calls.ts","../../src/permissions.ts","../../src/host.ts","../../src/versions.ts","../../src/paths.ts","../../src/page.ts","../../src/server.ts"],"sourcesContent":["import { isReactCompatible, isVersionAtLeast, majorVersion } from '@monimesl/dot-core';\n\nimport type { HostManifest } from './manifest';\n\nexport type IncompatibilityReason = 'runtimeTooOld' | 'dashTooOld' | 'reactUnavailable';\n\n// The two versions a host knows about itself.\nexport interface HostVersions {\n  // The Dash version this host is, checked against the dot's `dash.minVersion`.\n  readonly dashVersion: string;\n  // The oldest @monimesl/dot-runtime this host runs. Dots built with an older one must be rebuilt.\n  readonly minRuntimeVersion: string;\n  // The React versions the host ships. Left out by a host that serves the React the dot was built\n  // with, as the simulator does.\n  readonly reactVersions?: readonly string[] | undefined;\n}\n\n// Why a host refuses to open a dot: it was built with a runtime older than the host runs, it needs\n// a newer Dash than the host is, or it imports a React the host doesn't ship.\nexport class IncompatibleDotError extends Error {\n  override readonly name = 'IncompatibleDotError';\n  readonly reason: IncompatibilityReason;\n\n  constructor(reason: IncompatibilityReason, message: string) {\n    super(message);\n    this.reason = reason;\n  }\n}\n\n// Throws an IncompatibleDotError when a host with these versions cannot run the dot.\nexport function checkCompatibility(\n  manifest: HostManifest,\n  { dashVersion, minRuntimeVersion, reactVersions }: HostVersions,\n): void {\n  if (!isVersionAtLeast(manifest.runtime, minRuntimeVersion)) {\n    throw new IncompatibleDotError(\n      'runtimeTooOld',\n      `This dot was built with Dot runtime ${manifest.runtime}, but this host runs ${minRuntimeVersion} or newer. ` +\n        'Rebuild it with a newer @monimesl/dot-runtime.',\n    );\n  }\n  const minDashVersion = manifest.dash?.minVersion;\n  if (minDashVersion !== undefined && !isVersionAtLeast(dashVersion, minDashVersion)) {\n    throw new IncompatibleDotError(\n      'dashTooOld',\n      `This dot needs Dash ${minDashVersion} or newer, and this is Dash ${dashVersion}.`,\n    );\n  }\n  if (\n    reactVersions !== undefined &&\n    !reactVersions.some((version) => isReactCompatible(version, manifest.react))\n  ) {\n    throw new IncompatibleDotError(\n      'reactUnavailable',\n      `This dot needs React ${manifest.react} or a newer ${majorVersion(manifest.react)}.x, which this host doesn't ship.`,\n    );\n  }\n}\n","import type {\n  DotPermission,\n  HostErrorCode,\n  HostResult,\n  LogicLayerMessages,\n} from '@monimesl/dot-core';\nimport { HostError } from '@monimesl/dot-core';\n\nimport type { PermissionGate } from './permissions';\n\nexport interface HostCall {\n  readonly method: string;\n  readonly params: unknown;\n  // Aborted when the call ends early: cancelled, out of time, or dismissed with its page.\n  readonly signal: AbortSignal;\n}\n\n// Runs one host method. Throw a `HostError` to fail with its code; anything else fails as `failed`.\nexport type HostHandler = (call: HostCall) => unknown;\n\n// A method that needs a permission: it runs only if the dot declared it and the person allowed it.\nexport interface PermissionedHandler {\n  readonly permission: DotPermission;\n  readonly handle: HostHandler;\n}\n\nexport type HostHandlers = Readonly<Record<string, HostHandler | PermissionedHandler>>;\n\nconst UI_METHOD_PREFIX = 'dash.ui.';\n\ninterface RunningCall {\n  readonly method: string;\n  readonly controller: AbortController;\n  timer?: ReturnType<typeof setTimeout>;\n}\n\n// Runs the service's host calls with `handlers`, and answers each call exactly once.\nexport class HostCallRunner {\n  readonly #handlers: HostHandlers;\n  readonly #permissions: PermissionGate;\n  readonly #answer: (result: HostResult) => void;\n  readonly #running = new Map<number, RunningCall>();\n\n  constructor(\n    handlers: HostHandlers,\n    permissions: PermissionGate,\n    answer: (result: HostResult) => void,\n  ) {\n    this.#handlers = handlers;\n    this.#permissions = permissions;\n    this.#answer = answer;\n  }\n\n  run({ id, method, params, timeout }: LogicLayerMessages['hostCall']): void {\n    const entry = this.#handlers[method];\n    if (!entry) {\n      this.#answer({ id, error: { code: 'unsupported', message: `This host has no \"${method}\"` } });\n      return;\n    }\n    const call: RunningCall = { method, controller: new AbortController() };\n    if (timeout !== undefined) {\n      call.timer = setTimeout(() => {\n        this.#fail(id, new HostError('timeout', `\"${method}\" took longer than ${timeout}ms`));\n      }, timeout);\n    }\n    this.#running.set(id, call);\n    void this.#invoke(id, entry, { method, params, signal: call.controller.signal });\n  }\n\n  // The service stopped waiting, so the call ends without an answer.\n  cancel(id: number): void {\n    this.#end(id)?.controller.abort();\n  }\n\n  // Dialogs belong to the page on top: when it changes, the ones still open are dismissed.\n  dismissUI(): void {\n    for (const [id, call] of this.#running) {\n      if (call.method.startsWith(UI_METHOD_PREFIX)) {\n        this.#fail(id, new HostError('cancelled', 'The page it was shown on is no longer on top'));\n      }\n    }\n  }\n\n  async #invoke(\n    id: number,\n    entry: HostHandler | PermissionedHandler,\n    call: HostCall,\n  ): Promise<void> {\n    try {\n      if (typeof entry === 'function') {\n        this.#succeed(id, await entry(call));\n        return;\n      }\n      await this.#permissions.check(call.method, entry.permission, call.signal);\n      this.#succeed(id, await entry.handle(call));\n    } catch (error) {\n      this.#fail(id, error);\n    }\n  }\n\n  #succeed(id: number, value: unknown): void {\n    if (this.#end(id)) {\n      this.#answer({ id, value });\n    }\n  }\n\n  #fail(id: number, error: unknown): void {\n    const call = this.#end(id);\n    if (!call) {\n      return;\n    }\n    call.controller.abort();\n    this.#answer({ id, error: describeError(error) });\n  }\n\n  #end(id: number): RunningCall | undefined {\n    const call = this.#running.get(id);\n    if (call) {\n      this.#running.delete(id);\n      clearTimeout(call.timer);\n    }\n    return call;\n  }\n}\n\nfunction describeError(error: unknown): { code: HostErrorCode; message: string } {\n  if (error instanceof HostError) {\n    return { code: error.code, message: error.message };\n  }\n  return { code: 'failed', message: error instanceof Error ? error.message : String(error) };\n}\n","import type { DotPermission } from '@monimesl/dot-core';\nimport { HostError } from '@monimesl/dot-core';\n\n// A dot asking for a permission it declared, the first time a call needs it.\nexport interface PermissionRequest {\n  readonly dotName: string;\n  readonly permission: DotPermission;\n  // Why the dot needs it, from its dot.json.\n  readonly reason: string;\n}\n\n// Each permission a dot declared in its dot.json, with the reason Dash shows the person.\nexport type DeclaredPermissions = Readonly<Partial<Record<string, string>>>;\n\n// Asks the person, and resolves with whether they allowed it. `signal` aborts when the call that\n// needs the permission ends first; the host then takes its prompt down and rejects.\nexport type AskPermission = (request: PermissionRequest, signal: AbortSignal) => Promise<boolean>;\n\n// Lets a call that needs a permission through only if the dot declared it and the person allowed\n// it. The person is asked once per run; the answer, yes or no, is kept.\nexport class PermissionGate {\n  readonly #dotName: string;\n  readonly #declared: DeclaredPermissions;\n  readonly #ask: AskPermission;\n  readonly #answers = new Map<DotPermission, boolean>();\n\n  constructor(dotName: string, declared: DeclaredPermissions, ask: AskPermission) {\n    this.#dotName = dotName;\n    this.#declared = declared;\n    this.#ask = ask;\n  }\n\n  // Rejects with a `denied` HostError when the call may not run.\n  async check(method: string, permission: DotPermission, signal: AbortSignal): Promise<void> {\n    const reason = this.#declared[permission];\n    if (reason === undefined) {\n      throw new HostError(\n        'denied',\n        `\"${method}\" needs the \"${permission}\" permission. Add it to dot.json's permissions, with the reason Dash shows the person.`,\n      );\n    }\n    let allowed = this.#answers.get(permission);\n    if (allowed === undefined) {\n      allowed = await this.#ask({ dotName: this.#dotName, permission, reason }, signal);\n      this.#answers.set(permission, allowed);\n    }\n    if (!allowed) {\n      throw new HostError('denied', `The person did not allow \"${permission}\"`);\n    }\n  }\n}\n","import type {\n  Envelope,\n  HostLayerMessages,\n  HostResult,\n  LogicLayerMessages,\n  Navigation,\n  SystemContext,\n  Transport,\n} from '@monimesl/dot-core';\nimport { NavigationStack } from '@monimesl/dot-core';\n\nimport type { HostVersions } from './compatibility';\nimport { checkCompatibility } from './compatibility';\nimport type { HostHandlers } from './host-calls';\nimport { HostCallRunner } from './host-calls';\nimport type { HostManifest } from './manifest';\nimport type { AskPermission } from './permissions';\nimport { PermissionGate } from './permissions';\n\nexport type Direction = 'toService' | 'toWebview' | 'toHost' | 'fromHost';\n\nexport interface HostOptions extends HostVersions {\n  ui: Transport;\n  logic: Transport;\n  manifest: HostManifest;\n  systemContext: SystemContext;\n  // The methods dots may call, such as `dash.ui.alert`; any other is answered `unsupported`.\n  handlers?: HostHandlers;\n  // Asks the person for a permission the dot declared, the first time a method needs it.\n  askPermission: AskPermission;\n  observe?: (direction: Direction, message: Envelope) => void;\n}\n\nexport interface Host {\n  stop(): void;\n  // false on the first page, where a device closes the dot instead.\n  back(): boolean;\n  setSystemContext(context: SystemContext): void;\n}\n\n// The host contract in JavaScript; native hosts implement the same in Swift or Kotlin.\n// Throws an IncompatibleDotError, before either layer hears anything, if it cannot run the dot.\nexport function startHost({\n  logic,\n  ui,\n  manifest,\n  dashVersion,\n  minRuntimeVersion,\n  systemContext,\n  handlers = {},\n  askPermission,\n  observe,\n}: HostOptions): Host {\n  checkCompatibility(manifest, { dashVersion, minRuntimeVersion });\n  const stack = new NavigationStack();\n  let context = systemContext;\n  const permissions = new PermissionGate(manifest.name, manifest.permissions ?? {}, askPermission);\n  const calls = new HostCallRunner(handlers, permissions, (result) => {\n    const message: Envelope<'hostResult', HostResult> = { type: 'hostResult', payload: result };\n    observe?.('fromHost', message);\n    logic.post(message);\n  });\n  const broadcast = (message: Envelope) => {\n    observe?.('fromHost', message);\n    ui.post(message);\n    logic.post(message);\n  };\n  const syncStack = () => {\n    const message: Envelope<'syncStack', HostLayerMessages['syncStack']> = {\n      type: 'syncStack',\n      payload: { pages: stack.pages, limit: stack.limit },\n    };\n    broadcast(message);\n  };\n  const syncSystemContext = () => {\n    const message: Envelope<'syncSystemContext', HostLayerMessages['syncSystemContext']> = {\n      type: 'syncSystemContext',\n      payload: context,\n    };\n    broadcast(message);\n  };\n  const navigate = (navigation: Navigation): boolean => {\n    if (navigation.action !== 'back' && !manifest.pages.includes(navigation.page)) {\n      return false;\n    }\n    const previousTop = stack.top;\n    if (!stack.apply(navigation)) {\n      return false;\n    }\n    syncStack();\n    if (stack.top !== previousTop) {\n      calls.dismissUI();\n    }\n    return true;\n  };\n\n  // Only the page on top may navigate; a request from a page below it is dropped.\n  const navigateFromPage = ({ from, ...navigation }: LogicLayerMessages['navigate']) => {\n    if (from === stack.top?.instanceId) {\n      navigate(navigation);\n    }\n  };\n  // Service messages meant for the host itself; every other one is relayed to the webview.\n  const hostMessageHandlers = new Map<string, (payload: unknown) => void>([\n    ['navigate', (payload) => navigateFromPage(payload as LogicLayerMessages['navigate'])],\n    ['hostCall', (payload) => calls.run(payload as LogicLayerMessages['hostCall'])],\n    ['hostCancel', (payload) => calls.cancel((payload as LogicLayerMessages['hostCancel']).id)],\n  ]);\n\n  const stopService = logic.listen((raw) => {\n    const message = raw as Envelope;\n    const handleHostMessage = hostMessageHandlers.get(message.type);\n    if (handleHostMessage) {\n      observe?.('toHost', message);\n      handleHostMessage(message.payload);\n      return;\n    }\n    observe?.('toWebview', message);\n    ui.post(message);\n  });\n  const stopWebview = ui.listen((raw) => {\n    const message = raw as Envelope;\n    observe?.('toService', message);\n    logic.post(message);\n    if (message.type === 'connect') {\n      syncSystemContext();\n      navigate({ action: 'reset', page: manifest.entry, options: {} });\n    }\n  });\n  return {\n    back: () => navigate({ action: 'back', delta: 1 }),\n    setSystemContext: (next) => {\n      context = next;\n      syncSystemContext();\n    },\n    stop: () => {\n      stopService();\n      stopWebview();\n    },\n  };\n}\n","import type { HostVersions } from './compatibility';\n\n// The Dash version the simulator acts as, for dots that set `dash.minVersion`.\nexport const SIMULATED_DASH_VERSION = '1.0.0';\n\n// The oldest @monimesl/dot-runtime whose bundles the simulator's bridge runs. Raise it when the\n// messages between the layers and the host change in a way older runtimes don't understand.\nexport const MIN_RUNTIME_VERSION = '0.1.0-alpha.1';\n\nexport const SIMULATOR_VERSIONS: HostVersions = {\n  dashVersion: SIMULATED_DASH_VERSION,\n  minRuntimeVersion: MIN_RUNTIME_VERSION,\n};\n","export const CLIENT_PATH = '/__dot/';\nexport const EVENTS_PATH = `${CLIENT_PATH}events`;\n\nexport const DOT_PATH = '/dot/';\nexport const WEBVIEW_URL = `${DOT_PATH}ui/index.html`;\nexport const SERVICE_URL = `${DOT_PATH}logic/dot.js`;\nexport const MANIFEST_URL = `${DOT_PATH}manifest.json`;\n","import { CLIENT_PATH } from './paths';\n\nconst escapeHtml = (text: string) => text.replace(/[&<>\"]/g, (char) => `&#${char.charCodeAt(0)};`);\n\nexport function simulatorPage(appName: string): string {\n  return `<!doctype html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>${escapeHtml(appName)} · Dot simulator</title>\n    <style>${STYLES}</style>\n  </head>\n  <body>\n    <header>\n      <strong>${escapeHtml(appName)}</strong>\n      <span class=\"subtle\">Dot simulator</span>\n      <select id=\"scheme\" aria-label=\"Device appearance\">\n        <option value=\"light\">Light</option>\n        <option value=\"dark\">Dark</option>\n      </select>\n      <button id=\"back\" type=\"button\" title=\"The system back button\">◀ Back</button>\n      <button id=\"reload\" type=\"button\">Reload</button>\n    </header>\n    <main>\n      <section class=\"stage\">\n        <pre id=\"error\" hidden></pre>\n        <div class=\"phone\" data-scheme=\"light\">\n          <div class=\"status-bar\">\n            <span class=\"clock\">9:41</span>\n            <span class=\"island\"></span>\n            <span class=\"indicators\">${STATUS_ICONS}</span>\n          </div>\n          <iframe id=\"screen\" title=\"${escapeHtml(appName)}\"></iframe>\n          <span class=\"home-indicator\"></span>\n        </div>\n      </section>\n      <aside>\n        <div class=\"panel-head\">\n          <span>Messages</span>\n          <button id=\"clear\" type=\"button\">Clear</button>\n        </div>\n        <ol id=\"log\"></ol>\n      </aside>\n    </main>\n    <script src=\"${CLIENT_PATH}simulator.js\"></script>\n  </body>\n</html>\n`;\n}\n\nconst TORCH_ICON = `<svg class=\"torch\" width=\"10\" height=\"14\" viewBox=\"0 0 10 14\" aria-label=\"Torch on\"><path d=\"M0 0h10v3L7.5 6v7a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1V6L0 3Z\" fill=\"#ffd60a\"/></svg>`;\n\nconst STATUS_ICONS = `${TORCH_ICON}<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"currentColor\" aria-hidden=\"true\"><rect x=\"0\" y=\"8\" width=\"3\" height=\"4\" rx=\"1\"/><rect x=\"5\" y=\"5.5\" width=\"3\" height=\"6.5\" rx=\"1\"/><rect x=\"10\" y=\"3\" width=\"3\" height=\"9\" rx=\"1\"/><rect x=\"15\" y=\"0\" width=\"3\" height=\"12\" rx=\"1\"/></svg><svg width=\"16\" height=\"12\" viewBox=\"0 0 16 12\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M8 2.2c2.3 0 4.4.9 6 2.4l1.2-1.3A10.4 10.4 0 0 0 8 .4 10.4 10.4 0 0 0 .8 3.3L2 4.6a8.6 8.6 0 0 1 6-2.4Zm0 3.6c1.3 0 2.5.5 3.5 1.3l1.2-1.3A6.9 6.9 0 0 0 8 4a6.9 6.9 0 0 0-4.7 1.8l1.2 1.3A5.1 5.1 0 0 1 8 5.8Zm0 3.6c-.5 0-1 .2-1.3.5L8 11.4l1.3-1.5c-.3-.3-.8-.5-1.3-.5Z\"/></svg><svg width=\"27\" height=\"13\" viewBox=\"0 0 27 13\" aria-hidden=\"true\"><rect x=\"0.5\" y=\"0.5\" width=\"23\" height=\"12\" rx=\"3.5\" fill=\"none\" stroke=\"currentColor\" opacity=\"0.4\"/><rect x=\"2\" y=\"2\" width=\"20\" height=\"9\" rx=\"2\" fill=\"currentColor\"/><path d=\"M25 4.5v4c.8-.3 1.3-1.1 1.3-2s-.5-1.7-1.3-2Z\" fill=\"currentColor\" opacity=\"0.4\"/></svg>`;\n\nconst STYLES = `\n  :root {\n    color-scheme: light dark;\n    --bg: #eef0f3; --panel: #ffffff; --border: #d6d9de; --text: #1f2328; --subtle: #6b7280;\n    --to-service: #2563eb; --to-webview: #059669; --danger: #dc2626;\n    font: 13px/1.4 system-ui, sans-serif;\n  }\n  @media (prefers-color-scheme: dark) {\n    :root {\n      --bg: #0d1117; --panel: #161b22; --border: #30363d; --text: #e6edf3; --subtle: #8b949e;\n      --to-service: #58a6ff; --to-webview: #3fb950; --danger: #f85149;\n    }\n  }\n  * { box-sizing: border-box; }\n  body { margin: 0; height: 100vh; display: flex; flex-direction: column; background: var(--bg); color: var(--text); }\n  header { display: flex; align-items: center; gap: 12px; padding: 8px 16px; background: var(--panel); border-bottom: 1px solid var(--border); }\n  #scheme { margin-left: auto; }\n  button, select { font: inherit; color: inherit; background: var(--bg); border: 1px solid var(--border); border-radius: 6px; padding: 4px 10px; cursor: pointer; }\n  .subtle { color: var(--subtle); }\n  main { flex: 1; display: flex; min-height: 0; }\n  .stage { flex: 1; overflow: auto; display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 24px 16px; }\n  .phone { flex: none; position: relative; display: flex; flex-direction: column; width: 393px; height: 852px; box-sizing: content-box; border: 12px solid #0b0b0c; border-radius: 67px; overflow: hidden; background: var(--screen); box-shadow: 0 0 0 2px #3a3a3c, 0 18px 50px rgb(0 0 0 / 0.3); --screen: #f2f2f2; --screen-text: #000; }\n  .phone[data-scheme=\"dark\"] { --screen: #121212; --screen-text: #fff; --dialog: #2c2c2e; --dialog-line: #48484a; }\n  .phone { --dialog: #f7f7f7; --dialog-line: #d1d1d6; }\n  .torch { display: none; }\n  .phone[data-torch=\"on\"] .torch { display: block; }\n  .dialog-layer { position: absolute; inset: 0; z-index: 1; display: flex; align-items: center; justify-content: center; background: rgb(0 0 0 / 0.3); }\n  .dialog { width: 270px; border-radius: 14px; overflow: hidden; background: var(--dialog); color: var(--screen-text); text-align: center; font: 13px/1.35 system-ui, sans-serif; }\n  .dialog-body { display: flex; flex-direction: column; gap: 4px; padding: 18px 16px 16px; }\n  .dialog-title { font-size: 17px; font-weight: 600; }\n  .dialog-actions { display: flex; border-top: 1px solid var(--dialog-line); }\n  .dialog-actions.stacked { flex-direction: column; }\n  .dialog-actions button { flex: 1; margin: 0; padding: 11px; border: 0; border-radius: 0; background: transparent; color: #0a84ff; font-size: 17px; }\n  .dialog-actions button + button { border-left: 1px solid var(--dialog-line); }\n  .dialog-actions.stacked button + button { border-left: 0; border-top: 1px solid var(--dialog-line); }\n  .dialog-actions .cancel { font-weight: 600; }\n  .dialog-actions .destructive { color: #ff3b30; }\n  .status-bar { flex: none; position: relative; height: 54px; display: flex; align-items: center; justify-content: space-between; padding: 0 30px 0 50px; color: var(--screen-text); font: 600 17px/1 system-ui, sans-serif; }\n  .island { position: absolute; top: 11px; left: 50%; width: 125px; height: 37px; margin-left: -62.5px; border-radius: 19px; background: #000; }\n  .indicators { display: flex; align-items: center; gap: 6px; }\n  #screen { flex: 1; display: block; width: 100%; border: 0; background: var(--screen); }\n  .home-indicator { position: absolute; bottom: 8px; left: 50%; width: 134px; height: 5px; margin-left: -67px; border-radius: 3px; background: var(--screen-text); pointer-events: none; }\n  #error { max-width: 640px; width: 100%; margin: 0; padding: 12px; white-space: pre-wrap; overflow-wrap: anywhere; color: #fff; background: var(--danger); border-radius: 8px; }\n  aside { width: 380px; display: flex; flex-direction: column; background: var(--panel); border-left: 1px solid var(--border); }\n  .panel-head { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; border-bottom: 1px solid var(--border); font-weight: 600; }\n  #log { flex: 1; overflow: auto; margin: 0; padding: 0; list-style: none; font: 12px/1.4 ui-monospace, monospace; }\n  #log li { border-bottom: 1px solid var(--border); padding: 4px 12px; }\n  #log summary { display: flex; gap: 8px; cursor: pointer; }\n  #log pre { margin: 4px 0; white-space: pre-wrap; word-break: break-all; color: var(--subtle); }\n  #log .time { color: var(--subtle); }\n  #log .toService .arrow { color: var(--to-service); }\n  #log .toWebview .arrow { color: var(--to-webview); }\n  #log .toHost .arrow, #log .fromHost .arrow { color: var(--subtle); }\n  #log .type { font-weight: 600; }\n  #log .note { padding: 2px 12px; text-align: center; color: var(--subtle); background: var(--bg); }\n  #log .failed .type { color: var(--danger); }\n  @media (max-width: 900px) { main { flex-direction: column; } aside { width: auto; height: 40vh; border-left: 0; border-top: 1px solid var(--border); } }\n`;\n","import { readdir, readFile, stat } from 'node:fs/promises';\nimport type { Server, ServerResponse } from 'node:http';\nimport { createServer } from 'node:http';\nimport type { AddressInfo } from 'node:net';\nimport { createRequire } from 'node:module';\nimport { dirname, extname, join, resolve, sep } from 'node:path';\n\nimport { REACT_HOST_PATH, newestReactOfMajor } from '@monimesl/dot-core';\n\nimport { simulatorPage } from './page';\nimport { DOT_PATH, CLIENT_PATH, EVENTS_PATH, WEBVIEW_URL } from './paths';\n\nexport interface SimulatorOptions {\n  dotDir: string;\n  // The React files hosts serve, a folder per version, from the dot's renderer. Without it, a dot\n  // cannot load React.\n  reactHostDir?: string | undefined;\n  name?: string;\n  port?: number | undefined;\n  host?: string;\n  clientDir?: string;\n}\n\nexport interface Simulator {\n  readonly url: string;\n  reload(): void;\n  error(message: string): void;\n  close(): Promise<void>;\n}\n\nexport const DEFAULT_PORT = 3680;\n\nconst PORT_ATTEMPTS = 5;\n\nconst MIME_TYPES: Record<string, string> = {\n  '.html': 'text/html; charset=utf-8',\n  '.js': 'text/javascript; charset=utf-8',\n  '.map': 'application/json; charset=utf-8',\n  '.json': 'application/json; charset=utf-8',\n  '.css': 'text/css; charset=utf-8',\n  '.svg': 'image/svg+xml',\n  '.png': 'image/png',\n  '.jpg': 'image/jpeg',\n  '.jpeg': 'image/jpeg',\n  '.gif': 'image/gif',\n  '.webp': 'image/webp',\n  '.woff2': 'font/woff2',\n};\n\nexport async function startSimulator({\n  dotDir,\n  reactHostDir,\n  name = 'Dot',\n  port = DEFAULT_PORT,\n  host = 'localhost',\n  clientDir = defaultClientDir(),\n}: SimulatorOptions): Promise<Simulator> {\n  const clients = new Set<ServerResponse>();\n  let buildError: string | null = null;\n  const broadcast = (event: string, data = '') => {\n    for (const client of clients) {\n      client.write(serverEvent(event, data));\n    }\n  };\n\n  const server = createServer((request, response) => {\n    const { pathname } = new URL(request.url ?? '/', 'http://localhost');\n    if (pathname === '/') {\n      send(response, 200, simulatorPage(name), '.html');\n      return;\n    }\n    if (pathname === '/favicon.ico') {\n      send(response, 204, '');\n      return;\n    }\n    if (pathname === EVENTS_PATH) {\n      response.writeHead(200, {\n        'Content-Type': 'text/event-stream',\n        'Cache-Control': 'no-store',\n        Connection: 'keep-alive',\n      });\n      response.write(': connected\\n\\n');\n      if (buildError !== null) {\n        response.write(serverEvent('build-error', buildError));\n      }\n      clients.add(response);\n      request.on('close', () => clients.delete(response));\n      return;\n    }\n    // As a native host serves the React it ships.\n    if (pathname.startsWith(REACT_HOST_PATH) && reactHostDir !== undefined) {\n      void serveReact(response, reactHostDir, pathname.slice(REACT_HOST_PATH.length));\n      return;\n    }\n    if (pathname.startsWith(CLIENT_PATH)) {\n      void serveFile(response, clientDir, pathname.slice(CLIENT_PATH.length));\n      return;\n    }\n    if (pathname.startsWith(DOT_PATH)) {\n      // As a native host injects its bridge into the WebView before the dot runs.\n      const injectBridge = pathname === WEBVIEW_URL || `${pathname}index.html` === WEBVIEW_URL;\n      void serveFile(response, dotDir, pathname.slice(DOT_PATH.length), injectBridge);\n      return;\n    }\n    send(response, 404, 'Not found');\n  });\n\n  await listen(server, port, host);\n\n  return {\n    url: `http://${host}:${(server.address() as AddressInfo).port}/`,\n    reload: () => {\n      buildError = null;\n      broadcast('reload');\n    },\n    error: (message) => {\n      buildError = message;\n      broadcast('build-error', message);\n    },\n    close: () =>\n      new Promise((resolvePromise) => {\n        for (const client of clients) {\n          client.end();\n        }\n        server.close(() => resolvePromise());\n      }),\n  };\n}\n\nfunction serverEvent(event: string, data: string): string {\n  const lines = data.split('\\n').map((line) => `data: ${line}`);\n  return `event: ${event}\\n${lines.join('\\n')}\\n\\n`;\n}\n\nasync function listen(server: Server, port: number, host: string): Promise<void> {\n  for (let attempt = 0; attempt < PORT_ATTEMPTS; attempt++) {\n    const taken = await new Promise<boolean>((resolvePromise, reject) => {\n      const onError = (error: NodeJS.ErrnoException) => {\n        if (error.code === 'EADDRINUSE') {\n          resolvePromise(true);\n        } else {\n          reject(error);\n        }\n      };\n      server.once('error', onError);\n      server.listen(port + attempt, host, () => {\n        server.off('error', onError);\n        resolvePromise(false);\n      });\n    });\n    if (!taken) {\n      return;\n    }\n  }\n  const last = port + PORT_ATTEMPTS - 1;\n  throw new Error(`Ports ${port} to ${last} are all in use. Pass another with --port.`);\n}\n\n// `<major>/<file>`, from the newest version of that major in `reactHostDir`.\nasync function serveReact(\n  response: ServerResponse,\n  reactHostDir: string,\n  path: string,\n): Promise<void> {\n  const [major = '', ...file] = path.split('/');\n  const versions = await readdir(reactHostDir).catch(() => []);\n  const version = newestReactOfMajor(versions, Number(major));\n  if (version === undefined) {\n    send(response, 404, 'Not found');\n    return;\n  }\n  await serveFile(response, join(reactHostDir, version), file.join('/'));\n}\n\nasync function serveFile(\n  response: ServerResponse,\n  root: string,\n  path: string,\n  injectBridge = false,\n): Promise<void> {\n  const base = resolve(root);\n  let file = resolve(base, decodeURIComponent(path));\n  if (file !== base && !file.startsWith(base + sep)) {\n    send(response, 404, 'Not found');\n    return;\n  }\n  try {\n    if ((await stat(file)).isDirectory()) {\n      file = join(file, 'index.html');\n    }\n    const body = await readFile(file);\n    if (!injectBridge) {\n      send(response, 200, body, extname(file));\n      return;\n    }\n    const bridge = `<script src=\"${CLIENT_PATH}webview-bridge.js\"></script>`;\n    send(response, 200, body.toString('utf8').replace('<head>', `<head>\\n    ${bridge}`), '.html');\n  } catch {\n    send(response, 404, 'Not found');\n  }\n}\n\nfunction send(\n  response: ServerResponse,\n  status: number,\n  body: string | Buffer,\n  extension = '.txt',\n): void {\n  response.writeHead(status, {\n    'Content-Type': MIME_TYPES[extension] ?? 'text/plain; charset=utf-8',\n    'Cache-Control': 'no-store',\n  });\n  response.end(body);\n}\n\nfunction defaultClientDir(): string {\n  const manifest = createRequire(import.meta.url).resolve('@monimesl/dot-simulator/package.json');\n  return join(dirname(manifest), 'dist/client');\n}\n"],"mappings":"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"}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@monimesl/dot-simulator",
+  "version": "0.1.0-alpha.2",
+  "description": "Browser host for Dot mini apps: runs the service in a Worker and the webview in a device frame",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/monime-lab/dot.git",
+    "directory": "packages/hosts/simulator"
+  },
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "@monimesl/dot-source": "./src/index.ts",
+      "types": "./dist/node/index.d.ts",
+      "import": "./dist/node/index.js",
+      "default": "./dist/node/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/node/index.js",
+  "types": "./dist/node/index.d.ts",
+  "dependencies": {
+    "@monimesl/dot-core": "0.1.0-alpha.2"
+  },
+  "devDependencies": {
+    "@types/node": "^22.20.4",
+    "publint": "^0.3.24",
+    "rimraf": "^6.1.3",
+    "tsdown": "^0.23.0",
+    "typescript": "^5.9.3",
+    "vitest": "^5.0.1",
+    "@monimesl/dot-dash": "0.1.0-alpha.2"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "rimraf dist && tsdown",
+    "dev": "tsdown --watch",
+    "typecheck": "tsc --noEmit -p tsconfig.json",
+    "test": "vitest run",
+    "clean": "rimraf dist *.tsbuildinfo"
+  }
+}