@rainbow-robotics/preview-host 1.3.8-dev.2 → 1.10.1-dev.0

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}`,
+  );
+});

package/dist/assets/index.1ZV6DMoI.js

@@ -1 +0,0 @@
-import{j as m,co as F,U as V,a$ as K,x as _,bg as Y,cw as Q,ek as E,ga as X,db as P,ei as b,cu as Z,gH as u}from"./RbLocalizationProvider.DXsc16pV.js";import{importShared as k}from"./__federation_fn_import.DdkEuT6t.js";const x=()=>!0,L=()=>typeof window<"u"&&window.__RB_ROBOT_HOST__||void 0||void 0,ke=()=>x()&&!!L(),J=()=>x()&&!L(),Le=(e,t)=>e?.find(s=>s.point===t),ye=(e,t)=>{if(typeof e=="string")return e;const s=String(t);return e?.[s]},_e=(e,t)=>{if(typeof e=="string")return e;const s=String(t);return e?.[s]||e?.en},Pe=e=>e.toLocaleLowerCase()==="rainbowrobotics",be=e=>e===void 0?"—":`${e.toFixed(1)}%`,we=e=>{if(e===void 0)return"—";const t=e/1024/1024;return t<1024?`${Math.round(t)} MB`:`${(t/1024).toFixed(1)} GB`};var y=(e=>(e[e.SUPERVISOR=0]="SUPERVISOR",e[e.ADMIN=1]="ADMIN",e[e.MANAGER=2]="MANAGER",e[e.OPERATOR=3]="OPERATOR",e[e.USER=4]="USER",e[e.GUEST=999999]="GUEST",e))(y||{});const Me={SUPERVISOR:0,ADMIN:1,MANAGER:2,OPERATOR:3,USER:4,GUEST:999999};function v(e){try{const t=e.split(".")[1].replace(/-/g,"+").replace(/_/g,"/");return JSON.parse(atob(t))}catch{return null}}function w(e){if(!e)return null;const t=v(e);return t?t.exp*1e3:null}function O(){const e=c();return e?v(e)?.sid??"":""}const o={isAutoLogin:"isAutoLogin",accessToken:"access_token",refreshToken:"refresh_token"};function A(){localStorage.removeItem(o.accessToken),localStorage.removeItem(o.refreshToken),sessionStorage.removeItem(o.accessToken),sessionStorage.removeItem(o.refreshToken)}function h(){return localStorage.getItem(o.isAutoLogin)==="true"}function Ue(e){localStorage.setItem(o.isAutoLogin,e?"true":"false")}function c(){return h()?localStorage.getItem(o.accessToken):sessionStorage.getItem(o.accessToken)}function p(){return h()?localStorage.getItem(o.refreshToken):sessionStorage.getItem(o.refreshToken)}function ee(e,t,s){s?(localStorage.setItem(o.isAutoLogin,"true"),localStorage.setItem(o.accessToken,e),localStorage.setItem(o.refreshToken,t)):(localStorage.setItem(o.isAutoLogin,"false"),sessionStorage.setItem(o.accessToken,e),sessionStorage.setItem(o.refreshToken,t))}const{useQuery:te}=await k("@tanstack/react-query"),N="/auth/me",se=[N],ne=()=>z.get(N,{}),oe=({enabled:e})=>te({queryKey:se,queryFn:ne,enabled:e}),{createContext:re,useCallback:ae,useContext:ie,useEffect:C,useState:ce}=await k("react"),ue={id:"GUEST",username:"게스트",role:y.SUPERVISOR,sid:""},$=re({isLoggedIn:!1,setLoggedIn:()=>{}});let R=null;function G(e){R?.(e)}function xe({children:e}){const[t,s]=ce(!!c()),n=ae(r=>{s(r)},[]);return C(()=>(R=n,()=>{R=null}),[n]),m($.Provider,{value:{isLoggedIn:t,setLoggedIn:n},children:e})}function le(){const{isLoggedIn:e,setLoggedIn:t}=ie($),s=c(),n=p(),r=h(),{data:a}=oe({enabled:e}),i=a?{id:a.user_id,username:a.username??a.user_id,role:a.role??y.GUEST,sid:O()}:ue;return C(()=>{const f=!!s&&!!n;e!==f&&t(f)},[e,s,n,t]),{isLoggedIn:e,setLoggedIn:t,user:i,accessToken:s,refreshToken:n,isAutoLogin:r,isAtLeast:f=>i.role<=f,hasRole:f=>i.role===f}}const de=({className:e,open:t,onOpenChange:s,onConfirm:n})=>{const{t:r}=F(),a=()=>{s(!1),n()};return m(Y,{className:_(e,"w-100 max-w-full border-none p-0"),enableDimClose:!1,hideCloseButton:!0,open:t,onOpenChange:s,header:{title:r("login.modal.title.sessionExpired")},footer:m(V,{className:_("w-full gap-1","[&_button]:h-8 [&_button]:w-20"),justifyContent:"end",children:m(K,{variant:"brand",size:"sm",onClick:a,children:r("login.modal.button.sessionExpiredConfirm")})}),children:m("div",{className:"px-4 pt-3 pb-0",children:m("span",{className:"text-fg-default typo-compact-sm-normal",children:r("login.modal.desc.sessionExpired")})})})},ve="/muscat/app/log",T="/muscat/app/login",{useMutation:fe}=await k("@tanstack/react-query"),me="/logout",D=async e=>z.post(me,{sid:e}),Oe=()=>{const{setLoggedIn:e,user:t}=le(),s=Q();return fe({mutationFn:async()=>{if(t?.sid)return D(t.sid)},onSettled:()=>{A(),e(!1),s(T)}})},ge=`http://${window.location.hostname}:undefined`,he=1e4,pe=1e4,M=5e3;let H=null,j=null;function Ne(e){H=e}function Ce(e){j=e}let I=!1,B=0;function Se(){return!!(I||Date.now()-B<he)}const U=()=>{if(window.location.pathname===T)return;const e=async()=>{const t=O();if(t)try{await D(t)}catch{}A(),G(!1),j?.(T)};X.openModal({component:de,props:{onConfirm:e,onClose:e},options:{componentName:"SessionExpiredModal"}})};async function W(){if(Se())return null;const e=p();if(!e)return U(),null;I=!0;try{const t=await E.post(`${ge}/common/refresh`,{refresh_token:e}),{access_token:s,refresh_token:n}=t.data;return ee(s,n,h()),G(!0),H?.("auth",{token:s,autoLogin:h()?"true":"false"}),B=Date.now(),S(),s}catch(t){console.log("Token refresh failed:",t);const s=E.isAxiosError(t)?t.response?.status:null;if(s===403||s===401||s===409)return A(),U(),null;throw t}finally{I=!1}}let g=null;function q(){g&&(clearTimeout(g),g=null)}function S(){q();const e=w(c());if(!e)return;const t=Math.max(e-Date.now(),0),s=Math.min(Math.max(e-Date.now()-pe,M),t);g=setTimeout(async()=>{try{if(!p())return;!await W()&&p()&&S()}catch{if(c()){const n=w(c());if(n&&n>Date.now()){const r=Math.min(M*2,n-Date.now());r>0&&(g=setTimeout(S,r))}}}},s)}window.addEventListener("storage",e=>{e.key!==o.accessToken&&e.key!==o.refreshToken||(c()&&p()?S():q())});const l={onRequest({config:e}){if(e.url?.endsWith("/login")||e.url?.endsWith("/logout")||e.url?.endsWith("/refresh")||/^https?:\/\//i.test(e.url??"")&&!e.url?.startsWith(e.baseURL??""))return e;const n=c();return n&&e.headers&&(e.headers.Authorization=`Bearer ${n}`),e},onResponse({response:e}){return e?.data},async onResponseError({error:e}){const t=e.config;if(!t)return Promise.reject(e);if(t.url?.endsWith("/login")||t.url?.endsWith("/logout")||t.url?.endsWith("/refresh"))return A(),Promise.reject(e);if(e.response?.status===401&&!t._retry){t._retry=!0;try{const i=await W();return i?(t.headers.Authorization=`Bearer ${i}`,E(t)):Promise.reject(e)}catch(i){return Promise.reject(i)}}const n=e?.response?.data;P("useSimulator")!=="false"&&P("useSimulator");const r=typeof n=="object"&&"message"in n&&typeof n.message=="string"?n.message:b("common.toast.apiError.content"),a=e.status??e.response?.status;return[502,504].includes(a)||e.code==="ERR_NETWORK"||J()||t.skipErrorToast||Z.openToast({title:e.config.url?`[API Error] ${e.config.url}`:b("common.toast.apiError.title"),content:r,type:"basic",variant:"warning"}),Promise.reject(e)}},Ae=3e3,d=`http://${L()||window.location.hostname}:${Ae}`,z=u({baseURL:`${d}/common`},l),$e=u({baseURL:`${d}/manipulate`},l),Ge=u({baseURL:`${d}/log`},l),De=u({baseURL:`${d}/amr`},l),He=u({baseURL:`${d}/rby1`},l);u({baseURL:`${d}/deploy`},l);const je=u({baseURL:`${d}/host`},l);export{A,D as B,je as C,xe as D,c as E,y as J,ve as L,d as M,Me as R,De as a,ye as b,z as c,_e as d,be as e,Le as f,L as g,we as h,x as i,T as j,Oe as k,Ge as l,$e as m,Ne as n,W as o,q as p,Ce as q,He as r,se as s,ke as t,le as u,Pe as v,ee as w,S as x,h as y,Ue as z};