@rainbow-robotics/preview-host 1.10.1-dev.1 → 1.10.1

package/serve.mjs

@@ -1,193 +1,193 @@
-#!/usr/bin/env node
-// Usage:
-//   rb-preview-host --plugin <staged-dir> [--port 4180] [--dist <dir>]
-import { createServer } from "node:http";
-import { createReadStream, existsSync, readFileSync, statSync, watch } from "node:fs";
-import { dirname, extname, join, resolve } from "node:path";
-import { fileURLToPath } from "node:url";
-
-const here = dirname(fileURLToPath(import.meta.url));
-
-function arg(name, fallback) {
-  const i = process.argv.indexOf(`--${name}`);
-  return i !== -1 && process.argv[i + 1] ? process.argv[i + 1] : fallback;
-}
-
-const port = Number(arg("port", "4180"));
-const distDir = resolve(arg("dist", join(here, "dist")));
-const pluginDir = arg("plugin", "")
-  ? resolve(arg("plugin", ""))
-  : "";
-const socketUrl = arg("socket-url", "");
-const robotHost = arg("robot-host", "");
-const devServerUrl = arg("dev-server-url", "");
-const PLUGIN_BASE = "/plugin-dev";
-const RELOAD_PATH = "/__preview_reload";
-
-const CONTENT_TYPE = {
-  ".html": "text/html; charset=utf-8",
-  ".js": "text/javascript; charset=utf-8",
-  ".mjs": "text/javascript; charset=utf-8",
-  ".css": "text/css; charset=utf-8",
-  ".json": "application/json; charset=utf-8",
-  ".svg": "image/svg+xml",
-  ".png": "image/png",
-  ".jpg": "image/jpeg",
-  ".jpeg": "image/jpeg",
-  ".webp": "image/webp",
-  ".gif": "image/gif",
-  ".woff": "font/woff",
-  ".woff2": "font/woff2",
-  ".glb": "model/gltf-binary",
-  ".mp3": "audio/mpeg",
-  ".wasm": "application/wasm",
-};
-
-if (!existsSync(distDir)) {
-  console.error(
-    `[preview-host] dist not found at ${distDir}. Run \`node build.mjs\` first.`,
-  );
-  process.exit(1);
-}
-
-
-let previewPluginId = "";
-// Core SW category the preview program pretends to run on (command forms are keyed by it).
-let previewBeService = "manipulate";
-if (pluginDir) {
-  try {
-    const manifest = JSON.parse(readFileSync(resolve(pluginDir, "manifest.json"), "utf8"));
-    previewPluginId = manifest.id || "";
-    if (Array.isArray(manifest.targetCategorys) && manifest.targetCategorys[0]) {
-      previewBeService = manifest.targetCategorys[0];
-    }
-  } catch {
-    /* manifest missing/unreadable — no preview id */
-  }
-}
-
-const injectedLines = [
-  "    <script>",
-  "      window.__RB_PLUGIN_PREVIEW_HOST__ = true;",
-  "      window.__RB_ASSETS_BASE_URL__ = window.location.origin;",
-  `      window.__RB_PLUGIN_PREVIEW_BASE__ = ${JSON.stringify(PLUGIN_BASE)};`,
-];
-if (previewPluginId) {
-  injectedLines.push(`      window.__RB_PREVIEW_PLUGIN_ID__ = ${JSON.stringify(previewPluginId)};`);
-}
-injectedLines.push(`      window.__RB_PREVIEW_BE_SERVICE__ = ${JSON.stringify(previewBeService)};`);
-if (devServerUrl) {
-  injectedLines.push(`      window.__RB_PLUGIN_DEV_SERVER_URL__ = ${JSON.stringify(devServerUrl)};`);
-}
-if (socketUrl) {
-  injectedLines.push(`      window.__RB_PLUGIN_PREVIEW_SOCKET_URL__ = ${JSON.stringify(socketUrl)};`);
-}
-if (robotHost) {
-
-  injectedLines.push(`      window.__RB_ROBOT_HOST__ = ${JSON.stringify(robotHost)};`);
-}
-injectedLines.push("    </script>");
-
-if (pluginDir) {
-  injectedLines.push(
-    "    <script>",
-    `      new EventSource(${JSON.stringify(RELOAD_PATH)}).onmessage = () => location.reload();`,
-    "    </script>",
-  );
-}
-injectedLines.push("  </head>");
-
-function renderIndexHtml() {
-  return readFileSync(join(distDir, "index.html"), "utf8").replace(
-    "</head>",
-    injectedLines.join("\n"),
-  );
-}
-
-function sendFile(res, filePath, { noStore = false } = {}) {
-  res.setHeader("Access-Control-Allow-Origin", "*");
-  if (noStore) res.setHeader("Cache-Control", "no-store");
-  const type = CONTENT_TYPE[extname(filePath)];
-  if (type) res.setHeader("Content-Type", type);
-  createReadStream(filePath).pipe(res);
-}
-
-function tryServe(res, baseDir, relPath, opts) {
-  const filePath = resolve(baseDir, `.${relPath}`);
-  if (!filePath.startsWith(baseDir)) return false;
-  if (existsSync(filePath) && statSync(filePath).isFile()) {
-    sendFile(res, filePath, opts);
-    return true;
-  }
-  return false;
-}
-
-
-const reloadClients = new Set();
-if (pluginDir && existsSync(pluginDir)) {
-  let timer = null;
-  const notify = () => {
-    clearTimeout(timer);
-    timer = setTimeout(() => {
-      for (const c of reloadClients) c.write("data: reload\n\n");
-    }, 100);
-  };
-  try {
-    // Recursive: macOS/Windows always, Linux on Node 20.13+.
-    watch(pluginDir, { recursive: true }, notify);
-  } catch {
-
-    watch(pluginDir, notify);
-    console.warn(
-      "[preview-host] recursive watch unavailable — live reload limited to plugin root (upgrade to Node 20.13+ for full watch).",
-    );
-  }
-}
-
-const server = createServer((req, res) => {
-  const url = (req.url || "/").split("?")[0];
-
-
-  if (url === RELOAD_PATH) {
-    res.writeHead(200, {
-      "Content-Type": "text/event-stream",
-      "Cache-Control": "no-cache",
-      Connection: "keep-alive",
-      "Access-Control-Allow-Origin": "*",
-    });
-    res.write("retry: 1000\n\n");
-    reloadClients.add(res);
-    req.on("close", () => reloadClients.delete(res));
-    return;
-  }
-
-
-  if (url.startsWith(PLUGIN_BASE)) {
-    if (!pluginDir) {
-      res.statusCode = 404;
-      res.end("no --plugin dir configured");
-      return;
-    }
-    const rel = url.slice(PLUGIN_BASE.length) || "/";
-    // no-store so the browser always re-fetches the freshly staged manifest/assets.
-    if (tryServe(res, pluginDir, rel, { noStore: true })) return;
-    res.statusCode = 404;
-    res.end("plugin asset not found");
-    return;
-  }
-
-  // Static bundle + rb assets
-  if (url !== "/" && tryServe(res, distDir, url)) return;
-
-  // SPA fallback → injected index.html
-  res.setHeader("Content-Type", "text/html; charset=utf-8");
-  res.end(renderIndexHtml());
-});
-
-server.listen(port, () => {
-  console.log(`[preview-host] mini-Muscat → http://localhost:${port}`);
-  console.log(`[preview-host] dist:   ${distDir}`);
-  console.log(
-    `[preview-host] plugin: ${pluginDir || "(none — pass --plugin <dir>)"} → ${PLUGIN_BASE}`,
-  );
-});
+#!/usr/bin/env node
+// Usage:
+//   rb-preview-host --plugin <staged-dir> [--port 4180] [--dist <dir>]
+import { createServer } from "node:http";
+import { createReadStream, existsSync, readFileSync, statSync, watch } from "node:fs";
+import { dirname, extname, join, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const here = dirname(fileURLToPath(import.meta.url));
+
+function arg(name, fallback) {
+  const i = process.argv.indexOf(`--${name}`);
+  return i !== -1 && process.argv[i + 1] ? process.argv[i + 1] : fallback;
+}
+
+const port = Number(arg("port", "4180"));
+const distDir = resolve(arg("dist", join(here, "dist")));
+const pluginDir = arg("plugin", "")
+  ? resolve(arg("plugin", ""))
+  : "";
+const socketUrl = arg("socket-url", "");
+const robotHost = arg("robot-host", "");
+const devServerUrl = arg("dev-server-url", "");
+const PLUGIN_BASE = "/plugin-dev";
+const RELOAD_PATH = "/__preview_reload";
+
+const CONTENT_TYPE = {
+  ".html": "text/html; charset=utf-8",
+  ".js": "text/javascript; charset=utf-8",
+  ".mjs": "text/javascript; charset=utf-8",
+  ".css": "text/css; charset=utf-8",
+  ".json": "application/json; charset=utf-8",
+  ".svg": "image/svg+xml",
+  ".png": "image/png",
+  ".jpg": "image/jpeg",
+  ".jpeg": "image/jpeg",
+  ".webp": "image/webp",
+  ".gif": "image/gif",
+  ".woff": "font/woff",
+  ".woff2": "font/woff2",
+  ".glb": "model/gltf-binary",
+  ".mp3": "audio/mpeg",
+  ".wasm": "application/wasm",
+};
+
+if (!existsSync(distDir)) {
+  console.error(
+    `[preview-host] dist not found at ${distDir}. Run \`node build.mjs\` first.`,
+  );
+  process.exit(1);
+}
+
+
+let previewPluginId = "";
+// Core SW category the preview program pretends to run on (command forms are keyed by it).
+let previewBeService = "manipulate";
+if (pluginDir) {
+  try {
+    const manifest = JSON.parse(readFileSync(resolve(pluginDir, "manifest.json"), "utf8"));
+    previewPluginId = manifest.id || "";
+    if (Array.isArray(manifest.targetCategorys) && manifest.targetCategorys[0]) {
+      previewBeService = manifest.targetCategorys[0];
+    }
+  } catch {
+    /* manifest missing/unreadable — no preview id */
+  }
+}
+
+const injectedLines = [
+  "    <script>",
+  "      window.__RB_PLUGIN_PREVIEW_HOST__ = true;",
+  "      window.__RB_ASSETS_BASE_URL__ = window.location.origin;",
+  `      window.__RB_PLUGIN_PREVIEW_BASE__ = ${JSON.stringify(PLUGIN_BASE)};`,
+];
+if (previewPluginId) {
+  injectedLines.push(`      window.__RB_PREVIEW_PLUGIN_ID__ = ${JSON.stringify(previewPluginId)};`);
+}
+injectedLines.push(`      window.__RB_PREVIEW_BE_SERVICE__ = ${JSON.stringify(previewBeService)};`);
+if (devServerUrl) {
+  injectedLines.push(`      window.__RB_PLUGIN_DEV_SERVER_URL__ = ${JSON.stringify(devServerUrl)};`);
+}
+if (socketUrl) {
+  injectedLines.push(`      window.__RB_PLUGIN_PREVIEW_SOCKET_URL__ = ${JSON.stringify(socketUrl)};`);
+}
+if (robotHost) {
+
+  injectedLines.push(`      window.__RB_ROBOT_HOST__ = ${JSON.stringify(robotHost)};`);
+}
+injectedLines.push("    </script>");
+
+if (pluginDir) {
+  injectedLines.push(
+    "    <script>",
+    `      new EventSource(${JSON.stringify(RELOAD_PATH)}).onmessage = () => location.reload();`,
+    "    </script>",
+  );
+}
+injectedLines.push("  </head>");
+
+function renderIndexHtml() {
+  return readFileSync(join(distDir, "index.html"), "utf8").replace(
+    "</head>",
+    injectedLines.join("\n"),
+  );
+}
+
+function sendFile(res, filePath, { noStore = false } = {}) {
+  res.setHeader("Access-Control-Allow-Origin", "*");
+  if (noStore) res.setHeader("Cache-Control", "no-store");
+  const type = CONTENT_TYPE[extname(filePath)];
+  if (type) res.setHeader("Content-Type", type);
+  createReadStream(filePath).pipe(res);
+}
+
+function tryServe(res, baseDir, relPath, opts) {
+  const filePath = resolve(baseDir, `.${relPath}`);
+  if (!filePath.startsWith(baseDir)) return false;
+  if (existsSync(filePath) && statSync(filePath).isFile()) {
+    sendFile(res, filePath, opts);
+    return true;
+  }
+  return false;
+}
+
+
+const reloadClients = new Set();
+if (pluginDir && existsSync(pluginDir)) {
+  let timer = null;
+  const notify = () => {
+    clearTimeout(timer);
+    timer = setTimeout(() => {
+      for (const c of reloadClients) c.write("data: reload\n\n");
+    }, 100);
+  };
+  try {
+    // Recursive: macOS/Windows always, Linux on Node 20.13+.
+    watch(pluginDir, { recursive: true }, notify);
+  } catch {
+
+    watch(pluginDir, notify);
+    console.warn(
+      "[preview-host] recursive watch unavailable — live reload limited to plugin root (upgrade to Node 20.13+ for full watch).",
+    );
+  }
+}
+
+const server = createServer((req, res) => {
+  const url = (req.url || "/").split("?")[0];
+
+
+  if (url === RELOAD_PATH) {
+    res.writeHead(200, {
+      "Content-Type": "text/event-stream",
+      "Cache-Control": "no-cache",
+      Connection: "keep-alive",
+      "Access-Control-Allow-Origin": "*",
+    });
+    res.write("retry: 1000\n\n");
+    reloadClients.add(res);
+    req.on("close", () => reloadClients.delete(res));
+    return;
+  }
+
+
+  if (url.startsWith(PLUGIN_BASE)) {
+    if (!pluginDir) {
+      res.statusCode = 404;
+      res.end("no --plugin dir configured");
+      return;
+    }
+    const rel = url.slice(PLUGIN_BASE.length) || "/";
+    // no-store so the browser always re-fetches the freshly staged manifest/assets.
+    if (tryServe(res, pluginDir, rel, { noStore: true })) return;
+    res.statusCode = 404;
+    res.end("plugin asset not found");
+    return;
+  }
+
+  // Static bundle + rb assets
+  if (url !== "/" && tryServe(res, distDir, url)) return;
+
+  // SPA fallback → injected index.html
+  res.setHeader("Content-Type", "text/html; charset=utf-8");
+  res.end(renderIndexHtml());
+});
+
+server.listen(port, () => {
+  console.log(`[preview-host] mini-Muscat → http://localhost:${port}`);
+  console.log(`[preview-host] dist:   ${distDir}`);
+  console.log(
+    `[preview-host] plugin: ${pluginDir || "(none — pass --plugin <dir>)"} → ${PLUGIN_BASE}`,
+  );
+});