@myop/cli 0.1.52 → 0.1.54

package/dist/myop-cli.js

@@ -6,7 +6,7 @@ import z from "ora";
 import { select as st, Separator as Le } from "@inquirer/prompts";
 import { Command as Pt, Option as fe } from "commander";
 import { execSync as Q, spawn as Mt } from "child_process";
-import _, { join as je } from "path";
+import R, { join as je } from "path";
 import C, { readFileSync as Et } from "fs";
 import ze from "crypto";
 import It from "http";
@@ -62,18 +62,18 @@ Examples:
   action: async () => {
     console.info("installing... ");
     for (const o of v.myopConfig.flows) {
-      const t = _.join(v.executionPath, "/node_modules/@myop/flow-types/");
+      const t = R.join(v.executionPath, "/node_modules/@myop/flow-types/");
       console.info(`Generate flow at ${t}`), console.info(`Generated flow at ${t}`);
     }
     process.exit();
   }
 }, Rt = (o) => {
-  const t = _.join(v.executionPath, o);
+  const t = R.join(v.executionPath, o);
   console.info(`reading config file from: ${t}`);
   const e = C.readFileSync(t, "utf8"), n = JSON.parse(e);
   return console.info("config file loaded, ", n), n;
 }, We = (o, t) => {
-  const e = _.join(v.executionPath, o);
+  const e = R.join(v.executionPath, o);
   console.info(`writing config file to: ${e}`);
   try {
     const n = JSON.stringify(t, null, 2);
@@ -262,13 +262,13 @@ async function pt(o, t, e, n, s = {}) {
     onRetry: p
   } = s, m = ((o == null ? void 0 : o.message) || "") + (t || "") + (e || "");
   return !i && Ut(m) ? (Bt(), await Jt(n) && p ? (console.log(`🔄 Retrying build...
-`), p(), { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: r }) : { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: r }) : !r && Ht(m) ? (console.log("📦 Missing dependencies detected, running npm install..."), new Promise((c) => {
+`), p(), { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: r }) : { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: r }) : !r && Ht(m) ? (console.log("📦 Missing dependencies detected, running npm install..."), new Promise((l) => {
     n("npm install", (d, y, S) => {
       if (d) {
-        console.error("❌ Failed to install dependencies:", d.message), S && console.error(S), c({ handled: !0, hasTriedPlatformFix: i, hasTriedInstall: !0 });
+        console.error("❌ Failed to install dependencies:", d.message), S && console.error(S), l({ handled: !0, hasTriedPlatformFix: i, hasTriedInstall: !0 });
         return;
       }
-      console.log("✅ Dependencies installed"), p && p(), c({ handled: !0, hasTriedPlatformFix: i, hasTriedInstall: !0 });
+      console.log("✅ Dependencies installed"), p && p(), l({ handled: !0, hasTriedPlatformFix: i, hasTriedInstall: !0 });
     });
   })) : { handled: !1, hasTriedPlatformFix: i, hasTriedInstall: r };
 }
@@ -280,37 +280,37 @@ async function Ce() {
     i = t.default.dirname(f);
   } else
     i = t.default.dirname(import.meta.url);
-  const r = t.default.join(i, "commands", "dev", "management-website"), p = o.default.readFileSync(t.default.join(r, "styles.css"), "utf-8"), m = o.default.readFileSync(t.default.join(r, "app.js"), "utf-8"), c = 9292, d = 9293;
+  const r = t.default.join(i, "commands", "dev", "management-website"), p = o.default.readFileSync(t.default.join(r, "styles.css"), "utf-8"), m = o.default.readFileSync(t.default.join(r, "app.js"), "utf-8"), l = 9292, d = 9293;
   let y = "./dist", S = !1, x = !1, g = !1, u = null;
   const E = () => {
     try {
-      const l = o.default.readdirSync(".").filter((a) => !a.endsWith(".html") || a.startsWith(".") ? !1 : o.default.statSync(a).isFile());
-      if (l.length === 1)
-        return l[0];
+      const c = o.default.readdirSync(".").filter((a) => !a.endsWith(".html") || a.startsWith(".") ? !1 : o.default.statSync(a).isFile());
+      if (c.length === 1)
+        return c[0];
     } catch {
     }
     return null;
   }, O = () => {
     try {
-      const l = JSON.parse(o.default.readFileSync("package.json", "utf-8"));
-      return !!(l.scripts && l.scripts.build);
+      const c = JSON.parse(o.default.readFileSync("package.json", "utf-8"));
+      return !!(c.scripts && c.scripts.build);
     } catch {
       return !1;
     }
-  }, b = (l) => {
+  }, b = (c) => {
     const a = process.platform;
     let f;
-    a === "darwin" ? f = `open "${l}"` : a === "win32" ? f = `start "" "${l}"` : f = `xdg-open "${l}"`, e(f, (h) => {
+    a === "darwin" ? f = `open "${c}"` : a === "win32" ? f = `start "" "${c}"` : f = `xdg-open "${c}"`, e(f, (h) => {
     });
   }, P = /* @__PURE__ */ new Map(), j = v.program.getOptionValue("config") || "./myop.config.json";
-  let M, R, k = !1;
+  let M, _, k = !1;
   u = E();
   const L = O();
   try {
-    const l = o.default.readFileSync(j, "utf-8"), a = JSON.parse(l);
-    M = a.componentId || "DEV", R = a.componentName || a.name || null, k = a.HMR === !0, u && !L && (g = !0, k = !0, console.log(`📄 Single HTML file mode: ${u}`)), k && console.log("🔥 HMR enabled");
-  } catch (l) {
-    u && !L ? (g = !0, M = "DEV", R = t.default.basename(u, ".html"), k = !0, console.log(`📄 Single HTML file mode: ${u}`), console.log("🔥 HMR enabled")) : (console.error("❌ Error reading myop.config.json:", l.message), process.exit(1));
+    const c = o.default.readFileSync(j, "utf-8"), a = JSON.parse(c);
+    M = a.componentId || "DEV", _ = a.componentName || a.name || null, k = a.HMR === !0, u && !L && (g = !0, k = !0, console.log(`📄 Single HTML file mode: ${u}`)), k && console.log("🔥 HMR enabled");
+  } catch (c) {
+    u && !L ? (g = !0, M = "DEV", _ = t.default.basename(u, ".html"), k = !0, console.log(`📄 Single HTML file mode: ${u}`), console.log("🔥 HMR enabled")) : (console.error("❌ Error reading myop.config.json:", c.message), process.exit(1));
   }
   const D = async () => {
     if (M !== "DEV" && M !== "NEW")
@@ -348,8 +348,8 @@ async function Ce() {
     } catch {
       return "DEV1";
     }
-  }, T = process.cwd(), W = (l) => {
-    const a = t.default.extname(l).toLowerCase();
+  }, T = process.cwd(), W = (c) => {
+    const a = t.default.extname(c).toLowerCase();
     return {
       ".html": "text/html",
       ".js": "text/javascript",
@@ -361,9 +361,9 @@ async function Ce() {
       ".svg": "image/svg+xml",
       ".ico": "image/x-icon"
     }[a] || "application/octet-stream";
-  }, N = /* @__PURE__ */ new Map(), oe = [], Ie = 50, q = [], se = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Map(), wt = (l, a, f) => {
-    if (l.url.startsWith("/_hmr/")) {
-      const h = l.url.split("/_hmr/")[1], w = l.headers["sec-websocket-key"], $ = s("sha1").update(w + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");
+  }, N = /* @__PURE__ */ new Map(), oe = [], Ie = 50, q = [], se = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Map(), wt = (c, a, f) => {
+    if (c.url.startsWith("/_hmr/")) {
+      const h = c.url.split("/_hmr/")[1], w = c.headers["sec-websocket-key"], $ = s("sha1").update(w + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");
       a.write(
         `HTTP/1.1 101 Switching Protocols\r
 Upgrade: websocket\r
@@ -379,10 +379,10 @@ Sec-WebSocket-Accept: ${$}\r
         I && I.delete(a);
       });
     }
-  }, Oe = n.default.createServer((l, a) => {
-    if (a.setHeader("Content-Type", "application/json"), l.method === "POST" && l.url === "/_register") {
+  }, Oe = n.default.createServer((c, a) => {
+    if (a.setHeader("Content-Type", "application/json"), c.method === "POST" && c.url === "/_register") {
       let f = "";
-      l.on("data", (h) => f += h), l.on("end", () => {
+      c.on("data", (h) => f += h), c.on("end", () => {
         try {
           const { componentId: h, distPath: w, componentName: $, htmlFile: I } = JSON.parse(f);
           N.set(h, { path: w, name: $ || null, htmlFile: I || null });
@@ -408,9 +408,9 @@ Sec-WebSocket-Accept: ${$}\r
           a.writeHead(400), a.end(JSON.stringify({ error: h.message }));
         }
       });
-    } else if (l.method === "POST" && l.url === "/_unregister") {
+    } else if (c.method === "POST" && c.url === "/_unregister") {
       let f = "";
-      l.on("data", (h) => f += h), l.on("end", () => {
+      c.on("data", (h) => f += h), c.on("end", () => {
         try {
           const { componentId: h } = JSON.parse(f);
           N.delete(h), console.log(`❌ Unregistered: ${h}`), a.writeHead(200), a.end(JSON.stringify({ success: !0 }));
@@ -434,11 +434,11 @@ Sec-WebSocket-Accept: ${$}\r
           a.writeHead(400), a.end(JSON.stringify({ error: h.message }));
         }
       });
-    } else if (l.method === "GET" && l.url === "/_list")
+    } else if (c.method === "GET" && c.url === "/_list")
       a.writeHead(200), a.end(JSON.stringify({ components: Array.from(N.entries()) }));
-    else if (l.method === "POST" && l.url === "/_hmr_notify") {
+    else if (c.method === "POST" && c.url === "/_hmr_notify") {
       let f = "";
-      l.on("data", (h) => f += h), l.on("end", () => {
+      c.on("data", (h) => f += h), c.on("end", () => {
         try {
           const { componentId: h, html: w } = JSON.parse(f), $ = X.get(h);
           if ($ && $.size > 0) {
@@ -459,12 +459,12 @@ Sec-WebSocket-Accept: ${$}\r
       });
     } else
       a.writeHead(404), a.end(JSON.stringify({ error: "Not found" }));
-  }), ge = n.default.createServer((l, a) => {
-    if (l.url.includes("..")) {
+  }), ge = n.default.createServer((c, a) => {
+    if (c.url.includes("..")) {
       a.writeHead(403, { "Content-Type": "text/plain" }), a.end("Forbidden");
       return;
     }
-    const f = new URL(l.url, `http://localhost:${c}`), h = f.pathname, w = h.split("/").filter((J) => J);
+    const f = new URL(c.url, `http://localhost:${l}`), h = f.pathname, w = h.split("/").filter((J) => J);
     if (h.startsWith("/consume")) {
       const J = f.searchParams.get("id");
       if (!J) {
@@ -473,26 +473,26 @@ Sec-WebSocket-Accept: ${$}\r
       }
       const V = N.get(J), G = V ? V.path : null, de = (te) => {
         let U = "Unknown", K = "Unknown";
-        if (l.headers.referer || l.headers.referrer) {
-          const B = l.headers.referer || l.headers.referrer;
+        if (c.headers.referer || c.headers.referrer) {
+          const B = c.headers.referer || c.headers.referrer;
           try {
             const ie = new URL(B);
             U = ie.origin, K = ie.hostname || ie.origin;
           } catch {
             U = B, K = B;
           }
-        } else if (l.headers.origin)
+        } else if (c.headers.origin)
           try {
-            const B = new URL(l.headers.origin);
+            const B = new URL(c.headers.origin);
             U = B.origin, K = B.hostname || B.origin;
           } catch {
-            U = l.headers.origin, K = l.headers.origin;
+            U = c.headers.origin, K = c.headers.origin;
           }
-        else if (l.socket.remoteAddress) {
-          const B = l.socket.remoteAddress;
+        else if (c.socket.remoteAddress) {
+          const B = c.socket.remoteAddress;
           B === "::1" || B === "::ffff:127.0.0.1" ? (U = "localhost", K = "localhost (direct)") : (U = B, K = B.replace("::ffff:", ""));
         }
-        const Te = l.headers.referer || l.headers.referrer || U, we = {
+        const Te = c.headers.referer || c.headers.referrer || U, we = {
           type: "request",
           componentId: J,
           timestamp: Date.now(),
@@ -607,14 +607,14 @@ Sec-WebSocket-Accept: ${$}\r
         log: oe
       })}
 
-`), l.on("close", () => {
+`), c.on("close", () => {
         const V = q.indexOf(a);
         V !== -1 && q.splice(V, 1);
       });
       return;
     }
     if (w.length === 0) {
-      a.writeHead(200, { "Content-Type": "text/html" }), a.end(Lt(c, d, p, m));
+      a.writeHead(200, { "Content-Type": "text/html" }), a.end(Lt(l, d, p, m));
       return;
     }
     if (w[0] !== "view") {
@@ -631,7 +631,7 @@ Sec-WebSocket-Accept: ${$}\r
       return;
     }
     const F = I.path, H = w.slice(2), Y = I.htmlFile || "index.html", ee = H.length === 0 ? Y : H.join("/"), ce = t.default.join(F, ee);
-    console.log(`📥 Request: ${l.url} -> ${ce}`), o.default.readFile(ce, (J, V) => {
+    console.log(`📥 Request: ${c.url} -> ${ce}`), o.default.readFile(ce, (J, V) => {
       if (J) {
         console.log(`❌ File not found: ${ce}`), a.writeHead(404, { "Content-Type": "text/plain" }), a.end("Not Found");
         return;
@@ -648,11 +648,11 @@ Sec-WebSocket-Accept: ${$}\r
         "Access-Control-Allow-Origin": "*"
       }), a.end(de);
     });
-  }), Ze = () => new Promise((l, a) => {
+  }), Ze = () => new Promise((c, a) => {
     const f = g ? t.default.resolve(T) : t.default.resolve(T, y), h = JSON.stringify({
       componentId: M,
       distPath: f,
-      componentName: R,
+      componentName: _,
       htmlFile: g ? u : null
     }), w = {
       hostname: "localhost",
@@ -666,11 +666,11 @@ Sec-WebSocket-Accept: ${$}\r
     }, $ = n.default.request(w, (I) => {
       let F = "";
       I.on("data", (H) => F += H), I.on("end", () => {
-        I.statusCode === 200 ? l(JSON.parse(F)) : a(new Error(`Registration failed: ${I.statusCode}`));
+        I.statusCode === 200 ? c(JSON.parse(F)) : a(new Error(`Registration failed: ${I.statusCode}`));
       });
     });
     $.on("error", a), $.write(h), $.end();
-  }), vt = () => new Promise((l, a) => {
+  }), vt = () => new Promise((c, a) => {
     const f = JSON.stringify({ componentId: M }), h = {
       hostname: "localhost",
       port: d,
@@ -681,14 +681,14 @@ Sec-WebSocket-Accept: ${$}\r
         "Content-Length": Buffer.byteLength(f)
       }
     }, w = n.default.request(h, ($) => {
-      l();
+      c();
     });
-    w.on("error", () => l()), w.write(f), w.end();
-  }), St = (l) => `
+    w.on("error", () => c()), w.write(f), w.end();
+  }), St = (c) => `
 <!-- MYOP HMR -->
 <script>
 (function() {
-    const componentId = '${l}';
+    const componentId = '${c}';
     const wsUrl = 'ws://localhost:${d}/_hmr/' + componentId;
     let ws;
     let reconnectAttempts = 0;
@@ -789,12 +789,12 @@ Sec-WebSocket-Accept: ${$}\r
     connect();
 })();
 <\/script>
-`, ke = (l, a) => {
-    if (!k) return l;
+`, ke = (c, a) => {
+    if (!k) return c;
     const f = St(a);
-    return l.includes("</body>") ? l.replace("</body>", `${f}</body>`) : l.includes("</html>") ? l.replace("</html>", `${f}</html>`) : l + f;
-  }, qe = (l) => {
-    const a = Buffer.from(l), f = a.length;
+    return c.includes("</body>") ? c.replace("</body>", `${f}</body>`) : c.includes("</html>") ? c.replace("</html>", `${f}</html>`) : c + f;
+  }, qe = (c) => {
+    const a = Buffer.from(c), f = a.length;
     let h;
     return f < 126 ? h = Buffer.concat([
       Buffer.from([129, f]),
@@ -815,10 +815,10 @@ Sec-WebSocket-Accept: ${$}\r
     ]), h;
   }, Xe = () => {
     if (!k) return;
-    const l = g ? u : t.default.join(y, "index.html");
+    const c = g ? u : t.default.join(y, "index.html");
     let a;
     try {
-      const f = o.default.readFileSync(l, "utf-8");
+      const f = o.default.readFileSync(c, "utf-8");
       a = ke(f, M);
     } catch (f) {
       console.error("❌ Failed to read HTML for HMR:", f.message);
@@ -871,7 +871,7 @@ Sec-WebSocket-Accept: ${$}\r
     }
   };
   let Re = { hasTriedPlatformFix: !1, hasTriedInstall: !1 };
-  const he = (l) => {
+  const he = (c) => {
     if (S) {
       x = !0;
       return;
@@ -881,17 +881,17 @@ Sec-WebSocket-Accept: ${$}\r
       if (S = !1, a) {
         const w = await pt(a, f, h, e, {
           ...Re,
-          onRetry: () => he(l)
+          onRetry: () => he(c)
         });
         Re = { ...Re, ...w }, w.handled || (console.error("❌ Build failed:", a.message), h && console.error(h));
       } else
-        console.log("✅ Build completed"), f && console.log(f), Xe(), l && l();
+        console.log("✅ Build completed"), f && console.log(f), Xe(), c && c();
       x && (x = !1, he());
     });
-  }, et = /* @__PURE__ */ new Set(), _e = (l) => {
-    o.default.readdir(l, { withFileTypes: !0 }, (a, f) => {
+  }, et = /* @__PURE__ */ new Set(), _e = (c) => {
+    o.default.readdir(c, { withFileTypes: !0 }, (a, f) => {
       a || (f.forEach((h) => {
-        const w = t.default.join(l, h.name);
+        const w = t.default.join(c, h.name);
         if (h.isDirectory())
           h.name !== "node_modules" && h.name !== "dist" && !h.name.startsWith(".") && _e(w);
         else if (h.isFile()) {
@@ -903,11 +903,11 @@ Sec-WebSocket-Accept: ${$}\r
             } catch {
             }
         }
-      }), et.has(l) || (et.add(l), o.default.watch(l, (h, w) => {
+      }), et.has(c) || (et.add(c), o.default.watch(c, (h, w) => {
         if (!w) return;
         const $ = t.default.extname(w);
         if ($ !== ".js" && $ !== ".css" && $ !== ".html") return;
-        const I = t.default.join(l, w);
+        const I = t.default.join(c, w);
         setTimeout(() => {
           try {
             const F = o.default.readFileSync(I, "utf-8"), H = P.get(I);
@@ -917,12 +917,12 @@ Sec-WebSocket-Accept: ${$}\r
         }, 50);
       })));
     });
-  }, tt = (l) => {
+  }, tt = (c) => {
     console.log(`
 🔨 Component: ${M}`), g ? (console.log("📄 No build needed (single HTML file mode)"), _e(T), console.log(`👀 Watching ${u} for changes...`), console.log(`Press Ctrl+C to stop
-`), l && l()) : (he(l), _e(T), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
+`), c && c()) : (he(c), _e(T), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
 `));
-  }, xt = () => new Promise((l) => {
+  }, xt = () => new Promise((c) => {
     const a = {
       hostname: "localhost",
       port: d,
@@ -930,12 +930,12 @@ Sec-WebSocket-Accept: ${$}\r
       method: "GET",
       timeout: 1e3
     }, f = n.default.request(a, (h) => {
-      l(!0);
+      c(!0);
     });
-    f.on("error", () => l(!1)), f.on("timeout", () => {
-      f.destroy(), l(!1);
+    f.on("error", () => c(!1)), f.on("timeout", () => {
+      f.destroy(), c(!1);
     }), f.end();
-  }), $t = () => new Promise((l) => {
+  }), $t = () => new Promise((c) => {
     const a = n.default.createServer((f, h) => {
       if (h.setHeader("Content-Type", "application/json"), f.method === "POST" && f.url === "/_register") {
         let w = "";
@@ -962,21 +962,21 @@ Sec-WebSocket-Accept: ${$}\r
       } else f.method === "GET" && f.url === "/_list" ? (h.writeHead(200), h.end(JSON.stringify({ components: Array.from(N.entries()) }))) : (h.writeHead(404), h.end(JSON.stringify({ error: "Not found" })));
     });
     a.on("error", () => {
-      l(!1);
+      c(!1);
     }), a.listen(d, () => {
       console.log(`
 🔄 Taking over as server...`), console.log(`📡 Management server on port ${d}`), ge.on("error", () => {
-        a.close(), l(!1);
-      }), ge.listen(c, () => {
-        console.log(`📡 Main server running at http://localhost:${c}`);
+        a.close(), c(!1);
+      }), ge.listen(l, () => {
+        console.log(`📡 Main server running at http://localhost:${l}`);
         const f = g ? t.default.resolve(T) : t.default.resolve(T, y);
         N.set(M, {
           path: f,
-          name: R,
+          name: _,
           htmlFile: g ? u : null
         });
-        const h = R ? ` (${R})` : "";
-        console.log(`✅ Registered component: ${M}${h}`), console.log(`📡 Access at: http://localhost:${c}/view/${M}/`), l(!0);
+        const h = _ ? ` (${_})` : "";
+        console.log(`✅ Registered component: ${M}${h}`), console.log(`📡 Access at: http://localhost:${l}/view/${M}/`), c(!0);
       });
     });
   });
@@ -999,36 +999,36 @@ Sec-WebSocket-Accept: ${$}\r
   };
   process.on("SIGINT", nt), process.on("SIGTERM", nt);
   let Ne = !1;
-  Oe.on("error", async (l) => {
-    if (l.code === "EADDRINUSE") {
+  Oe.on("error", async (c) => {
+    if (c.code === "EADDRINUSE") {
       console.log(`
 🔗 Connecting to existing dev server...`);
       try {
         M = await D();
         const a = await Ze();
-        console.log(`✅ Registered component: ${M}`), console.log(`📡 Access at: http://localhost:${c}/view/${M}/`), console.log(`📋 All registered components: ${a.registered.join(", ")}`), tt(() => {
-          process.env.MYOP_NO_BROWSER || b(`http://localhost:${c}/view/${M}/`);
+        console.log(`✅ Registered component: ${M}`), console.log(`📡 Access at: http://localhost:${l}/view/${M}/`), console.log(`📋 All registered components: ${a.registered.join(", ")}`), tt(() => {
+          process.env.MYOP_NO_BROWSER || b(`http://localhost:${l}/view/${M}/`);
         }), ot();
       } catch (a) {
         console.error("❌ Failed to register component:", a.message), process.exit(1);
       }
     } else
-      console.error("❌ Management server error:", l.message), process.exit(1);
+      console.error("❌ Management server error:", c.message), process.exit(1);
   }), Oe.on("upgrade", wt), Oe.listen(d, async () => {
     Ne = !0, console.log(`
-🚀 Starting shared dev server...`), console.log(`📡 Management server on port ${d}`), ge.on("error", (l) => {
-      console.error("❌ Main server error:", l.message), process.exit(1);
-    }), ge.listen(c, async () => {
-      console.log(`📡 Main server running at http://localhost:${c}`), (M === "DEV" || M === "NEW") && (M = "DEV1");
-      const l = g ? t.default.resolve(T) : t.default.resolve(T, y);
+🚀 Starting shared dev server...`), console.log(`📡 Management server on port ${d}`), ge.on("error", (c) => {
+      console.error("❌ Main server error:", c.message), process.exit(1);
+    }), ge.listen(l, async () => {
+      console.log(`📡 Main server running at http://localhost:${l}`), (M === "DEV" || M === "NEW") && (M = "DEV1");
+      const c = g ? t.default.resolve(T) : t.default.resolve(T, y);
       N.set(M, {
-        path: l,
-        name: R,
+        path: c,
+        name: _,
         htmlFile: g ? u : null
       });
-      const a = R ? ` (${R})` : "";
-      console.log(`✅ Registered component: ${M}${a}`), console.log(`📡 Access at: http://localhost:${c}/view/${M}/`), tt(() => {
-        process.env.MYOP_NO_BROWSER || b(`http://localhost:${c}/view/${M}/`);
+      const a = _ ? ` (${_})` : "";
+      console.log(`✅ Registered component: ${M}${a}`), console.log(`📡 Access at: http://localhost:${l}/view/${M}/`), tt(() => {
+        process.env.MYOP_NO_BROWSER || b(`http://localhost:${l}/view/${M}/`);
       });
     });
   });
@@ -1083,15 +1083,15 @@ const A = class A {
     const t = this.components.length, e = 38;
     let n;
     this.cols >= e * 3 + 4 ? n = Math.min(t, 3) : this.cols >= e * 2 + 2 ? n = Math.min(t, 2) : n = 1;
-    const s = Math.ceil(t / n), i = Math.floor(this.cols / n), r = 2, m = this.rows - r - 2, c = Math.floor(m / s);
-    this.visibleLogLines = Math.max(2, c - 4), this.layout = { panelsPerRow: n, panelWidth: i, numRows: s, panelHeight: c }, this.panelPositions.clear();
+    const s = Math.ceil(t / n), i = Math.floor(this.cols / n), r = 2, m = this.rows - r - 2, l = Math.floor(m / s);
+    this.visibleLogLines = Math.max(2, l - 4), this.layout = { panelsPerRow: n, panelWidth: i, numRows: s, panelHeight: l }, this.panelPositions.clear();
     for (let d = 0; d < t; d++) {
       const y = this.components[d], S = Math.floor(d / n), x = d % n;
       this.panelPositions.set(y.name, {
-        row: r + 1 + S * c,
+        row: r + 1 + S * l,
         col: x * i + 1,
         width: i,
-        height: c
+        height: l
       });
     }
   }
@@ -1139,17 +1139,17 @@ const A = class A {
   renderPanel(t) {
     const e = A.C, n = A.STATUS, s = this.panelPositions.get(t);
     if (!s) return;
-    const i = this.components.findIndex((D) => D.name === t), r = this.components[i], p = i === this.selectedPanel, m = this.statusKeys.get(t) || "initializing", c = n[m], d = e[c.color], y = this.logs.get(t) || [], S = this.scrollPos.get(t) || 0, x = s.width - 1, g = p ? e.cyan : e.gray, u = [], E = r.name.substring(0, x - 20);
-    let O = `${g}┌─${e.reset} ${d}${c.icon}${e.reset} `;
-    O += `${e.bold}${E}${e.reset} ${e.gray}─${e.reset} ${d}${c.label}${e.reset} `;
-    const b = 5 + E.length + c.label.length + 3;
+    const i = this.components.findIndex((D) => D.name === t), r = this.components[i], p = i === this.selectedPanel, m = this.statusKeys.get(t) || "initializing", l = n[m], d = e[l.color], y = this.logs.get(t) || [], S = this.scrollPos.get(t) || 0, x = s.width - 1, g = p ? e.cyan : e.gray, u = [], E = r.name.substring(0, x - 20);
+    let O = `${g}┌─${e.reset} ${d}${l.icon}${e.reset} `;
+    O += `${e.bold}${E}${e.reset} ${e.gray}─${e.reset} ${d}${l.label}${e.reset} `;
+    const b = 5 + E.length + l.label.length + 3;
     O += `${g}${"─".repeat(Math.max(0, x - b))}┐${e.reset}`, u.push(A.ESC.moveTo(s.row, s.col) + O);
     const P = (r.path || "").substring(0, x - 6);
     let j = `${g}│${e.reset} ${e.dim}${P}${e.reset}`;
     j += " ".repeat(Math.max(0, x - P.length - 3)), j += `${g}│${e.reset}`, u.push(A.ESC.moveTo(s.row + 1, s.col) + j);
-    const M = y.length, R = M > this.visibleLogLines ? `${S + 1}-${Math.min(S + this.visibleLogLines, M)}/${M}` : "";
-    let k = `${g}├${"─".repeat(x - R.length - 4)}${e.reset}`;
-    R && (k += `${e.dim}${R}${e.reset}`), k += `${g}${"─".repeat(2)}┤${e.reset}`, u.push(A.ESC.moveTo(s.row + 2, s.col) + k);
+    const M = y.length, _ = M > this.visibleLogLines ? `${S + 1}-${Math.min(S + this.visibleLogLines, M)}/${M}` : "";
+    let k = `${g}├${"─".repeat(x - _.length - 4)}${e.reset}`;
+    _ && (k += `${e.dim}${_}${e.reset}`), k += `${g}${"─".repeat(2)}┤${e.reset}`, u.push(A.ESC.moveTo(s.row + 2, s.col) + k);
     const L = y.slice(S, S + this.visibleLogLines);
     for (let D = 0; D < this.visibleLogLines; D++) {
       const T = L[D];
@@ -1245,11 +1245,11 @@ async function zt(o) {
     }), setTimeout(() => process.exit(0), 500);
   };
   process.on("SIGINT", m), process.on("SIGTERM", m);
-  const c = process.argv[1];
+  const l = process.argv[1];
   for (let d = 0; d < o.length; d++) {
     const y = o[d], S = y.name;
     i.setStatus(S, "⏳ Starting..."), i.log(S, `Starting in ${y.path}`);
-    const x = t("node", [c, "dev"], {
+    const x = t("node", [l, "dev"], {
       cwd: n.default.resolve(y.path),
       env: { ...process.env, FORCE_COLOR: "1", MYOP_NO_BROWSER: "1" },
       stdio: ["ignore", "pipe", "pipe"]
@@ -1296,8 +1296,10 @@ async function mt(o, t) {
   return e.json();
 }
 function pe(o, t, e) {
-  const n = _.join(o, t);
-  C.mkdirSync(_.dirname(n), { recursive: !0 }), C.writeFileSync(n, JSON.stringify(e, null, 2));
+  const n = R.resolve(R.join(o, t)), s = R.resolve(o);
+  if (!n.startsWith(s + R.sep))
+    throw new Error(`Invalid path: "${t}" escapes output directory`);
+  C.mkdirSync(R.dirname(n), { recursive: !0 }), C.writeFileSync(n, JSON.stringify(e, null, 2));
 }
 async function $e(o, t, e, n) {
   return mt(
@@ -1307,19 +1309,23 @@ async function $e(o, t, e, n) {
 }
 async function Yt(o, t, e, n) {
   let s = 0;
-  for (const i of n) {
-    const { componentId: r, environment: p } = i;
-    if (!(!r || !p)) {
+  const i = /* @__PURE__ */ new Set();
+  for (const r of n) {
+    const { componentId: p, environment: m } = r;
+    if (!(!p || !m)) {
       try {
-        const m = await $e(o, t, r, p);
-        pe(e, `components/${r}/${p}.json`, m), s++;
-      } catch (m) {
-        console.warn(`  Warning: ${r}/${p}: ${m.message}`);
+        const l = await $e(o, t, p, m);
+        pe(e, `components/${p}/${m}.json`, l), s++;
+      } catch (l) {
+        console.warn(`  Warning: ${p}/${m}: ${l.message}`);
       }
-      try {
-        const m = await $e(o, t, r, "preview");
-        pe(e, `components/${r}/preview.json`, m), s++;
-      } catch {
+      if (!i.has(p)) {
+        i.add(p);
+        try {
+          const l = await $e(o, t, p, "preview");
+          pe(e, `components/${p}/preview.json`, l), s++;
+        } catch {
+        }
       }
     }
   }
@@ -1369,10 +1375,10 @@ function Kt() {
     } else {
       const r = z(`Full export from ${e}...`).start();
       try {
-        const { manifest: p, fileCount: m, errorCount: c } = await Gt(e, t, n), d = ((i = p.components) == null ? void 0 : i.length) || 0;
+        const { manifest: p, fileCount: m, errorCount: l } = await Gt(e, t, n), d = ((i = p.components) == null ? void 0 : i.length) || 0;
         r.succeed(
           `Full export done. ${m} file(s) from ${d} component(s) written to ${n}/`
-        ), c > 0 && console.warn(`  ${c} file(s) failed.`);
+        ), l > 0 && console.warn(`  ${l} file(s) failed.`);
       } catch (p) {
         r.fail(`Export failed: ${p.message}`), process.exit(1);
       }
@@ -1380,7 +1386,7 @@ function Kt() {
     process.exit(0);
   });
 }
-const He = _.join(at.homedir(), ".myop"), ue = _.join(He, "credentials.json");
+const He = R.join(at.homedir(), ".myop"), ue = R.join(He, "credentials.json");
 function Qt() {
   C.existsSync(He) || C.mkdirSync(He, { recursive: !0, mode: 448 });
 }
@@ -1620,14 +1626,14 @@ function oo(o) {
     const n = It.createServer((s, i) => {
       const r = new it(s.url, `http://localhost:${xe}`);
       if (r.pathname === "/callback") {
-        const p = r.searchParams.get("code"), m = r.searchParams.get("state"), c = r.searchParams.get("error");
-        if (c) {
+        const p = r.searchParams.get("code"), m = r.searchParams.get("state"), l = r.searchParams.get("error");
+        if (l) {
           i.writeHead(200, { "Content-Type": "text/html" }), i.end(Se(
             "error",
             "Authentication Failed",
             "Unable to complete the authentication process.",
-            c
-          )), n.close(), e(new Error(`OAuth error: ${c}`));
+            l
+          )), n.close(), e(new Error(`OAuth error: ${l}`));
           return;
         }
         if (m !== o) {
@@ -1737,12 +1743,12 @@ async function me() {
 `), await Ot(p.toString());
     const m = await r;
     o.start("Exchanging authorization code...");
-    const c = await no(m, e, n);
+    const l = await no(m, e, n);
     o.text = "Getting user info...";
-    const d = await io(c.access_token), y = {
-      accessToken: c.access_token,
-      refreshToken: c.refresh_token,
-      expiresAt: new Date(Date.now() + c.expires_in * 1e3).toISOString(),
+    const d = await io(l.access_token), y = {
+      accessToken: l.access_token,
+      refreshToken: l.refresh_token,
+      expiresAt: new Date(Date.now() + l.expires_in * 1e3).toISOString(),
       clientId: e,
       userId: d.userId,
       userEmail: d.email
@@ -1870,8 +1876,8 @@ async function mo(o) {
           const d = `Start-Process -FilePath 'cmd' -ArgumentList '/c npm ${r ? `install -g ${Z}@latest --prefix \\"${r}\\"` : `install -g ${Z}@latest`}' -Verb RunAs -Wait`;
           Q(`powershell -Command "${d}"`, { stdio: "inherit" });
         } else {
-          const c = r ? `sudo npm install -g ${Z}@latest --prefix "${r}"` : `sudo ${i}`;
-          Q(c, { stdio: "inherit" });
+          const l = r ? `sudo npm install -g ${Z}@latest --prefix "${r}"` : `sudo ${i}`;
+          Q(l, { stdio: "inherit" });
         }
         console.log(`
 ✅ Updated to v${e}`);
@@ -1888,7 +1894,7 @@ Please run manually: ${d}
     try {
       let m;
       r ? m = Ae ? je(r, "node_modules") : je(r, "lib", "node_modules") : m = Q("npm root -g", { encoding: "utf-8" }).trim();
-      const c = je(m, Z, "package.json"), d = Et(c, "utf-8");
+      const l = je(m, Z, "package.json"), d = Et(l, "utf-8");
       p = JSON.parse(d).version;
     } catch {
     }
@@ -1898,8 +1904,8 @@ Please run manually: ${d}
 `), Mt(process.argv[0], process.argv.slice(1), {
         stdio: "inherit",
         shell: !0
-      }).on("close", (c) => {
-        process.exit(c || 0);
+      }).on("close", (l) => {
+        process.exit(l || 0);
       }), !0;
     console.log(`
 Please run myop again to use the new version.
@@ -1907,7 +1913,7 @@ Please run myop again to use the new version.
   }
   return !1;
 }
-const Be = _.join(at.homedir(), ".myop"), Je = _.join(Be, "preferences.json");
+const Be = R.join(at.homedir(), ".myop"), Je = R.join(Be, "preferences.json");
 function uo() {
   C.existsSync(Be) || C.mkdirSync(Be, { recursive: !0, mode: 448 });
 }
@@ -1935,7 +1941,7 @@ function De({ id: o, name: t }) {
   fo({ defaultOrganization: { id: o, name: t } });
 }
 async function ho(o, t, e, n = {}) {
-  var p, m, c;
+  var p, m, l;
   const s = await fetch(`${o}/mcp`, {
     method: "POST",
     headers: {
@@ -1957,7 +1963,7 @@ async function ho(o, t, e, n = {}) {
   const i = await s.json();
   if (i.error)
     throw new Error(i.error.message || "MCP error");
-  const r = (c = (m = (p = i.result) == null ? void 0 : p.content) == null ? void 0 : m[0]) == null ? void 0 : c.text;
+  const r = (l = (m = (p = i.result) == null ? void 0 : p.content) == null ? void 0 : m[0]) == null ? void 0 : l.text;
   if (!r)
     throw new Error(`No content returned from ${e}`);
   return JSON.parse(r);
@@ -1976,11 +1982,11 @@ function ae(o) {
 const wo = () => {
   let o = new URL(import.meta.url).pathname;
   process.platform === "win32" && o.startsWith("/") && (o = o.slice(1));
-  const t = _.dirname(o);
-  return _.join(t, "skills");
+  const t = R.dirname(o);
+  return R.join(t, "skills");
 }, vo = (o) => {
   try {
-    const t = _.join(o, "package.json");
+    const t = R.join(o, "package.json");
     if (!C.existsSync(t)) return [];
     const e = JSON.parse(C.readFileSync(t, "utf-8"));
     return Object.keys({ ...e.dependencies, ...e.devDependencies });
@@ -1997,9 +2003,9 @@ const wo = () => {
       { deps: ["@myop/vue", "vue"], skill: "myop-vue-host" },
       { deps: ["@myop/angular", "@angular/core"], skill: "myop-angular-host" },
       { deps: ["@myop/react-native", "react-native"], skill: "myop-react-native-host" }
-    ], i = s.filter(({ deps: c }) => c.some((d) => e.includes(d))).map(({ skill: c }) => c), r = s.flatMap(({ deps: c }) => c.filter((d) => e.includes(d)));
-    i.length > 0 ? n.push(...i) : n.push(...s.map((c) => c.skill));
-    const p = n.map((c) => `--skill ${c}`).join(" "), m = `npx -y skills add "${t}" ${p} --agent '*' --copy -y`;
+    ], i = s.filter(({ deps: l }) => l.some((d) => e.includes(d))).map(({ skill: l }) => l), r = s.flatMap(({ deps: l }) => l.filter((d) => e.includes(d)));
+    i.length > 0 ? n.push(...i) : n.push(...s.map((l) => l.skill));
+    const p = n.map((l) => `--skill ${l}`).join(" "), m = `npx -y skills add "${t}" ${p} --agent '*' --copy -y`;
     return Q(m, { cwd: o, stdio: "pipe" }), { success: !0, detected: r, skillNames: n };
   } catch (e) {
     return console.info("Failed to install skills:", e.message), { success: !1 };
@@ -2010,7 +2016,7 @@ const wo = () => {
   try {
     const s = C.readdirSync(o, { withFileTypes: !0 });
     for (const i of s) {
-      const r = _.join(o, i.name);
+      const r = R.join(o, i.name);
       if (i.isDirectory()) {
         if (i.name === "node_modules" || i.name === ".git" || i.name === "dist" || i.name.startsWith("."))
           continue;
@@ -2021,7 +2027,7 @@ const wo = () => {
           n.push({
             path: o,
             configPath: r,
-            name: m.name || m.componentName || _.basename(o),
+            name: m.name || m.componentName || R.basename(o),
             componentId: m.componentId || null,
             config: m
           });
@@ -2063,7 +2069,7 @@ const Ee = (o = !1) => {
   new Le(),
   ...Dt
 ];
-const So = "0.1.52";
+const So = "0.1.54";
 v.program = new Pt();
 v.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version(So);
 v.program.addOption(new fe("-c, --config <value>", "myop.config.json file location").default("./myop.config.json", "./myop.config.json"));
@@ -2117,7 +2123,7 @@ v.program.command("push").description("Upload component to Myop platform").argum
       console.error(`⚠️ Failed to parse ${t}:`, u.message);
     }
   o && (e.componentId = o);
-  const n = e.name || e.componentName || _.basename(process.cwd());
+  const n = e.name || e.componentName || R.basename(process.cwd());
   console.log(`
 📋 Component: ${n}`);
   let s = null, i = !1;
@@ -2139,20 +2145,20 @@ v.program.command("push").description("Upload component to Myop platform").argum
     let E = { hasTriedPlatformFix: !1, hasTriedInstall: !1 };
     const O = (P = !1) => new Promise((j) => {
       const M = z(P ? "Retrying build..." : "Building project...").start();
-      u("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (R, k, L) => {
-        if (!R) {
+      u("npm run build", { maxBuffer: 10 * 1024 * 1024 }, async (_, k, L) => {
+        if (!_) {
           M.succeed("Build completed"), j(!0);
           return;
         }
         if (M.fail("Build failed"), !E.hasTriedPlatformFix && !E.hasTriedInstall) {
-          const D = await pt(R, k, L, u, E);
+          const D = await pt(_, k, L, u, E);
           if (E = { ...E, ...D }, D.handled) {
             const T = await O(!0);
             j(T);
             return;
           }
         }
-        console.error(R.message), j(!1);
+        console.error(_.message), j(!1);
       });
     });
     await O() || process.exit(1);
@@ -2178,10 +2184,10 @@ v.program.command("push").description("Upload component to Myop platform").argum
    [MYOP_AUTH_REQUIRED] Run 'myop login' to authenticate,`), console.error(`   or use the setup_cli_auth MCP tool to set up credentials automatically.
 `)), process.exit(1);
   }
-  const c = Me();
+  const l = Me();
   let d = z("Uploading...").start(), y;
   try {
-    const u = await fetch(`${c}/mcp`, {
+    const u = await fetch(`${l}/mcp`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -2249,7 +2255,7 @@ v.program.command("pull").description("Download component HTML from Myop platfor
 `)), process.exit(1);
   }
   const p = Me(), m = z("Fetching component...").start();
-  let c;
+  let l;
   try {
     const b = await fetch(`${p}/mcp`, {
       method: "POST",
@@ -2273,18 +2279,18 @@ v.program.command("pull").description("Download component HTML from Myop platfor
     if (P.error)
       throw new Error(P.error.message);
     const j = (O = (E = (u = P.result) == null ? void 0 : u.content) == null ? void 0 : E[0]) == null ? void 0 : O.text;
-    c = JSON.parse(j), !c.success && !c.html && (m.fail("Failed to fetch component"), console.error("   ", c.error || "No HTML content returned"), c.message && console.error("   ", c.message), process.exit(1)), m.succeed("Component fetched");
+    l = JSON.parse(j), !l.success && !l.html && (m.fail("Failed to fetch component"), console.error("   ", l.error || "No HTML content returned"), l.message && console.error("   ", l.message), process.exit(1)), m.succeed("Component fetched");
   } catch (b) {
     m.fail("Failed to fetch component"), re(b) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), ae("pull")) : console.error("   ", b.message), process.exit(1);
   }
   let d = t.output;
   d || (C.existsSync("./dist/index.html") ? d = "./dist/index.html" : d = "./index.html");
-  const y = c.htmlContent || c.html, S = _.dirname(d);
+  const y = l.htmlContent || l.html, S = R.dirname(d);
   S && !C.existsSync(S) && C.mkdirSync(S, { recursive: !0 }), C.writeFileSync(d, y), console.log(`   Saved to: ${d} (${(y.length / 1024).toFixed(1)} KB)`);
   const x = C.existsSync(e);
   let g = !1;
-  if (x ? ((!n.componentId || n.componentId === "DEV") && (n.componentId = s, g = !0), !n.name && c.name && (n.name = c.name, g = !0)) : (n = {
-    name: c.name || _.basename(process.cwd()),
+  if (x ? ((!n.componentId || n.componentId === "DEV") && (n.componentId = s, g = !0), !n.name && l.name && (n.name = l.name, g = !0)) : (n = {
+    name: l.name || R.basename(process.cwd()),
     componentId: s,
     type: "html",
     author: "@myop-cli",
@@ -2319,16 +2325,16 @@ v.program.command("list").description("Browse and pull/push remote components").
     r.fail("Failed to load organizations"), re(g) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), ae("list")) : console.error("   ", g.message), process.exit(1);
   }
   p.length === 0 && (r.fail("No organizations found for this account"), process.exit(1)), r.stop();
-  let m, c;
+  let m, l;
   if (o.org) {
     const g = p.find((u) => u.id === o.org || u._id === o.org);
-    g || (console.error(`Organization "${o.org}" not found. Available:`), p.forEach((u) => console.log(`  ${u.id || u._id}  ${u.name}`)), process.exit(1)), m = g.id || g._id, c = g.name, De({ id: m, name: c });
+    g || (console.error(`Organization "${o.org}" not found. Available:`), p.forEach((u) => console.log(`  ${u.id || u._id}  ${u.name}`)), process.exit(1)), m = g.id || g._id, l = g.name, De({ id: m, name: l });
   } else {
     const g = go();
     if (g && p.find((u) => (u.id || u._id) === g.id))
-      m = g.id, c = g.name;
+      m = g.id, l = g.name;
     else if (p.length === 1)
-      m = p[0].id || p[0]._id, c = p[0].name, De({ id: m, name: c });
+      m = p[0].id || p[0]._id, l = p[0].name, De({ id: m, name: l });
     else
       try {
         const u = await e({
@@ -2338,7 +2344,7 @@ v.program.command("list").description("Browse and pull/push remote components").
             value: { id: E.id || E._id, name: E.name }
           }))
         });
-        m = u.id, c = u.name, De({ id: m, name: c });
+        m = u.id, l = u.name, De({ id: m, name: l });
       } catch (u) {
         throw u.name === "ExitPromptError" && (console.log(`
 
@@ -2346,7 +2352,7 @@ v.program.command("list").description("Browse and pull/push remote components").
 `), process.exit(0)), u;
       }
   }
-  console.log(`  Using organization: ${c}`), r = z("Loading components...").start();
+  console.log(`  Using organization: ${l}`), r = z("Loading components...").start();
   let d;
   try {
     const g = await i("list_components", { organizationId: m });
@@ -2356,7 +2362,7 @@ v.program.command("list").description("Browse and pull/push remote components").
     r.fail("Failed to load components"), console.error("   ", g.message), process.exit(1);
   }
   r.stop(), d.length === 0 && (console.log(`  No components found in this organization.
-`), process.exit(0)), console.log(`  ${c} - ${d.length} component(s)
+`), process.exit(0)), console.log(`  ${l} - ${d.length} component(s)
 `);
   const y = [];
   for (; ; ) {
@@ -2369,17 +2375,17 @@ v.program.command("list").description("Browse and pull/push remote components").
           const j = (P || "").toLowerCase(), M = d.filter((k) => {
             const L = k.id || k._id || k.componentId;
             return E.has(L) ? !1 : j ? (k.name || "").toLowerCase().includes(j) : !0;
-          }), R = [
+          }), _ = [
             { name: g, value: u }
           ];
           for (const k of M) {
             const L = k.id || k._id || k.componentId, D = L ? L.substring(0, 8) + "..." : "";
-            R.push({
+            _.push({
               name: `${k.name}  (${D})`,
               value: L
             });
           }
-          return R;
+          return _;
         }
       });
     } catch (P) {
@@ -2426,7 +2432,7 @@ v.program.command("list").description("Browse and pull/push remote components").
         const M = P.htmlContent || P.html;
         if (!M)
           throw new Error("No HTML content returned");
-        return C.writeFileSync(_.join(j, "index.html"), M), C.writeFileSync(_.join(j, "myop.config.json"), JSON.stringify({
+        return C.writeFileSync(R.join(j, "index.html"), M), C.writeFileSync(R.join(j, "myop.config.json"), JSON.stringify({
           name: O.name,
           componentId: b,
           organization: m,
@@ -2449,26 +2455,26 @@ v.program.command("list").description("Browse and pull/push remote components").
   Pushing ${y.length} components...
 `);
     const g = Qe(".", 3), u = await Promise.all(y.map(async (P) => {
-      const j = P.id || P._id || P.componentId, M = g.find((R) => R.componentId === j);
+      const j = P.id || P._id || P.componentId, M = g.find((_) => _.componentId === j);
       if (!M)
         return { name: P.name, status: "skipped", reason: "no local match" };
       try {
-        let R;
+        let _;
         const k = M.path;
-        if (C.existsSync(_.join(k, "dist", "index.html")))
-          R = _.join(k, "dist", "index.html");
+        if (C.existsSync(R.join(k, "dist", "index.html")))
+          _ = R.join(k, "dist", "index.html");
         else {
           const W = C.readdirSync(k).filter(
-            (N) => N.endsWith(".html") && !N.startsWith(".") && C.statSync(_.join(k, N)).isFile()
+            (N) => N.endsWith(".html") && !N.startsWith(".") && C.statSync(R.join(k, N)).isFile()
           );
           if (W.length === 1)
-            R = _.join(k, W[0]);
+            _ = R.join(k, W[0]);
           else if (W.includes("index.html"))
-            R = _.join(k, "index.html");
+            _ = R.join(k, "index.html");
           else
             throw new Error("No HTML file found");
         }
-        const L = C.readFileSync(R, "utf-8"), D = M.name || P.name, T = await i("upload_component", {
+        const L = C.readFileSync(_, "utf-8"), D = M.name || P.name, T = await i("upload_component", {
           name: D,
           componentId: j,
           organization: m,
@@ -2477,8 +2483,8 @@ v.program.command("list").description("Browse and pull/push remote components").
         if (!T.success)
           throw new Error(T.error || "Upload failed");
         return { name: D, status: "ok" };
-      } catch (R) {
-        return { name: P.name, status: "failed", error: R.message };
+      } catch (_) {
+        return { name: P.name, status: "failed", error: _.message };
       }
     }));
     let E = 0, O = 0, b = 0;
@@ -2642,7 +2648,6 @@ v.program.command("create").description("Create a new Myop HTML component and st
 ✅ Created ${s}`), console.log("   index.html"), console.log("   myop.config.json"), p.success && console.log("   AI agent skills installed"), console.log(""), await Ce();
 });
 v.program.command("dev").description("Start development server with file watching").action(Ce);
-Kt();
 const yt = async () => {
   const o = process.cwd(), t = z("Installing AI agent skills...").start(), e = await Ke(o);
   e.success ? (t.succeed("AI agent skills installed"), e.detected.length > 0 && console.log(`   Detected: ${e.detected.join(", ")}`), console.log(`   Skills: ${e.skillNames.join(", ")}`)) : t.fail("Failed to install skills"), process.exit(e.success ? 0 : 1);
@@ -2654,7 +2659,7 @@ v.program.command("mcp").description("Configure Myop MCP server for your AI codi
     {
       name: "Claude Code",
       value: "claude",
-      configPath: _.join(n, ".claude.json"),
+      configPath: R.join(n, ".claude.json"),
       getEntry: () => ({ type: "http", url: s }),
       nextSteps: [
         "Restart Claude Code to pick up the new MCP config.",
@@ -2666,7 +2671,7 @@ v.program.command("mcp").description("Configure Myop MCP server for your AI codi
     {
       name: "Cursor",
       value: "cursor",
-      configPath: _.join(n, ".cursor", "mcp.json"),
+      configPath: R.join(n, ".cursor", "mcp.json"),
       getEntry: () => ({ url: s }),
       nextSteps: [
         'Go to Cursor Settings > Tools & MCP to verify "myop" appears.',
@@ -2679,7 +2684,7 @@ v.program.command("mcp").description("Configure Myop MCP server for your AI codi
     {
       name: "Windsurf",
       value: "windsurf",
-      configPath: _.join(n, ".codeium", "windsurf", "mcp_config.json"),
+      configPath: R.join(n, ".codeium", "windsurf", "mcp_config.json"),
       getEntry: () => ({ url: s }),
       nextSteps: [
         "Open Cascade and click the hammer icon (top-right) to see MCP servers.",
@@ -2691,7 +2696,7 @@ v.program.command("mcp").description("Configure Myop MCP server for your AI codi
     {
       name: "VS Code (GitHub Copilot)",
       value: "vscode",
-      configPath: process.platform === "darwin" ? _.join(n, "Library", "Application Support", "Code", "User", "mcp.json") : process.platform === "win32" ? _.join(process.env.APPDATA || _.join(n, "AppData", "Roaming"), "Code", "User", "mcp.json") : _.join(n, ".config", "Code", "User", "mcp.json"),
+      configPath: process.platform === "darwin" ? R.join(n, "Library", "Application Support", "Code", "User", "mcp.json") : process.platform === "win32" ? R.join(process.env.APPDATA || R.join(n, "AppData", "Roaming"), "Code", "User", "mcp.json") : R.join(n, ".config", "Code", "User", "mcp.json"),
       getEntry: () => ({ type: "http", url: s }),
       nextSteps: [
         "Requires VS Code 1.99+ and GitHub Copilot extension.",
@@ -2726,8 +2731,8 @@ v.program.command("mcp").description("Configure Myop MCP server for your AI codi
   } catch {
   }
   m.mcpServers || (m.mcpServers = {});
-  const c = m.mcpServers.myop;
-  if (c && c.url === s) {
+  const l = m.mcpServers.myop;
+  if (l && l.url === s) {
     console.log(`
   Myop MCP is already configured for ${p.name}.`), console.log(`  Config: ${p.configPath}`), console.log(`
   \x1B[1mNext steps:\x1B[0m`);
@@ -2735,16 +2740,16 @@ v.program.command("mcp").description("Configure Myop MCP server for your AI codi
       console.log(`  ${d}`);
     console.log(""), process.exit(0);
   }
-  if (c) {
+  if (l) {
     console.log(`
-  Myop MCP is already configured (URL: ${c.url}).`);
+  Myop MCP is already configured (URL: ${l.url}).`);
     try {
       await t({ message: "Update to latest URL?", default: !0 }) || process.exit(0);
     } catch (d) {
       throw d.name === "ExitPromptError" && process.exit(0), d;
     }
   }
-  m.mcpServers.myop = p.getEntry(), C.mkdirSync(_.dirname(p.configPath), { recursive: !0 }), C.writeFileSync(p.configPath, JSON.stringify(m, null, 2)), console.log(`
+  m.mcpServers.myop = p.getEntry(), C.mkdirSync(R.dirname(p.configPath), { recursive: !0 }), C.writeFileSync(p.configPath, JSON.stringify(m, null, 2)), console.log(`
   \x1B[32m✔\x1B[0m Myop MCP configured for ${p.name}`), console.log(`  Config:  ${p.configPath}`), console.log(`  Server:  ${s}`), console.log(`
   \x1B[1mNext steps:\x1B[0m`);
   for (const d of p.nextSteps)
@@ -2835,9 +2840,9 @@ const xo = () => {
       value: "exit"
     }
   );
-  let c;
+  let l;
   try {
-    c = await st({
+    l = await st({
       message: "What would you like to do?",
       choices: m
     });
@@ -2847,7 +2852,7 @@ const xo = () => {
 👋 Goodbye!
 `), process.exit(0)), x;
   }
-  switch (c) {
+  switch (l) {
     case "init":
       await Po();
       break;
@@ -2939,11 +2944,11 @@ Pushing component...
 ⚠️  No components selected.
 `), process.exit(0)), p || (bo(m), console.log(`
 💾 Selection saved to ${be}`));
-  const c = n.filter((y) => m.includes(y.path));
-  console.log(`🚀 Starting dev mode for ${c.length} component${c.length > 1 ? "s" : ""}...
+  const l = n.filter((y) => m.includes(y.path));
+  console.log(`🚀 Starting dev mode for ${l.length} component${l.length > 1 ? "s" : ""}...
 `);
   const { monorepoDevCommand: d } = await Promise.resolve().then(() => Wt);
-  await d(c);
+  await d(l);
 }, Po = async () => {
   const { input: o, select: t } = await import("@inquirer/prompts"), e = await import("fs"), n = await import("path"), s = n.default.basename(process.cwd());
   let i, r;
@@ -2960,11 +2965,11 @@ Pushing component...
         { name: "🅰️  Angular", value: "angular", disabled: "(coming soon)" }
       ]
     });
-  } catch (c) {
-    throw c.name === "ExitPromptError" && (console.log(`
+  } catch (l) {
+    throw l.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), c;
+`), process.exit(0)), l;
   }
   const p = {
     name: i,
@@ -2975,7 +2980,7 @@ Pushing component...
   try {
     e.writeFileSync(m, JSON.stringify(p, null, 2)), console.log(`
 ✅ Created ${m}`);
-    const c = {
+    const l = {
       name: i.toLowerCase().replace(/\s+/g, "-"),
       version: "1.0.0",
       type: "module",
@@ -2987,7 +2992,7 @@ Pushing component...
         esbuild: "^0.24.0"
       }
     };
-    e.writeFileSync("package.json", JSON.stringify(c, null, 2)), console.log("✅ Created package.json"), e.mkdirSync("src/modules", { recursive: !0 }), e.mkdirSync("src/styles", { recursive: !0 }), e.writeFileSync("build.js", `import * as esbuild from 'esbuild';
+    e.writeFileSync("package.json", JSON.stringify(l, null, 2)), console.log("✅ Created package.json"), e.mkdirSync("src/modules", { recursive: !0 }), e.mkdirSync("src/styles", { recursive: !0 }), e.writeFileSync("build.js", `import * as esbuild from 'esbuild';
 import fs from 'fs';
 import path from 'path';
 
@@ -3177,12 +3182,12 @@ dist/
         "src/styles/main.css"
       ];
       if (b.success) {
-        const R = (k, L) => {
+        const _ = (k, L) => {
           try {
             const D = e.readdirSync(k, { withFileTypes: !0 });
             for (const T of D) {
               const W = n.join(k, T.name), N = n.join(L, T.name);
-              T.isDirectory() ? R(W, N) : M.push(N);
+              T.isDirectory() ? _(W, N) : M.push(N);
             }
           } catch {
           }
@@ -3192,13 +3197,13 @@ dist/
           for (const L of k)
             if (L.isDirectory() && L.name.startsWith(".")) {
               const D = n.join(L.name, "skills");
-              e.existsSync(D) && R(D, D);
+              e.existsSync(D) && _(D, D);
             }
         } catch {
         }
       }
-      for (const R of M)
-        await P.add({ fs: e, dir: j, filepath: R });
+      for (const _ of M)
+        await P.add({ fs: e, dir: j, filepath: _ });
       await P.commit({
         fs: e,
         dir: j,
@@ -3211,8 +3216,8 @@ dist/
     console.log(`
 📦 Next steps:`), console.log("  1. npm install"), console.log("  2. npm run build"), console.log(`  3. myop sync
 `), v.myopConfig = p, await ne(!0);
-  } catch (c) {
-    console.error(`Failed to initialize component: ${c.message}`), process.exit(1);
+  } catch (l) {
+    console.error(`Failed to initialize component: ${l.message}`), process.exit(1);
   }
 };
 v.program.command("default", { isDefault: !0 }).action(async () => {
@@ -3221,7 +3226,7 @@ v.program.command("default", { isDefault: !0 }).action(async () => {
     return;
   }
   if (v.program.getOptionValue("ci")) {
-    const p = await import("fs"), m = v.program.getOptionValue("config") || "./myop.config.json", c = v.program.version(), d = Pe();
+    const p = await import("fs"), m = v.program.getOptionValue("config") || "./myop.config.json", l = v.program.version(), d = Pe();
     let y = { found: !1 };
     try {
       if (p.existsSync(m)) {
@@ -3238,7 +3243,7 @@ v.program.command("default", { isDefault: !0 }).action(async () => {
       y = { found: !1, error: x.message };
     }
     const S = {
-      version: c,
+      version: l,
       config: y,
       auth: {
         loggedIn: !!(d != null && d.email),
@@ -3256,5 +3261,6 @@ v.program.command("default", { isDefault: !0 }).action(async () => {
   const i = v.program.version();
   await mo(i) || await ne(s.configFound);
 });
+Kt();
 v.program.parse(process.argv);
 v.program.opts();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myop/cli",
-  "version": "0.1.52",
+  "version": "0.1.54",
   "description": "Myop cli",
   "type": "module",
   "repository": {