@myop/cli 0.1.49 → 0.1.50

package/dist/myop-cli.js

@@ -262,13 +262,13 @@ async function ct(o, t, e, n, s = {}) {
     onRetry: g
   } = s, h = ((o == null ? void 0 : o.message) || "") + (t || "") + (e || "");
   return !i && Dt(h) ? (Lt(), await Ut(n) && g ? (console.log(`🔄 Retrying build...
-`), g(), { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: d }) : { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: d }) : !d && At(h) ? (console.log("📦 Missing dependencies detected, running npm install..."), new Promise((c) => {
-    n("npm install", (l, y, S) => {
-      if (l) {
-        console.error("❌ Failed to install dependencies:", l.message), S && console.error(S), c({ handled: !0, hasTriedPlatformFix: i, hasTriedInstall: !0 });
+`), g(), { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: d }) : { handled: !0, hasTriedPlatformFix: !0, hasTriedInstall: d }) : !d && At(h) ? (console.log("📦 Missing dependencies detected, running npm install..."), new Promise((l) => {
+    n("npm install", (c, y, S) => {
+      if (c) {
+        console.error("❌ Failed to install dependencies:", c.message), S && console.error(S), l({ handled: !0, hasTriedPlatformFix: i, hasTriedInstall: !0 });
         return;
       }
-      console.log("✅ Dependencies installed"), g && g(), c({ handled: !0, hasTriedPlatformFix: i, hasTriedInstall: !0 });
+      console.log("✅ Dependencies installed"), g && g(), l({ handled: !0, hasTriedPlatformFix: i, hasTriedInstall: !0 });
     });
   })) : { handled: !1, hasTriedPlatformFix: i, hasTriedInstall: d };
 }
@@ -280,7 +280,7 @@ async function be() {
     i = t.default.dirname(m);
   } else
     i = t.default.dirname(import.meta.url);
-  const d = t.default.join(i, "commands", "dev", "management-website"), g = o.default.readFileSync(t.default.join(d, "styles.css"), "utf-8"), h = o.default.readFileSync(t.default.join(d, "app.js"), "utf-8"), c = 9292, l = 9293;
+  const d = t.default.join(i, "commands", "dev", "management-website"), g = o.default.readFileSync(t.default.join(d, "styles.css"), "utf-8"), h = o.default.readFileSync(t.default.join(d, "app.js"), "utf-8"), l = 9292, c = 9293;
   let y = "./dist", S = !1, x = !1, u = !1, p = null;
   const E = () => {
     try {
@@ -319,7 +319,7 @@ async function be() {
       const r = ((await new Promise((w, b) => {
         const O = {
           hostname: "localhost",
-          port: l,
+          port: c,
           path: "/_list",
           method: "GET",
           timeout: 1e3
@@ -464,7 +464,7 @@ Sec-WebSocket-Accept: ${b}\r
       r.writeHead(403, { "Content-Type": "text/plain" }), r.end("Forbidden");
       return;
     }
-    const m = new URL(a.url, `http://localhost:${c}`), f = m.pathname, w = f.split("/").filter((J) => J);
+    const m = new URL(a.url, `http://localhost:${l}`), f = m.pathname, w = f.split("/").filter((J) => J);
     if (f.startsWith("/consume")) {
       const J = m.searchParams.get("id");
       if (!J) {
@@ -614,7 +614,7 @@ Sec-WebSocket-Accept: ${b}\r
       return;
     }
     if (w.length === 0) {
-      r.writeHead(200, { "Content-Type": "text/html" }), r.end(jt(c, l, g, h));
+      r.writeHead(200, { "Content-Type": "text/html" }), r.end(jt(l, c, g, h));
       return;
     }
     if (w[0] !== "view") {
@@ -656,7 +656,7 @@ Sec-WebSocket-Accept: ${b}\r
       htmlFile: u ? p : null
     }), w = {
       hostname: "localhost",
-      port: l,
+      port: c,
       path: "/_register",
       method: "POST",
       headers: {
@@ -673,7 +673,7 @@ Sec-WebSocket-Accept: ${b}\r
   }), ht = () => new Promise((a, r) => {
     const m = JSON.stringify({ componentId: M }), f = {
       hostname: "localhost",
-      port: l,
+      port: c,
       path: "/_unregister",
       method: "POST",
       headers: {
@@ -689,7 +689,7 @@ Sec-WebSocket-Accept: ${b}\r
 <script>
 (function() {
     const componentId = '${a}';
-    const wsUrl = 'ws://localhost:${l}/_hmr/' + componentId;
+    const wsUrl = 'ws://localhost:${c}/_hmr/' + componentId;
     let ws;
     let reconnectAttempts = 0;
     const maxReconnectAttempts = 10;
@@ -846,7 +846,7 @@ Sec-WebSocket-Accept: ${b}\r
         html: r
       }), f = {
         hostname: "localhost",
-        port: l,
+        port: c,
         path: "/_hmr_notify",
         method: "POST",
         headers: {
@@ -925,7 +925,7 @@ Sec-WebSocket-Accept: ${b}\r
   }, wt = () => new Promise((a) => {
     const r = {
       hostname: "localhost",
-      port: l,
+      port: c,
       path: "/_list",
       method: "GET",
       timeout: 1e3
@@ -963,12 +963,12 @@ Sec-WebSocket-Accept: ${b}\r
     });
     r.on("error", () => {
       a(!1);
-    }), r.listen(l, () => {
+    }), r.listen(c, () => {
       console.log(`
-🔄 Taking over as server...`), console.log(`📡 Management server on port ${l}`), ge.on("error", () => {
+🔄 Taking over as server...`), console.log(`📡 Management server on port ${c}`), ge.on("error", () => {
         r.close(), a(!1);
-      }), ge.listen(c, () => {
-        console.log(`📡 Main server running at http://localhost:${c}`);
+      }), ge.listen(l, () => {
+        console.log(`📡 Main server running at http://localhost:${l}`);
         const m = u ? t.default.resolve(_) : t.default.resolve(_, y);
         T.set(M, {
           path: m,
@@ -976,7 +976,7 @@ Sec-WebSocket-Accept: ${b}\r
           htmlFile: u ? p : null
         });
         const f = R ? ` (${R})` : "";
-        console.log(`✅ Registered component: ${M}${f}`), console.log(`📡 Access at: http://localhost:${c}/view/${M}/`), a(!0);
+        console.log(`✅ Registered component: ${M}${f}`), console.log(`📡 Access at: http://localhost:${l}/view/${M}/`), a(!0);
       });
     });
   });
@@ -1006,20 +1006,20 @@ Sec-WebSocket-Accept: ${b}\r
       try {
         M = await A();
         const r = await Ke();
-        console.log(`✅ Registered component: ${M}`), console.log(`📡 Access at: http://localhost:${c}/view/${M}/`), console.log(`📋 All registered components: ${r.registered.join(", ")}`), qe(() => {
-          process.env.MYOP_NO_BROWSER || $(`http://localhost:${c}/view/${M}/`);
+        console.log(`✅ Registered component: ${M}`), console.log(`📡 Access at: http://localhost:${l}/view/${M}/`), console.log(`📋 All registered components: ${r.registered.join(", ")}`), qe(() => {
+          process.env.MYOP_NO_BROWSER || $(`http://localhost:${l}/view/${M}/`);
         }), et();
       } catch (r) {
         console.error("❌ Failed to register component:", r.message), process.exit(1);
       }
     } else
       console.error("❌ Management server error:", a.message), process.exit(1);
-  }), Ee.on("upgrade", ft), Ee.listen(l, async () => {
+  }), Ee.on("upgrade", ft), Ee.listen(c, async () => {
     Re = !0, console.log(`
-🚀 Starting shared dev server...`), console.log(`📡 Management server on port ${l}`), ge.on("error", (a) => {
+🚀 Starting shared dev server...`), console.log(`📡 Management server on port ${c}`), ge.on("error", (a) => {
       console.error("❌ Main server error:", a.message), process.exit(1);
-    }), ge.listen(c, async () => {
-      console.log(`📡 Main server running at http://localhost:${c}`), (M === "DEV" || M === "NEW") && (M = "DEV1");
+    }), ge.listen(l, async () => {
+      console.log(`📡 Main server running at http://localhost:${l}`), (M === "DEV" || M === "NEW") && (M = "DEV1");
       const a = u ? t.default.resolve(_) : t.default.resolve(_, y);
       T.set(M, {
         path: a,
@@ -1027,8 +1027,8 @@ Sec-WebSocket-Accept: ${b}\r
         htmlFile: u ? p : null
       });
       const r = R ? ` (${R})` : "";
-      console.log(`✅ Registered component: ${M}${r}`), console.log(`📡 Access at: http://localhost:${c}/view/${M}/`), qe(() => {
-        process.env.MYOP_NO_BROWSER || $(`http://localhost:${c}/view/${M}/`);
+      console.log(`✅ Registered component: ${M}${r}`), console.log(`📡 Access at: http://localhost:${l}/view/${M}/`), qe(() => {
+        process.env.MYOP_NO_BROWSER || $(`http://localhost:${l}/view/${M}/`);
       });
     });
   });
@@ -1083,15 +1083,15 @@ const D = class D {
     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), d = 2, h = this.rows - d - 2, c = Math.floor(h / s);
-    this.visibleLogLines = Math.max(2, c - 4), this.layout = { panelsPerRow: n, panelWidth: i, numRows: s, panelHeight: c }, this.panelPositions.clear();
-    for (let l = 0; l < t; l++) {
-      const y = this.components[l], S = Math.floor(l / n), x = l % n;
+    const s = Math.ceil(t / n), i = Math.floor(this.cols / n), d = 2, h = this.rows - d - 2, l = Math.floor(h / s);
+    this.visibleLogLines = Math.max(2, l - 4), this.layout = { panelsPerRow: n, panelWidth: i, numRows: s, panelHeight: l }, this.panelPositions.clear();
+    for (let c = 0; c < t; c++) {
+      const y = this.components[c], S = Math.floor(c / n), x = c % n;
       this.panelPositions.set(y.name, {
-        row: d + 1 + S * c,
+        row: d + 1 + S * l,
         col: x * i + 1,
         width: i,
-        height: c
+        height: l
       });
     }
   }
@@ -1139,10 +1139,10 @@ const D = class D {
   renderPanel(t) {
     const e = D.C, n = D.STATUS, s = this.panelPositions.get(t);
     if (!s) return;
-    const i = this.components.findIndex((A) => A.name === t), d = this.components[i], g = i === this.selectedPanel, h = this.statusKeys.get(t) || "initializing", c = n[h], l = e[c.color], y = this.logs.get(t) || [], S = this.scrollPos.get(t) || 0, x = s.width - 1, u = g ? e.cyan : e.gray, p = [], E = d.name.substring(0, x - 20);
-    let I = `${u}┌─${e.reset} ${l}${c.icon}${e.reset} `;
-    I += `${e.bold}${E}${e.reset} ${e.gray}─${e.reset} ${l}${c.label}${e.reset} `;
-    const $ = 5 + E.length + c.label.length + 3;
+    const i = this.components.findIndex((A) => A.name === t), d = this.components[i], g = i === this.selectedPanel, h = this.statusKeys.get(t) || "initializing", l = n[h], c = e[l.color], y = this.logs.get(t) || [], S = this.scrollPos.get(t) || 0, x = s.width - 1, u = g ? e.cyan : e.gray, p = [], E = d.name.substring(0, x - 20);
+    let I = `${u}┌─${e.reset} ${c}${l.icon}${e.reset} `;
+    I += `${e.bold}${E}${e.reset} ${e.gray}─${e.reset} ${c}${l.label}${e.reset} `;
+    const $ = 5 + E.length + l.label.length + 3;
     I += `${u}${"─".repeat(Math.max(0, x - $))}┐${e.reset}`, p.push(D.ESC.moveTo(s.row, s.col) + I);
     const C = (d.path || "").substring(0, x - 6);
     let j = `${u}│${e.reset} ${e.dim}${C}${e.reset}`;
@@ -1226,30 +1226,30 @@ we(D, "STATUS", {
 });
 let Ae = D;
 async function Ht(o) {
-  const { spawn: t, exec: e } = await import("child_process"), n = await import("path"), s = o.map((l) => ({
-    name: l.name,
-    path: l.path,
-    id: l.componentId || ""
-  })), i = new Ae(s), d = [], g = (l) => {
+  const { spawn: t, exec: e } = await import("child_process"), n = await import("path"), s = o.map((c) => ({
+    name: c.name,
+    path: c.path,
+    id: c.componentId || ""
+  })), i = new Ae(s), d = [], g = (c) => {
     const y = process.platform;
     let S;
-    y === "darwin" ? S = `open "${l}"` : y === "win32" ? S = `start "" "${l}"` : S = `xdg-open "${l}"`, e(S, () => {
+    y === "darwin" ? S = `open "${c}"` : y === "win32" ? S = `start "" "${c}"` : S = `xdg-open "${c}"`, e(S, () => {
     });
   }, h = () => {
     i.clear(), console.log(`
-🛑 Shutting down all components...`), d.forEach((l) => {
+🛑 Shutting down all components...`), d.forEach((c) => {
       try {
-        l.kill("SIGTERM");
+        c.kill("SIGTERM");
       } catch {
       }
     }), setTimeout(() => process.exit(0), 500);
   };
   process.on("SIGINT", h), process.on("SIGTERM", h);
-  const c = process.argv[1];
-  for (let l = 0; l < o.length; l++) {
-    const y = o[l], S = y.name;
+  const l = process.argv[1];
+  for (let c = 0; c < o.length; c++) {
+    const y = o[c], 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"]
@@ -1274,7 +1274,7 @@ async function Ht(o) {
       }
     }), x.on("exit", (p) => {
       p !== 0 && p !== null && (i.setStatus(S, `❌ Exited (${p})`), i.log(S, `Process exited with code ${p}`));
-    }), l < o.length - 1 && await new Promise((p) => setTimeout(p, 500));
+    }), c < o.length - 1 && await new Promise((p) => setTimeout(p, 500));
   }
   i.render(), setTimeout(() => {
     g("http://localhost:9292");
@@ -1524,14 +1524,14 @@ function Kt(o) {
     const n = Mt.createServer((s, i) => {
       const d = new nt(s.url, `http://localhost:${Se}`);
       if (d.pathname === "/callback") {
-        const g = d.searchParams.get("code"), h = d.searchParams.get("state"), c = d.searchParams.get("error");
-        if (c) {
+        const g = d.searchParams.get("code"), h = d.searchParams.get("state"), l = d.searchParams.get("error");
+        if (l) {
           i.writeHead(200, { "Content-Type": "text/html" }), i.end(ve(
             "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 (h !== o) {
@@ -1641,17 +1641,17 @@ async function pe() {
 `), await Pt(g.toString());
     const h = await d;
     o.start("Exchanging authorization code...");
-    const c = await Qt(h, e, n);
+    const l = await Qt(h, e, n);
     o.text = "Getting user info...";
-    const l = await Xt(c.access_token), y = {
-      accessToken: c.access_token,
-      refreshToken: c.refresh_token,
-      expiresAt: new Date(Date.now() + c.expires_in * 1e3).toISOString(),
+    const c = await Xt(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: l.userId,
-      userEmail: l.email
+      userId: c.userId,
+      userEmail: c.email
     };
-    return dt(y), o.succeed(`Authenticated as ${l.email}`), y;
+    return dt(y), o.succeed(`Authenticated as ${c.email}`), y;
   } catch (t) {
     throw o.fail(`Authentication failed: ${t.message}`), t;
   }
@@ -1771,20 +1771,20 @@ async function so(o) {
 `);
       try {
         if (Fe) {
-          const l = `Start-Process -FilePath 'cmd' -ArgumentList '/c npm ${d ? `install -g ${Z}@latest --prefix \\"${d}\\"` : `install -g ${Z}@latest`}' -Verb RunAs -Wait`;
-          Q(`powershell -Command "${l}"`, { stdio: "inherit" });
+          const c = `Start-Process -FilePath 'cmd' -ArgumentList '/c npm ${d ? `install -g ${Z}@latest --prefix \\"${d}\\"` : `install -g ${Z}@latest`}' -Verb RunAs -Wait`;
+          Q(`powershell -Command "${c}"`, { stdio: "inherit" });
         } else {
-          const c = d ? `sudo npm install -g ${Z}@latest --prefix "${d}"` : `sudo ${i}`;
-          Q(c, { stdio: "inherit" });
+          const l = d ? `sudo npm install -g ${Z}@latest --prefix "${d}"` : `sudo ${i}`;
+          Q(l, { stdio: "inherit" });
         }
         console.log(`
 ✅ Updated to v${e}`);
       } catch {
         console.log(`
 ❌ Update failed`);
-        const l = Fe ? `npm install -g ${Z}@latest (run as Administrator)` : `sudo npm install -g ${Z}@latest`;
+        const c = Fe ? `npm install -g ${Z}@latest (run as Administrator)` : `sudo npm install -g ${Z}@latest`;
         console.log(`
-Please run manually: ${l}
+Please run manually: ${c}
 `), process.exit(1);
       }
     }
@@ -1792,8 +1792,8 @@ Please run manually: ${l}
     try {
       let h;
       d ? h = Fe ? _e(d, "node_modules") : _e(d, "lib", "node_modules") : h = Q("npm root -g", { encoding: "utf-8" }).trim();
-      const c = _e(h, Z, "package.json"), l = Ct(c, "utf-8");
-      g = JSON.parse(l).version;
+      const l = _e(h, Z, "package.json"), c = Ct(l, "utf-8");
+      g = JSON.parse(c).version;
     } catch {
     }
     if (g === e)
@@ -1802,8 +1802,8 @@ Please run manually: ${l}
 `), $t(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.
@@ -1839,7 +1839,7 @@ function je({ id: o, name: t }) {
   ro({ defaultOrganization: { id: o, name: t } });
 }
 async function lo(o, t, e, n = {}) {
-  var g, h, c;
+  var g, h, l;
   const s = await fetch(`${o}/mcp`, {
     method: "POST",
     headers: {
@@ -1861,7 +1861,7 @@ async function lo(o, t, e, n = {}) {
   const i = await s.json();
   if (i.error)
     throw new Error(i.error.message || "MCP error");
-  const d = (c = (h = (g = i.result) == null ? void 0 : g.content) == null ? void 0 : h[0]) == null ? void 0 : c.text;
+  const d = (l = (h = (g = i.result) == null ? void 0 : g.content) == null ? void 0 : h[0]) == null ? void 0 : l.text;
   if (!d)
     throw new Error(`No content returned from ${e}`);
   return JSON.parse(d);
@@ -1901,9 +1901,9 @@ const po = () => {
       { 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((l) => e.includes(l))).map(({ skill: c }) => c), d = s.flatMap(({ deps: c }) => c.filter((l) => e.includes(l)));
-    i.length > 0 ? n.push(...i) : n.push(...s.map((c) => c.skill));
-    const g = n.map((c) => `--skill ${c}`).join(" "), h = `npx -y skills add "${t}" ${g} --agent '*' --copy -y`;
+    ], i = s.filter(({ deps: l }) => l.some((c) => e.includes(c))).map(({ skill: l }) => l), d = s.flatMap(({ deps: l }) => l.filter((c) => e.includes(c)));
+    i.length > 0 ? n.push(...i) : n.push(...s.map((l) => l.skill));
+    const g = n.map((l) => `--skill ${l}`).join(" "), h = `npx -y skills add "${t}" ${g} --agent '*' --copy -y`;
     return Q(h, { cwd: o, stdio: "pipe" }), { success: !0, detected: d, skillNames: n };
   } catch (e) {
     return console.info("Failed to install skills:", e.message), { success: !1 };
@@ -1967,7 +1967,7 @@ const Me = (o = !1) => {
   new De(),
   ...Ft
 ];
-const uo = "0.1.49";
+const uo = "0.1.50";
 v.program = new bt();
 v.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version(uo);
 v.program.addOption(new ue("-c, --config <value>", "myop.config.json file location").default("./myop.config.json", "./myop.config.json"));
@@ -2082,10 +2082,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 = Ce();
-  let l = V("Uploading...").start(), y;
+  const l = Ce();
+  let c = V("Uploading...").start(), y;
   try {
-    const p = await fetch(`${c}/mcp`, {
+    const p = await fetch(`${l}/mcp`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -2114,9 +2114,9 @@ v.program.command("push").description("Upload component to Myop platform").argum
     const I = (u = (x = (S = E.result) == null ? void 0 : S.content) == null ? void 0 : x[0]) == null ? void 0 : u.text;
     if (y = JSON.parse(I), !y.success)
       throw new Error(y.error);
-    l.succeed("Pushed successfully");
+    c.succeed("Pushed successfully");
   } catch (p) {
-    l.fail("Upload failed"), re(p) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), ae("push")) : console.error("   ", p.message), process.exit(1);
+    c.fail("Upload failed"), re(p) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), ae("push")) : console.error("   ", p.message), process.exit(1);
   }
   if (y.isNewComponent || !e.componentId || e.componentId === "DEV") {
     e.componentId = y.componentId, e.organization = y.orgId, e.name || (e.name = y.componentName);
@@ -2153,7 +2153,7 @@ v.program.command("pull").description("Download component HTML from Myop platfor
 `)), process.exit(1);
   }
   const g = Ce(), h = V("Fetching component...").start();
-  let c;
+  let l;
   try {
     const $ = await fetch(`${g}/mcp`, {
       method: "POST",
@@ -2177,20 +2177,18 @@ v.program.command("pull").description("Download component HTML from Myop platfor
     if (C.error)
       throw new Error(C.error.message);
     const j = (I = (E = (p = C.result) == null ? void 0 : p.content) == null ? void 0 : E[0]) == null ? void 0 : I.text;
-    if (c = JSON.parse(j), !c.success && !c.html)
-      throw new Error(c.error || "No HTML content returned");
-    h.succeed("Component fetched");
+    l = JSON.parse(j), !l.success && !l.html && (h.fail("Failed to fetch component"), console.error("   ", l.error || "No HTML content returned"), l.message && console.error("   ", l.message), process.exit(1)), h.succeed("Component fetched");
   } catch ($) {
     h.fail("Failed to fetch component"), re($) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), ae("pull")) : console.error("   ", $.message), process.exit(1);
   }
-  let l = t.output;
-  l || (P.existsSync("./dist/index.html") ? l = "./dist/index.html" : l = "./index.html");
-  const y = c.htmlContent || c.html, S = N.dirname(l);
-  S && !P.existsSync(S) && P.mkdirSync(S, { recursive: !0 }), P.writeFileSync(l, y), console.log(`   Saved to: ${l} (${(y.length / 1024).toFixed(1)} KB)`);
+  let c = t.output;
+  c || (P.existsSync("./dist/index.html") ? c = "./dist/index.html" : c = "./index.html");
+  const y = l.htmlContent || l.html, S = N.dirname(c);
+  S && !P.existsSync(S) && P.mkdirSync(S, { recursive: !0 }), P.writeFileSync(c, y), console.log(`   Saved to: ${c} (${(y.length / 1024).toFixed(1)} KB)`);
   const x = P.existsSync(e);
   let u = !1;
-  if (x ? ((!n.componentId || n.componentId === "DEV") && (n.componentId = s, u = !0), !n.name && c.name && (n.name = c.name, u = !0)) : (n = {
-    name: c.name || N.basename(process.cwd()),
+  if (x ? ((!n.componentId || n.componentId === "DEV") && (n.componentId = s, u = !0), !n.name && l.name && (n.name = l.name, u = !0)) : (n = {
+    name: l.name || N.basename(process.cwd()),
     componentId: s,
     type: "html",
     author: "@myop-cli",
@@ -2225,16 +2223,16 @@ v.program.command("list").description("Browse and pull/push remote components").
     d.fail("Failed to load organizations"), re(u) ? (console.error("❌ Network error: Unable to reach mcp.myop.dev"), ae("list")) : console.error("   ", u.message), process.exit(1);
   }
   g.length === 0 && (d.fail("No organizations found for this account"), process.exit(1)), d.stop();
-  let h, c;
+  let h, l;
   if (o.org) {
     const u = g.find((p) => p.id === o.org || p._id === o.org);
-    u || (console.error(`Organization "${o.org}" not found. Available:`), g.forEach((p) => console.log(`  ${p.id || p._id}  ${p.name}`)), process.exit(1)), h = u.id || u._id, c = u.name, je({ id: h, name: c });
+    u || (console.error(`Organization "${o.org}" not found. Available:`), g.forEach((p) => console.log(`  ${p.id || p._id}  ${p.name}`)), process.exit(1)), h = u.id || u._id, l = u.name, je({ id: h, name: l });
   } else {
     const u = ao();
     if (u && g.find((p) => (p.id || p._id) === u.id))
-      h = u.id, c = u.name;
+      h = u.id, l = u.name;
     else if (g.length === 1)
-      h = g[0].id || g[0]._id, c = g[0].name, je({ id: h, name: c });
+      h = g[0].id || g[0]._id, l = g[0].name, je({ id: h, name: l });
     else
       try {
         const p = await e({
@@ -2244,7 +2242,7 @@ v.program.command("list").description("Browse and pull/push remote components").
             value: { id: E.id || E._id, name: E.name }
           }))
         });
-        h = p.id, c = p.name, je({ id: h, name: c });
+        h = p.id, l = p.name, je({ id: h, name: l });
       } catch (p) {
         throw p.name === "ExitPromptError" && (console.log(`
 
@@ -2252,17 +2250,17 @@ v.program.command("list").description("Browse and pull/push remote components").
 `), process.exit(0)), p;
       }
   }
-  console.log(`  Using organization: ${c}`), d = V("Loading components...").start();
-  let l;
+  console.log(`  Using organization: ${l}`), d = V("Loading components...").start();
+  let c;
   try {
     const u = await i("list_components", { organizationId: h });
-    if (l = u.components || u, !Array.isArray(l))
+    if (c = u.components || u, !Array.isArray(c))
       throw new Error("Unexpected response from list_components");
   } catch (u) {
     d.fail("Failed to load components"), console.error("   ", u.message), process.exit(1);
   }
-  d.stop(), l.length === 0 && (console.log(`  No components found in this organization.
-`), process.exit(0)), console.log(`  ${c} - ${l.length} component(s)
+  d.stop(), c.length === 0 && (console.log(`  No components found in this organization.
+`), process.exit(0)), console.log(`  ${l} - ${c.length} component(s)
 `);
   const y = [];
   for (; ; ) {
@@ -2272,7 +2270,7 @@ v.program.command("list").description("Browse and pull/push remote components").
       I = await t({
         message: "Search & select components:",
         source: (C) => {
-          const j = (C || "").toLowerCase(), M = l.filter((k) => {
+          const j = (C || "").toLowerCase(), M = c.filter((k) => {
             const L = k.id || k._id || k.componentId;
             return E.has(L) ? !1 : j ? (k.name || "").toLowerCase().includes(j) : !0;
           }), R = [
@@ -2296,7 +2294,7 @@ v.program.command("list").description("Browse and pull/push remote components").
     }
     if (I === p)
       break;
-    const $ = l.find((C) => (C.id || C._id || C.componentId) === I);
+    const $ = c.find((C) => (C.id || C._id || C.componentId) === I);
     $ && (y.push($), console.log(`  + ${$.name}`));
   }
   y.length === 0 && (console.log(`  No components selected.
@@ -2615,45 +2613,45 @@ v.program.command("mcp").description("Configure Myop MCP server for your AI codi
   try {
     d = await o({
       message: "Select your AI coding assistant:",
-      choices: i.map((l) => ({ name: l.name, value: l.value }))
+      choices: i.map((c) => ({ name: c.name, value: c.value }))
     });
-  } catch (l) {
-    throw l.name === "ExitPromptError" && (console.log(`
+  } catch (c) {
+    throw c.name === "ExitPromptError" && (console.log(`
 
 👋 Goodbye!
-`), process.exit(0)), l;
+`), process.exit(0)), c;
   }
-  const g = i.find((l) => l.value === d);
+  const g = i.find((c) => c.value === d);
   let h = {};
   try {
-    const l = P.readFileSync(g.configPath, "utf-8");
-    h = JSON.parse(l);
+    const c = P.readFileSync(g.configPath, "utf-8");
+    h = JSON.parse(c);
   } catch {
   }
   h.mcpServers || (h.mcpServers = {});
-  const c = h.mcpServers.myop;
-  if (c && c.url === s) {
+  const l = h.mcpServers.myop;
+  if (l && l.url === s) {
     console.log(`
   Myop MCP is already configured for ${g.name}.`), console.log(`  Config: ${g.configPath}`), console.log(`
   \x1B[1mNext steps:\x1B[0m`);
-    for (const l of g.nextSteps)
-      console.log(`  ${l}`);
+    for (const c of g.nextSteps)
+      console.log(`  ${c}`);
     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 (l) {
-      throw l.name === "ExitPromptError" && process.exit(0), l;
+    } catch (c) {
+      throw c.name === "ExitPromptError" && process.exit(0), c;
     }
   }
   h.mcpServers.myop = g.getEntry(), P.mkdirSync(N.dirname(g.configPath), { recursive: !0 }), P.writeFileSync(g.configPath, JSON.stringify(h, null, 2)), console.log(`
   \x1B[32m✔\x1B[0m Myop MCP configured for ${g.name}`), console.log(`  Config:  ${g.configPath}`), console.log(`  Server:  ${s}`), console.log(`
   \x1B[1mNext steps:\x1B[0m`);
-  for (const l of g.nextSteps)
-    console.log(`  ${l}`);
+  for (const c of g.nextSteps)
+    console.log(`  ${c}`);
   console.log(""), process.exit(0);
 });
 const go = () => {
@@ -2689,8 +2687,8 @@ const go = () => {
     return null;
   }
 }, ne = async (o = !1, t = !1) => {
-  var l, y, S;
-  const e = $e(), n = !!(e != null && e.email), s = ((l = v.myopConfig) == null ? void 0 : l.name) || ((y = v.myopConfig) == null ? void 0 : y.componentName), i = (S = v.myopConfig) == null ? void 0 : S.componentId, d = go();
+  var c, y, S;
+  const e = $e(), n = !!(e != null && e.email), s = ((c = v.myopConfig) == null ? void 0 : c.name) || ((y = v.myopConfig) == null ? void 0 : y.componentName), i = (S = v.myopConfig) == null ? void 0 : S.componentId, d = go();
   console.log(`
 ┌─────────────────────────────────────────────────┐`), console.log("│                                                 │"), console.log("│   Welcome to Myop CLI - Remote UI Made Easy     │"), console.log("│                                                 │"), console.log(`└─────────────────────────────────────────────────┘
 `), o && s ? (console.log(`  Component:  ${s}`), i ? (console.log(`  ID:         ${i}`), console.log(`  Dashboard:  https://dashboard.myop.dev/dashboard/2.0/component/${i}`)) : console.log("  ID:         (not yet pushed)")) : console.log("  Component:  No myop.config.json found"), console.log(`  User:       ${n ? e.email : "Not logged in"}`), d != null && d.gitNotInstalled ? (console.log("  Changes:    Git not installed"), console.log("              Install: https://git-scm.com/downloads"), console.log("              Mac: brew install git | Windows: https://gitforwindows.org")) : d != null && d.notARepo ? console.log("  Changes:    Not a git repository") : d && (d.insertions > 0 || d.deletions > 0) ? console.log(`  Changes:    ${d.files} file${d.files !== 1 ? "s" : ""} | \x1B[32m+${d.insertions}\x1B[0m \x1B[31m-${d.deletions}\x1B[0m`) : d && console.log("  Changes:    No uncommitted changes"), console.log("");
@@ -2740,9 +2738,9 @@ const go = () => {
       value: "exit"
     }
   );
-  let c;
+  let l;
   try {
-    c = await ot({
+    l = await ot({
       message: "What would you like to do?",
       choices: h
     });
@@ -2752,7 +2750,7 @@ const go = () => {
 👋 Goodbye!
 `), process.exit(0)), x;
   }
-  switch (c) {
+  switch (l) {
     case "init":
       await wo();
       break;
@@ -2844,11 +2842,11 @@ Pushing component...
 ⚠️  No components selected.
 `), process.exit(0)), g || (ho(h), console.log(`
 💾 Selection saved to ${xe}`));
-  const c = n.filter((y) => h.includes(y.path));
-  console.log(`🚀 Starting dev mode for ${c.length} component${c.length > 1 ? "s" : ""}...
+  const l = n.filter((y) => h.includes(y.path));
+  console.log(`🚀 Starting dev mode for ${l.length} component${l.length > 1 ? "s" : ""}...
 `);
-  const { monorepoDevCommand: l } = await Promise.resolve().then(() => Bt);
-  await l(c);
+  const { monorepoDevCommand: c } = await Promise.resolve().then(() => Bt);
+  await c(l);
 }, wo = 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, d;
@@ -2865,11 +2863,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 g = {
     name: i,
@@ -2880,7 +2878,7 @@ Pushing component...
   try {
     e.writeFileSync(h, JSON.stringify(g, null, 2)), console.log(`
 ✅ Created ${h}`);
-    const c = {
+    const l = {
       name: i.toLowerCase().replace(/\s+/g, "-"),
       version: "1.0.0",
       type: "module",
@@ -2892,7 +2890,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';
 
@@ -3116,8 +3114,8 @@ dist/
     console.log(`
 📦 Next steps:`), console.log("  1. npm install"), console.log("  2. npm run build"), console.log(`  3. myop sync
 `), v.myopConfig = g, 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 () => {
@@ -3126,7 +3124,7 @@ v.program.command("default", { isDefault: !0 }).action(async () => {
     return;
   }
   if (v.program.getOptionValue("ci")) {
-    const g = await import("fs"), h = v.program.getOptionValue("config") || "./myop.config.json", c = v.program.version(), l = $e();
+    const g = await import("fs"), h = v.program.getOptionValue("config") || "./myop.config.json", l = v.program.version(), c = $e();
     let y = { found: !1 };
     try {
       if (g.existsSync(h)) {
@@ -3143,11 +3141,11 @@ v.program.command("default", { isDefault: !0 }).action(async () => {
       y = { found: !1, error: x.message };
     }
     const S = {
-      version: c,
+      version: l,
       config: y,
       auth: {
-        loggedIn: !!(l != null && l.email),
-        email: (l == null ? void 0 : l.email) || null
+        loggedIn: !!(c != null && c.email),
+        email: (c == null ? void 0 : c.email) || null
       }
     };
     console.log(JSON.stringify(S, null, 2)), process.exit(0);

package/package.json

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