npm - @myop/cli - Versions diffs - 0.1.16 → 0.1.18 - Mend

@myop/cli 0.1.16 → 0.1.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/dist/myop-cli.js +304 -299
package/package.json +1 -1

package/dist/myop-cli.js CHANGED Viewed

@@ -2,15 +2,15 @@
 import F from "ora";
 import { select as Ie, Separator as me } from "@inquirer/prompts";
 import { Command as We, Option as ce } from "commander";
-import { execSync as re } from "child_process";
+import { execSync as re, spawn as Ge } from "child_process";
 import Z from "path";
 import A from "fs";
 import fe from "crypto";
-import Ge from "http";
-import { URL as je, URLSearchParams as Pe } from "url";
-import Ye from "open";
-import Ke from "os";
-const Xe = `
+import Ye from "http";
+import { URL as je, URLSearchParams as _e } from "url";
+import Ke from "open";
+import Xe from "os";
+const Qe = `
 Usage: myop [OPTIONS] COMMAND [ARGS]...
 A powerful command-line interface for managing your Myop projects.
@@ -52,7 +52,7 @@ Examples:
     verbose: !1
   },
   myopConfig: null
-}, _e = {
+}, Pe = {
   name: "📥 Install Myop generated dependencies",
   value: "myopInstall",
   description: "Fetch and generates Myop dependencies. flows including components, refs and props.",
@@ -64,7 +64,7 @@ Examples:
     }
     process.exit();
   }
-}, Qe = (e) => {
+}, Ze = (e) => {
   const o = Z.join(d.executionPath, e);
   console.info(`reading config file from: ${o}`);
   const n = A.readFileSync(o, "utf8"), a = JSON.parse(n);
@@ -97,36 +97,36 @@ Examples:
   },
   action: () => {
   }
-}, Ze = {
+}, qe = {
   name: "👋 Quit",
   value: "quit",
   description: "Quit and continue coding.",
   action: () => {
     process.exit();
   }
-}, qe = {
+}, et = {
   name: "🟢 Create new component",
   value: "-",
   disabled: "(not available yet)"
-}, et = {
+}, tt = {
   name: "🔵 Create new experience",
   value: "-",
   disabled: "(not available yet)"
-}, tt = {
+}, ot = {
   name: "🟡 Create new skin",
   value: "-",
   disabled: "(not available yet)"
-}, ot = {
+}, nt = {
   name: "🔴 Create new flow",
   value: "-",
   disabled: "(not available yet)"
-}, nt = {
+}, st = {
   name: "🆕 Define new custom Myop message",
   value: "generateMyopMessage",
   description: "️Help you creates the right structure for a new Myop message, including types and handlers.",
   disabled: "(not available yet)"
-}, st = [nt, qe, et, tt, ot];
-function rt(e, o, n, a) {
+}, rt = [st, et, tt, ot, nt];
+function it(e, o, n, a) {
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -217,26 +217,26 @@ ${a}
 </html>`;
 }
 async function ke() {
-  const e = await import("fs"), o = await import("path"), { exec: n } = await import("child_process"), a = await import("http"), { createHash: u } = await import("node:crypto");
+  const e = await import("fs"), o = await import("path"), { exec: n } = await import("child_process"), a = await import("http"), { createHash: f } = await import("node:crypto");
   let c;
   if (import.meta.url.startsWith("file://")) {
-    const s = import.meta.url.slice(7);
-    c = o.default.dirname(s);
+    const t = new URL(import.meta.url).pathname, r = process.platform === "win32" && t.startsWith("/") ? t.slice(1) : t;
+    c = o.default.dirname(r);
   } else
     c = o.default.dirname(import.meta.url);
-  const m = o.default.join(c, "commands", "dev", "management-website"), x = e.default.readFileSync(o.default.join(m, "styles.css"), "utf-8"), b = e.default.readFileSync(o.default.join(m, "app.js"), "utf-8"), f = 9292, y = 9293, w = "./dist";
-  let j = !1, S = !1;
+  const m = o.default.join(c, "commands", "dev", "management-website"), w = e.default.readFileSync(o.default.join(m, "styles.css"), "utf-8"), I = e.default.readFileSync(o.default.join(m, "app.js"), "utf-8"), u = 9292, y = 9293, S = "./dist";
+  let j = !1, v = !1;
   const k = /* @__PURE__ */ new Map(), z = d.program.getOptionValue("config") || "./myop.config.json";
-  let v, E, h = !1;
+  let x, E, h = !1;
   try {
     const s = e.default.readFileSync(z, "utf-8"), t = JSON.parse(s);
-    v = t.componentId || "DEV", E = t.componentName || t.name || null, h = t.HMR === !0, h && console.log("🔥 HMR enabled");
+    x = t.componentId || "DEV", E = t.componentName || t.name || null, h = t.HMR === !0, h && console.log("🔥 HMR enabled");
   } catch (s) {
     console.error("❌ Error reading myop.config.json:", s.message), process.exit(1);
   }
-  const M = async () => {
-    if (v !== "DEV" && v !== "NEW")
-      return v;
+  const $ = async () => {
+    if (x !== "DEV" && x !== "NEW")
+      return x;
     try {
       const t = ((await new Promise((l, p) => {
         const g = {
@@ -245,9 +245,9 @@ async function ke() {
           path: "/_list",
           method: "GET",
           timeout: 1e3
-        }, O = a.default.request(g, (P) => {
+        }, M = a.default.request(g, (_) => {
           let H = "";
-          P.on("data", (L) => H += L), P.on("end", () => {
+          _.on("data", (L) => H += L), _.on("end", () => {
             try {
               l(JSON.parse(H));
             } catch {
@@ -255,9 +255,9 @@ async function ke() {
             }
           });
         });
-        O.on("error", () => l({ components: [] })), O.on("timeout", () => {
-          O.destroy(), l({ components: [] });
-        }), O.end();
+        M.on("error", () => l({ components: [] })), M.on("timeout", () => {
+          M.destroy(), l({ components: [] });
+        }), M.end();
       })).components || []).map(([l]) => l).filter((l) => l === "DEV" || l === "NEW" || /^DEV\d+$/.test(l) || /^NEW\d+$/.test(l));
       if (t.length === 0)
         return "DEV1";
@@ -283,9 +283,9 @@ async function ke() {
       ".svg": "image/svg+xml",
       ".ico": "image/x-icon"
     }[t] || "application/octet-stream";
-  }, C = /* @__PURE__ */ new Map(), q = [], Ae = 50, D = [], V = /* @__PURE__ */ new Map(), U = /* @__PURE__ */ new Map(), De = (s, t, r) => {
+  }, b = /* @__PURE__ */ new Map(), q = [], Ae = 50, D = [], V = /* @__PURE__ */ new Map(), U = /* @__PURE__ */ new Map(), De = (s, t, r) => {
     if (s.url.startsWith("/_hmr/")) {
-      const i = s.url.split("/_hmr/")[1], l = s.headers["sec-websocket-key"], p = u("sha1").update(l + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");
+      const i = s.url.split("/_hmr/")[1], l = s.headers["sec-websocket-key"], p = f("sha1").update(l + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");
       t.write(
         `HTTP/1.1 101 Switching Protocols\r
 Upgrade: websocket\r
@@ -307,19 +307,19 @@ Sec-WebSocket-Accept: ${p}\r
       s.on("data", (i) => r += i), s.on("end", () => {
         try {
           const { componentId: i, distPath: l, componentName: p } = JSON.parse(r);
-          C.set(i, { path: l, name: p || null });
+          b.set(i, { path: l, name: p || null });
           const g = p ? ` (${p})` : "";
-          console.log(`✅ Registered: ${i}${g} -> ${l}`), t.writeHead(200), t.end(JSON.stringify({ success: !0, registered: Array.from(C.keys()) }));
-          const O = Array.from(C.entries()).map(([P, H]) => ({
-            id: P,
+          console.log(`✅ Registered: ${i}${g} -> ${l}`), t.writeHead(200), t.end(JSON.stringify({ success: !0, registered: Array.from(b.keys()) }));
+          const M = Array.from(b.entries()).map(([_, H]) => ({
+            id: _,
             path: H.path,
             name: H.name
           }));
-          D.forEach((P) => {
+          D.forEach((_) => {
             try {
-              P.write(`data: ${JSON.stringify({
+              _.write(`data: ${JSON.stringify({
                 type: "components",
-                components: O
+                components: M
               })}
 `);
@@ -335,8 +335,8 @@ Sec-WebSocket-Accept: ${p}\r
       s.on("data", (i) => r += i), s.on("end", () => {
         try {
           const { componentId: i } = JSON.parse(r);
-          C.delete(i), console.log(`❌ Unregistered: ${i}`), t.writeHead(200), t.end(JSON.stringify({ success: !0 }));
-          const l = Array.from(C.entries()).map(([p, g]) => ({
+          b.delete(i), console.log(`❌ Unregistered: ${i}`), t.writeHead(200), t.end(JSON.stringify({ success: !0 }));
+          const l = Array.from(b.entries()).map(([p, g]) => ({
             id: p,
             path: g.path,
             name: g.name
@@ -356,57 +356,57 @@ Sec-WebSocket-Accept: ${p}\r
           t.writeHead(400), t.end(JSON.stringify({ error: i.message }));
         }
       });
-    } else s.method === "GET" && s.url === "/_list" ? (t.writeHead(200), t.end(JSON.stringify({ components: Array.from(C.entries()) }))) : (t.writeHead(404), t.end(JSON.stringify({ error: "Not found" })));
+    } else s.method === "GET" && s.url === "/_list" ? (t.writeHead(200), t.end(JSON.stringify({ components: Array.from(b.entries()) }))) : (t.writeHead(404), t.end(JSON.stringify({ error: "Not found" })));
   }), ee = a.default.createServer((s, t) => {
     if (s.url.includes("..")) {
       t.writeHead(403, { "Content-Type": "text/plain" }), t.end("Forbidden");
       return;
     }
-    const r = new URL(s.url, `http://localhost:${f}`), i = r.pathname, l = i.split("/").filter((_) => _);
+    const r = new URL(s.url, `http://localhost:${u}`), i = r.pathname, l = i.split("/").filter((P) => P);
     if (i.startsWith("/consume")) {
-      const _ = r.searchParams.get("id");
-      if (!_) {
+      const P = r.searchParams.get("id");
+      if (!P) {
         t.writeHead(400, { "Content-Type": "application/json" }), t.end(JSON.stringify({ error: "Component ID required. Use /consume?id=<componentId>" }));
         return;
       }
-      const R = C.get(_), J = R ? R.path : null, Oe = (W) => {
-        let $ = "Unknown", T = "Unknown";
+      const R = b.get(P), J = R ? R.path : null, Oe = (W) => {
+        let C = "Unknown", T = "Unknown";
         if (s.headers.referer || s.headers.referrer) {
-          const I = s.headers.referer || s.headers.referrer;
+          const O = s.headers.referer || s.headers.referrer;
           try {
-            const G = new URL(I);
-            $ = G.origin, T = G.hostname || G.origin;
+            const G = new URL(O);
+            C = G.origin, T = G.hostname || G.origin;
           } catch {
-            $ = I, T = I;
+            C = O, T = O;
           }
         } else if (s.headers.origin)
           try {
-            const I = new URL(s.headers.origin);
-            $ = I.origin, T = I.hostname || I.origin;
+            const O = new URL(s.headers.origin);
+            C = O.origin, T = O.hostname || O.origin;
           } catch {
-            $ = s.headers.origin, T = s.headers.origin;
+            C = s.headers.origin, T = s.headers.origin;
           }
         else if (s.socket.remoteAddress) {
-          const I = s.socket.remoteAddress;
-          I === "::1" || I === "::ffff:127.0.0.1" ? ($ = "localhost", T = "localhost (direct)") : ($ = I, T = I.replace("::ffff:", ""));
+          const O = s.socket.remoteAddress;
+          O === "::1" || O === "::ffff:127.0.0.1" ? (C = "localhost", T = "localhost (direct)") : (C = O, T = O.replace("::ffff:", ""));
         }
-        const pe = s.headers.referer || s.headers.referrer || $, ne = {
+        const pe = s.headers.referer || s.headers.referrer || C, ne = {
           type: "request",
-          componentId: _,
+          componentId: P,
           timestamp: Date.now(),
           servedLocally: W,
           referrer: pe,
-          origin: $,
+          origin: C,
           originLabel: T
         };
-        V.has($) || (V.set($, {
-          url: $,
+        V.has(C) || (V.set(C, {
+          url: C,
           label: T,
           firstSeen: Date.now(),
           requestCount: 0
-        }), D.forEach((I) => {
+        }), D.forEach((O) => {
           try {
-            I.write(`data: ${JSON.stringify({
+            O.write(`data: ${JSON.stringify({
               type: "origins",
               origins: Array.from(V.values())
             })}
@@ -415,10 +415,10 @@ Sec-WebSocket-Accept: ${p}\r
           } catch {
           }
         }));
-        const Ve = V.get($);
-        Ve.requestCount++, D.forEach((I) => {
+        const Ve = V.get(C);
+        Ve.requestCount++, D.forEach((O) => {
           try {
-            I.write(`data: ${JSON.stringify({
+            O.write(`data: ${JSON.stringify({
               type: "origins",
               origins: Array.from(V.values())
             })}
@@ -426,9 +426,9 @@ Sec-WebSocket-Accept: ${p}\r
 `);
           } catch {
           }
-        }), q.push(ne), q.length > Ae && q.shift(), D.forEach((I) => {
+        }), q.push(ne), q.length > Ae && q.shift(), D.forEach((O) => {
           try {
-            I.write(`data: ${JSON.stringify(ne)}
+            O.write(`data: ${JSON.stringify(ne)}
 `);
           } catch {
@@ -437,15 +437,15 @@ Sec-WebSocket-Accept: ${p}\r
       };
       if (J) {
         const W = o.default.join(J, "index.html");
-        e.default.readFile(W, "utf-8", ($, T) => {
-          if ($) {
+        e.default.readFile(W, "utf-8", (C, T) => {
+          if (C) {
             console.log(`❌ File not found: ${W}`), t.writeHead(404, { "Content-Type": "application/json" }), t.end(JSON.stringify({ error: "index.html not found" }));
             return;
           }
           const pe = `dev-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, ne = {
             item: {
-              name: _,
-              id: _,
+              name: P,
+              id: P,
               consume_variant: [
                 {
                   id: pe,
@@ -459,21 +459,21 @@ Sec-WebSocket-Accept: ${p}\r
               ]
             }
           };
-          console.log(`✅ Serving consume JSON for: ${_}`), Oe(!0), t.writeHead(200, {
+          console.log(`✅ Serving consume JSON for: ${P}`), Oe(!0), t.writeHead(200, {
             "Content-Type": "application/json",
             "Access-Control-Allow-Origin": "*"
           }), t.end(JSON.stringify(ne, null, 2));
         });
       } else {
-        console.log(`📡 Proxying consume request to cloud.myop.dev for: ${_}`);
+        console.log(`📡 Proxying consume request to cloud.myop.dev for: ${P}`);
         const W = `https://cloud.myop.dev/consume${r.search}`;
-        Oe(!1), fetch(W).then(($) => $.text()).then(($) => {
+        Oe(!1), fetch(W).then((C) => C.text()).then((C) => {
           t.writeHead(200, {
             "Content-Type": "application/json",
             "Access-Control-Allow-Origin": "*"
-          }), t.end($);
-        }).catch(($) => {
-          console.error(`❌ Proxy error: ${$.message}`), t.writeHead(502, { "Content-Type": "application/json" }), t.end(JSON.stringify({ error: "Failed to fetch from cloud.myop.dev" }));
+          }), t.end(C);
+        }).catch((C) => {
+          console.error(`❌ Proxy error: ${C.message}`), t.writeHead(502, { "Content-Type": "application/json" }), t.end(JSON.stringify({ error: "Failed to fetch from cloud.myop.dev" }));
         });
       }
       return;
@@ -485,14 +485,14 @@ Sec-WebSocket-Accept: ${p}\r
         Connection: "keep-alive",
         "Access-Control-Allow-Origin": "*"
       }), D.push(t);
-      const _ = Array.from(C.entries()).map(([R, J]) => ({
+      const P = Array.from(b.entries()).map(([R, J]) => ({
         id: R,
         path: J.path,
         name: J.name
       }));
       t.write(`data: ${JSON.stringify({
         type: "components",
-        components: _
+        components: P
       })}
 `), t.write(`data: ${JSON.stringify({
@@ -512,7 +512,7 @@ Sec-WebSocket-Accept: ${p}\r
       return;
     }
     if (l.length === 0) {
-      t.writeHead(200, { "Content-Type": "text/html" }), t.end(rt(f, y, x, b));
+      t.writeHead(200, { "Content-Type": "text/html" }), t.end(it(u, y, w, I));
       return;
     }
     if (l[0] !== "view") {
@@ -523,14 +523,14 @@ Sec-WebSocket-Accept: ${p}\r
       t.writeHead(400, { "Content-Type": "text/plain" }), t.end("Component ID required. Use /view/<componentId>/");
       return;
     }
-    const p = l[1], g = C.get(p);
+    const p = l[1], g = b.get(p);
     if (!g) {
       t.writeHead(404, { "Content-Type": "text/plain" }), t.end(`Component not found: ${p}`);
       return;
     }
-    const O = g.path, P = l.slice(2), H = P.length === 0 ? "index.html" : P.join("/"), L = o.default.join(O, H);
-    console.log(`📥 Request: ${s.url} -> ${L}`), e.default.readFile(L, (_, R) => {
-      if (_) {
+    const M = g.path, _ = l.slice(2), H = _.length === 0 ? "index.html" : _.join("/"), L = o.default.join(M, H);
+    console.log(`📥 Request: ${s.url} -> ${L}`), e.default.readFile(L, (P, R) => {
+      if (P) {
         console.log(`❌ File not found: ${L}`), t.writeHead(404, { "Content-Type": "text/plain" }), t.end("Not Found");
         return;
       }
@@ -542,8 +542,8 @@ Sec-WebSocket-Accept: ${p}\r
     });
   }), ve = () => new Promise((s, t) => {
     const r = JSON.stringify({
-      componentId: v,
-      distPath: o.default.resolve(N, w),
+      componentId: x,
+      distPath: o.default.resolve(N, S),
       componentName: E
     }), i = {
       hostname: "localhost",
@@ -556,13 +556,13 @@ Sec-WebSocket-Accept: ${p}\r
       }
     }, l = a.default.request(i, (p) => {
       let g = "";
-      p.on("data", (O) => g += O), p.on("end", () => {
+      p.on("data", (M) => g += M), p.on("end", () => {
         p.statusCode === 200 ? s(JSON.parse(g)) : t(new Error(`Registration failed: ${p.statusCode}`));
       });
     });
     l.on("error", t), l.write(r), l.end();
   }), He = () => new Promise((s, t) => {
-    const r = JSON.stringify({ componentId: v }), i = {
+    const r = JSON.stringify({ componentId: x }), i = {
       hostname: "localhost",
       port: y,
       path: "/_unregister",
@@ -577,7 +577,7 @@ Sec-WebSocket-Accept: ${p}\r
     l.on("error", () => s()), l.write(r), l.end();
   }), Le = () => {
     if (!h) return;
-    const s = o.default.join(w, "index.html");
+    const s = o.default.join(S, "index.html");
     try {
       let t = e.default.readFileSync(s, "utf-8");
       if (t.includes("<!-- MYOP HMR -->")) {
@@ -588,7 +588,7 @@ Sec-WebSocket-Accept: ${p}\r
 <!-- MYOP HMR -->
 <script>
 (function() {
-    const componentId = '${v}';
+    const componentId = '${x}';
     const wsUrl = 'ws://localhost:${y}/_hmr/' + componentId;
     let ws;
     let reconnectAttempts = 0;
@@ -716,11 +716,11 @@ Sec-WebSocket-Accept: ${p}\r
     ]), i;
   }, Ue = () => {
     if (!h) return;
-    const s = U.get(v);
+    const s = U.get(x);
     if (!s || s.size === 0)
       return;
     console.log(`🔥 Notifying ${s.size} HMR client(s)`);
-    const t = o.default.join(w, "index.html");
+    const t = o.default.join(S, "index.html");
     try {
       let r = e.default.readFileSync(t, "utf-8");
       if (r.includes("<!-- MYOP HMR -->")) {
@@ -745,7 +745,7 @@ Sec-WebSocket-Accept: ${p}\r
   let xe = !1;
   const te = () => {
     if (j) {
-      S = !0;
+      v = !0;
       return;
     }
     j = !0, console.log(`
@@ -761,7 +761,7 @@ Sec-WebSocket-Accept: ${p}\r
         console.error("❌ Build failed:", s.message), r && console.error(r);
       } else
         console.log("✅ Build completed"), t && console.log(t), Le(), Ue();
-      S && (S = !1, te());
+      v && (v = !1, te());
     });
   }, Se = /* @__PURE__ */ new Set(), be = (s) => {
     e.default.readdir(s, { withFileTypes: !0 }, (t, r) => {
@@ -785,8 +785,8 @@ Sec-WebSocket-Accept: ${p}\r
         const g = o.default.join(s, l);
         setTimeout(() => {
           try {
-            const O = e.default.readFileSync(g, "utf-8"), P = k.get(g);
-            O !== P && (k.set(g, O), console.log(`📝 File changed: ${g}`), te());
+            const M = e.default.readFileSync(g, "utf-8"), _ = k.get(g);
+            M !== _ && (k.set(g, M), console.log(`📝 File changed: ${g}`), te());
           } catch {
           }
         }, 50);
@@ -794,7 +794,7 @@ Sec-WebSocket-Accept: ${p}\r
     });
   }, Ce = () => {
     console.log(`
-🔨 Component: ${v}`), te(), be(N), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
+🔨 Component: ${x}`), te(), be(N), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
 `);
   }, Be = () => new Promise((s) => {
     const t = {
@@ -815,10 +815,10 @@ Sec-WebSocket-Accept: ${p}\r
         let l = "";
         r.on("data", (p) => l += p), r.on("end", () => {
           try {
-            const { componentId: p, distPath: g, componentName: O } = JSON.parse(l);
-            C.set(p, { path: g, name: O || null });
-            const P = O ? ` (${O})` : "";
-            console.log(`✅ Registered: ${p}${P} -> ${g}`), i.writeHead(200), i.end(JSON.stringify({ success: !0, registered: Array.from(C.keys()) }));
+            const { componentId: p, distPath: g, componentName: M } = JSON.parse(l);
+            b.set(p, { path: g, name: M || null });
+            const _ = M ? ` (${M})` : "";
+            console.log(`✅ Registered: ${p}${_} -> ${g}`), i.writeHead(200), i.end(JSON.stringify({ success: !0, registered: Array.from(b.keys()) }));
           } catch (p) {
             i.writeHead(400), i.end(JSON.stringify({ error: p.message }));
           }
@@ -828,12 +828,12 @@ Sec-WebSocket-Accept: ${p}\r
         r.on("data", (p) => l += p), r.on("end", () => {
           try {
             const { componentId: p } = JSON.parse(l);
-            C.delete(p), console.log(`❌ Unregistered: ${p}`), i.writeHead(200), i.end(JSON.stringify({ success: !0 }));
+            b.delete(p), console.log(`❌ Unregistered: ${p}`), i.writeHead(200), i.end(JSON.stringify({ success: !0 }));
           } catch (p) {
             i.writeHead(400), i.end(JSON.stringify({ error: p.message }));
           }
         });
-      } else r.method === "GET" && r.url === "/_list" ? (i.writeHead(200), i.end(JSON.stringify({ components: Array.from(C.entries()) }))) : (i.writeHead(404), i.end(JSON.stringify({ error: "Not found" })));
+      } else r.method === "GET" && r.url === "/_list" ? (i.writeHead(200), i.end(JSON.stringify({ components: Array.from(b.entries()) }))) : (i.writeHead(404), i.end(JSON.stringify({ error: "Not found" })));
     });
     t.on("error", () => {
       s(!1);
@@ -841,13 +841,13 @@ Sec-WebSocket-Accept: ${p}\r
       console.log(`
 🔄 Taking over as server...`), console.log(`📡 Management server on port ${y}`), ee.on("error", () => {
         t.close(), s(!1);
-      }), ee.listen(f, () => {
-        console.log(`📡 Main server running at http://localhost:${f}`), C.set(v, {
-          path: o.default.resolve(N, w),
+      }), ee.listen(u, () => {
+        console.log(`📡 Main server running at http://localhost:${u}`), b.set(x, {
+          path: o.default.resolve(N, S),
           name: E
         });
         const r = E ? ` (${E})` : "";
-        console.log(`✅ Registered component: ${v}${r}`), console.log(`📡 Access at: http://localhost:${f}/view/${v}/`), s(!0);
+        console.log(`✅ Registered component: ${x}${r}`), console.log(`📡 Access at: http://localhost:${u}/view/${x}/`), s(!0);
       });
     });
   });
@@ -857,7 +857,7 @@ Sec-WebSocket-Accept: ${p}\r
       await Be() || (clearInterval(oe), console.log(`
 ⚠️  Server appears to be down, attempting to take over...`), await ze() ? console.log("✅ Successfully took over as server") : (console.log("ℹ️  Another instance took over, re-registering..."), setTimeout(async () => {
         try {
-          await ve(), console.log(`✅ Re-registered component: ${v}`), $e();
+          await ve(), console.log(`✅ Re-registered component: ${x}`), $e();
         } catch (r) {
           console.error("❌ Failed to re-register:", r.message);
         }
@@ -873,9 +873,9 @@ Sec-WebSocket-Accept: ${p}\r
       console.log(`
 🔗 Connecting to existing dev server...`);
       try {
-        v = await M();
+        x = await $();
         const t = await ve();
-        console.log(`✅ Registered component: ${v}`), console.log(`📡 Access at: http://localhost:${f}/view/${v}/`), console.log(`📋 All registered components: ${t.registered.join(", ")}`), Ce(), $e();
+        console.log(`✅ Registered component: ${x}`), console.log(`📡 Access at: http://localhost:${u}/view/${x}/`), console.log(`📋 All registered components: ${t.registered.join(", ")}`), Ce(), $e();
       } catch (t) {
         console.error("❌ Failed to register component:", t.message), process.exit(1);
       }
@@ -885,18 +885,18 @@ Sec-WebSocket-Accept: ${p}\r
     console.log(`
 🚀 Starting shared dev server...`), console.log(`📡 Management server on port ${y}`), ee.on("error", (s) => {
       console.error("❌ Main server error:", s.message), process.exit(1);
-    }), ee.listen(f, async () => {
-      console.log(`📡 Main server running at http://localhost:${f}`), (v === "DEV" || v === "NEW") && (v = "DEV1"), C.set(v, {
-        path: o.default.resolve(N, w),
+    }), ee.listen(u, async () => {
+      console.log(`📡 Main server running at http://localhost:${u}`), (x === "DEV" || x === "NEW") && (x = "DEV1"), b.set(x, {
+        path: o.default.resolve(N, S),
         name: E
       });
       const s = E ? ` (${E})` : "";
-      console.log(`✅ Registered component: ${v}${s}`), console.log(`📡 Access at: http://localhost:${f}/view/${v}/`), Ce();
+      console.log(`✅ Registered component: ${x}${s}`), console.log(`📡 Access at: http://localhost:${u}/view/${x}/`), Ce();
     });
   });
 }
-const ue = Z.join(Ke.homedir(), ".myop"), Q = Z.join(ue, "credentials.json");
-function it() {
+const ue = Z.join(Xe.homedir(), ".myop"), Q = Z.join(ue, "credentials.json");
+function at() {
   A.existsSync(ue) || A.mkdirSync(ue, { recursive: !0, mode: 448 });
 }
 function he() {
@@ -910,7 +910,7 @@ function he() {
   }
 }
 function Te(e) {
-  it();
+  at();
   const o = {
     ...e,
     savedAt: (/* @__PURE__ */ new Date()).toISOString()
@@ -927,7 +927,7 @@ function Re() {
     return console.error("Failed to clear credentials:", e.message), !1;
   }
 }
-function at(e) {
+function ct(e) {
   if (!e || !e.expiresAt)
     return !0;
   const o = 5 * 60 * 1e3, n = new Date(e.expiresAt).getTime();
@@ -940,19 +940,19 @@ function ye() {
     userId: e.userId
   } : null;
 }
-const Y = process.env.MYOP_MCP_URL || "https://mcp.myop.dev", ie = 19284, we = `http://localhost:${ie}/callback`, ct = "myop-cli";
-function lt() {
+const Y = process.env.MYOP_MCP_URL || "https://mcp.myop.dev", ie = 19284, we = `http://localhost:${ie}/callback`, lt = "myop-cli";
+function dt() {
   return fe.randomBytes(32).toString("base64url");
 }
-function dt(e) {
+function pt(e) {
   return fe.createHash("sha256").update(e).digest("base64url");
 }
-async function pt() {
+async function mt() {
   const e = await fetch(`${Y}/oauth/register`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({
-      client_name: ct,
+      client_name: lt,
       redirect_uris: [we],
       grant_types: ["authorization_code", "refresh_token"],
       response_types: ["code"]
@@ -965,7 +965,7 @@ async function pt() {
   return e.json();
 }
 function se(e, o, n, a = null) {
-  const u = {
+  const f = {
     success: `<svg width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="#4ade80" stroke-width="2">
             <circle cx="12" cy="12" r="10"/>
             <path d="M8 12l2.5 2.5L16 9"/>
@@ -982,7 +982,7 @@ function se(e, o, n, a = null) {
     success: { accent: "#4ade80", glow: "rgba(74, 222, 128, 0.1)" },
     error: { accent: "#f87171", glow: "rgba(248, 113, 113, 0.1)" },
     warning: { accent: "#fbbf24", glow: "rgba(251, 191, 36, 0.1)" }
-  }, { accent: m, glow: x } = c[e] || c.error;
+  }, { accent: m, glow: w } = c[e] || c.error;
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -1075,7 +1075,7 @@ function se(e, o, n, a = null) {
             display: inline-flex;
             align-items: center;
             gap: 8px;
-            background: ${x};
+            background: ${w};
             border: 1px solid ${m}33;
             border-radius: 4px;
             padding: 10px 16px;
@@ -1113,7 +1113,7 @@ function se(e, o, n, a = null) {
 <body>
     <div class="container">
         <div class="icon">
-            ${u[e] || u.error}
+            ${f[e] || f.error}
         </div>
         <h1>${o}</h1>
         <p class="message">${n}</p>
@@ -1130,22 +1130,22 @@ function se(e, o, n, a = null) {
 </body>
 </html>`;
 }
-function mt(e) {
+function ut(e) {
   return new Promise((o, n) => {
-    const a = Ge.createServer((u, c) => {
-      const m = new je(u.url, `http://localhost:${ie}`);
+    const a = Ye.createServer((f, c) => {
+      const m = new je(f.url, `http://localhost:${ie}`);
       if (m.pathname === "/callback") {
-        const x = m.searchParams.get("code"), b = m.searchParams.get("state"), f = m.searchParams.get("error");
-        if (f) {
+        const w = m.searchParams.get("code"), I = m.searchParams.get("state"), u = m.searchParams.get("error");
+        if (u) {
           c.writeHead(200, { "Content-Type": "text/html" }), c.end(se(
             "error",
             "Authentication Failed",
             "Unable to complete the authentication process.",
-            f
-          )), a.close(), n(new Error(`OAuth error: ${f}`));
+            u
+          )), a.close(), n(new Error(`OAuth error: ${u}`));
           return;
         }
-        if (b !== e) {
+        if (I !== e) {
           c.writeHead(400, { "Content-Type": "text/html" }), c.end(se(
             "warning",
             "Security Error",
@@ -1154,7 +1154,7 @@ function mt(e) {
           )), a.close(), n(new Error("State mismatch"));
           return;
         }
-        if (!x) {
+        if (!w) {
           c.writeHead(400, { "Content-Type": "text/html" }), c.end(se(
             "error",
             "Missing Authorization Code",
@@ -1167,7 +1167,7 @@ function mt(e) {
           "success",
           "Authentication Successful",
           "You have been authenticated successfully. Return to the terminal to continue."
-        )), a.close(), o(x);
+        )), a.close(), o(w);
       } else
         c.writeHead(404), c.end("Not found");
     });
@@ -1178,11 +1178,11 @@ function mt(e) {
     }, 5 * 60 * 1e3);
   });
 }
-async function ut(e, o, n) {
+async function ft(e, o, n) {
   const a = await fetch(`${Y}/oauth/token`, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
-    body: new Pe({
+    body: new _e({
       grant_type: "authorization_code",
       code: e,
       client_id: o,
@@ -1191,16 +1191,16 @@ async function ut(e, o, n) {
     })
   });
   if (!a.ok) {
-    const u = await a.json();
-    throw new Error(u.error_description || u.error || "Token exchange failed");
+    const f = await a.json();
+    throw new Error(f.error_description || f.error || "Token exchange failed");
   }
   return a.json();
 }
-async function ft(e, o) {
+async function gt(e, o) {
   const n = await fetch(`${Y}/oauth/token`, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
-    body: new Pe({
+    body: new _e({
       grant_type: "refresh_token",
       refresh_token: e,
       client_id: o
@@ -1212,8 +1212,8 @@ async function ft(e, o) {
   }
   return n.json();
 }
-async function gt(e) {
-  var u, c, m;
+async function ht(e) {
+  var f, c, m;
   const o = await fetch(`${Y}/mcp`, {
     method: "POST",
     headers: {
@@ -1235,7 +1235,7 @@ async function gt(e) {
   const n = await o.json();
   if (n.error)
     throw new Error(n.error.message);
-  const a = (m = (c = (u = n.result) == null ? void 0 : u.content) == null ? void 0 : c[0]) == null ? void 0 : m.text;
+  const a = (m = (c = (f = n.result) == null ? void 0 : f.content) == null ? void 0 : c[0]) == null ? void 0 : m.text;
   if (a)
     return JSON.parse(a);
   throw new Error("Invalid response from whoami");
@@ -1244,25 +1244,25 @@ async function X() {
   const e = F("Starting authentication...").start();
   try {
     e.text = "Registering OAuth client...";
-    const n = (await pt()).client_id, a = lt(), u = dt(a), c = fe.randomBytes(16).toString("hex");
+    const n = (await mt()).client_id, a = dt(), f = pt(a), c = fe.randomBytes(16).toString("hex");
     e.text = "Waiting for authorization...";
-    const m = mt(c), x = new je(`${Y}/oauth/authorize`);
-    x.searchParams.set("response_type", "code"), x.searchParams.set("client_id", n), x.searchParams.set("redirect_uri", we), x.searchParams.set("code_challenge", u), x.searchParams.set("code_challenge_method", "S256"), x.searchParams.set("state", c), e.stop(), console.log(`
-🌐 Opening browser for authentication...`), console.log("If the browser does not open, visit:"), console.log(`  ${x.toString()}
-`), await Ye(x.toString());
-    const b = await m;
+    const m = ut(c), w = new je(`${Y}/oauth/authorize`);
+    w.searchParams.set("response_type", "code"), w.searchParams.set("client_id", n), w.searchParams.set("redirect_uri", we), w.searchParams.set("code_challenge", f), w.searchParams.set("code_challenge_method", "S256"), w.searchParams.set("state", c), e.stop(), console.log(`
+🌐 Opening browser for authentication...`), console.log("If the browser does not open, visit:"), console.log(`  ${w.toString()}
+`), await Ke(w.toString());
+    const I = await m;
     e.start("Exchanging authorization code...");
-    const f = await ut(b, n, a);
+    const u = await ft(I, n, a);
     e.text = "Getting user info...";
-    const y = await gt(f.access_token), w = {
-      accessToken: f.access_token,
-      refreshToken: f.refresh_token,
-      expiresAt: new Date(Date.now() + f.expires_in * 1e3).toISOString(),
+    const y = await ht(u.access_token), S = {
+      accessToken: u.access_token,
+      refreshToken: u.refresh_token,
+      expiresAt: new Date(Date.now() + u.expires_in * 1e3).toISOString(),
       clientId: n,
       userId: y.userId,
       userEmail: y.email
     };
-    return Te(w), e.succeed(`Authenticated as ${y.email}`), w;
+    return Te(S), e.succeed(`Authenticated as ${y.email}`), S;
   } catch (o) {
     throw e.fail(`Authentication failed: ${o.message}`), o;
   }
@@ -1275,17 +1275,17 @@ async function Fe() {
   }
   Re(), console.log(`✅ Logged out (was: ${e.userEmail})`);
 }
-async function ht() {
+async function yt() {
   let e = he();
   if (!e)
     return console.log(`Not logged in. Starting authentication...
 `), await X();
-  if (!at(e))
+  if (!ct(e))
     return e;
   if (e.refreshToken) {
     const o = F("Refreshing access token...").start();
     try {
-      const n = await ft(
+      const n = await gt(
         e.refreshToken,
         e.clientId
       );
@@ -1302,11 +1302,11 @@ async function ht() {
   return console.log(`Session expired. Please log in again.
 `), await X();
 }
-function yt() {
+function wt() {
   return Y;
 }
 const ae = "@myop/cli";
-async function wt() {
+async function vt() {
   try {
     const e = await fetch(`https://registry.npmjs.org/${ae}/latest`);
     return e.ok ? (await e.json()).version : null;
@@ -1314,21 +1314,21 @@ async function wt() {
     return null;
   }
 }
-function vt(e, o) {
+function xt(e, o) {
   const n = e.split(".").map(Number), a = o.split(".").map(Number);
-  for (let u = 0; u < Math.max(n.length, a.length); u++) {
-    const c = n[u] || 0, m = a[u] || 0;
+  for (let f = 0; f < Math.max(n.length, a.length); f++) {
+    const c = n[f] || 0, m = a[f] || 0;
     if (c > m) return 1;
     if (c < m) return -1;
   }
   return 0;
 }
-async function xt(e) {
+async function St(e) {
   const o = F({
     text: "Checking for updates...",
     color: "cyan"
-  }).start(), n = await wt();
-  if (o.stop(), !n || vt(n, e) <= 0)
+  }).start(), n = await vt();
+  if (o.stop(), !n || xt(n, e) <= 0)
     return !1;
   console.log(`
 📦 New version available: ${e} → ${n}
@@ -1342,30 +1342,35 @@ async function xt(e) {
         { name: "No, continue with current version", value: !1 }
       ]
     });
-  } catch (u) {
-    throw u.name === "ExitPromptError" && (console.log(`
+  } catch (f) {
+    throw f.name === "ExitPromptError" && (console.log(`
 👋 Goodbye!
-`), process.exit(0)), u;
+`), process.exit(0)), f;
   }
   if (a) {
-    const u = F({
+    const f = F({
       text: `Updating ${ae} to v${n}...`,
       color: "green"
     }).start();
     try {
-      re(`npm install -g ${ae}@latest`, { stdio: "pipe" }), u.succeed(`Updated to v${n}`), console.log(`
-Please restart the CLI to use the new version.
-`), process.exit(0);
+      return re(`npm install -g ${ae}@latest`, { stdio: "pipe" }), f.succeed(`Updated to v${n}`), console.log(`
+🔄 Restarting with new version...
+`), Ge("myop", process.argv.slice(2), {
+        stdio: "inherit",
+        shell: !0
+      }).on("close", (m) => {
+        process.exit(m || 0);
+      }), !0;
     } catch {
-      return u.fail("Update failed"), console.log(`
+      return f.fail("Update failed"), console.log(`
 You can manually update by running: npm install -g ${ae}@latest
 `), !1;
     }
   }
   return !1;
 }
-const St = (e) => new Promise((o) => setTimeout(o, e));
+const bt = (e) => new Promise((o) => setTimeout(o, e));
 d.executionPath = process.cwd();
 const le = (e = !1) => {
   const o = d.program.getOptionValue("verbose");
@@ -1375,7 +1380,7 @@ const le = (e = !1) => {
     verbose: o
   };
   try {
-    return d.myopConfig = Qe(d.options.configPath), { configFound: !0 };
+    return d.myopConfig = Ze(d.options.configPath), { configFound: !0 };
   } catch (n) {
     if (e) {
       console.info(`
@@ -1395,11 +1400,11 @@ const le = (e = !1) => {
 };
 [
   new me(),
-  ...st
+  ...rt
 ];
-const bt = "0.1.16";
+const Ct = "0.1.18";
 d.program = new We();
-d.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version(bt);
+d.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version(Ct);
 d.program.addOption(new ce("-c, --config <value>", "myop.config.json file location").default("./myop.config.json", "./myop.config.json"));
 d.program.addOption(new ce("-h, --help", "Show helpful information"));
 d.program.addOption(new ce("-v, --verbose", "Enables verbose output mode for the command-line interface (CLI)."));
@@ -1411,7 +1416,7 @@ d.program.command("remove").description("Remove Myop asset").argument("<type>",
   le(), console.info("removing ", e, o, d.options.configPath), e === "flow" && Ne._action(o), process.exit();
 });
 d.program.command("install").description("Install Myop assets").action(async () => {
-  le(), await _e.action();
+  le(), await Pe.action();
 });
 d.program.command("login").description("Authenticate with Myop platform").action(async () => {
   try {
@@ -1429,15 +1434,15 @@ d.program.command("whoami").description("Show current authenticated user").actio
   e && e.email ? console.log(`Logged in as: ${e.email}`) : console.log("Not logged in. Run `myop login` to authenticate."), process.exit(0);
 });
 d.program.command("sync").description("Build and upload component to Myop platform").option("--skip-build", "Skip the build step").action(async (e) => {
-  var j, S, k, z, v, E;
-  const o = d.program.getOptionValue("config") || "./myop.config.json", n = await import("fs"), { execSync: a } = await import("child_process"), u = await import("path");
+  var j, v, k, z, x, E;
+  const o = d.program.getOptionValue("config") || "./myop.config.json", n = await import("fs"), { execSync: a } = await import("child_process"), f = await import("path");
   let c = {};
   if (n.existsSync(o))
     try {
       const h = n.readFileSync(o, "utf-8");
       c = JSON.parse(h);
-      const M = c.name || c.componentName;
-      console.log(`📋 Found config: ${M || "Unnamed component"}`), c.componentId && console.log(`   Component ID: ${c.componentId}`);
+      const $ = c.name || c.componentName;
+      console.log(`📋 Found config: ${$ || "Unnamed component"}`), c.componentId && console.log(`   Component ID: ${c.componentId}`);
     } catch (h) {
       console.error(`⚠️ Failed to parse ${o}:`, h.message);
     }
@@ -1447,26 +1452,26 @@ d.program.command("sync").description("Build and upload component to Myop platfo
     const h = F("Building project...").start();
     try {
       a("npm run build", { stdio: "pipe" }), h.succeed("Build completed");
-    } catch (M) {
-      h.fail("Build failed"), console.error(M.message), process.exit(1);
+    } catch ($) {
+      h.fail("Build failed"), console.error($.message), process.exit(1);
     }
   }
   const m = "./dist/index.html";
   n.existsSync(m) || (console.error("❌ Error: ./dist/index.html not found"), console.log("   Make sure your build outputs to ./dist/index.html"), process.exit(1));
-  let x;
+  let w;
   try {
-    x = await ht();
+    w = await yt();
   } catch (h) {
     console.error("❌ Authentication failed:", h.message), process.exit(1);
   }
-  const b = yt();
-  let f = F("Requesting upload URL...").start(), y;
+  const I = wt();
+  let u = F("Requesting upload URL...").start(), y;
   try {
-    const h = await fetch(`${b}/mcp`, {
+    const h = await fetch(`${I}/mcp`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${x.accessToken}`
+        Authorization: `Bearer ${w.accessToken}`
       },
       body: JSON.stringify({
         jsonrpc: "2.0",
@@ -1475,7 +1480,7 @@ d.program.command("sync").description("Build and upload component to Myop platfo
         params: {
           name: "upload_component",
           arguments: {
-            name: c.name || c.componentName || u.default.basename(process.cwd()),
+            name: c.name || c.componentName || f.default.basename(process.cwd()),
             componentId: c.componentId || void 0,
             organization: c.organization || void 0
           }
@@ -1484,32 +1489,32 @@ d.program.command("sync").description("Build and upload component to Myop platfo
     });
     if (!h.ok)
       throw new Error(`Server returned ${h.status}`);
-    const M = await h.json();
-    if (M.error)
-      throw new Error(M.error.message);
-    const N = (k = (S = (j = M.result) == null ? void 0 : j.content) == null ? void 0 : S[0]) == null ? void 0 : k.text;
+    const $ = await h.json();
+    if ($.error)
+      throw new Error($.error.message);
+    const N = (k = (v = (j = $.result) == null ? void 0 : j.content) == null ? void 0 : v[0]) == null ? void 0 : k.text;
     if (y = JSON.parse(N), !y.success)
       throw new Error(y.error);
-    f.succeed("Upload URL obtained");
+    u.succeed("Upload URL obtained");
   } catch (h) {
-    f.fail("Failed to get upload URL"), console.error("   ", h.message), process.exit(1);
+    u.fail("Failed to get upload URL"), console.error("   ", h.message), process.exit(1);
   }
-  f = F("Uploading component...").start();
+  u = F("Uploading component...").start();
   try {
     const h = n.readFileSync(m, "utf-8");
-    let M;
+    let $;
     const N = y.curlCommand.match(/(?:"|\\")([^"\\]+(?:\\.[^"\\]*)*)(?:"|\\")$/);
     if (N)
-      M = N[1];
+      $ = N[1];
     else {
-      const C = y.curlCommand.match(/(https:\/\/[^\s"\\]+)/);
-      if (C)
-        M = C[1];
+      const b = y.curlCommand.match(/(https:\/\/[^\s"\\]+)/);
+      if (b)
+        $ = b[1];
       else
         throw new Error("Could not parse presigned URL from: " + y.curlCommand);
     }
-    console.info("Uploading to:", M.substring(0, 100) + "...");
-    const K = await fetch(M, {
+    console.info("Uploading to:", $.substring(0, 100) + "...");
+    const K = await fetch($, {
       method: "PUT",
       headers: {
         "Content-Type": "text/html"
@@ -1517,21 +1522,21 @@ d.program.command("sync").description("Build and upload component to Myop platfo
       body: h
     });
     if (!K.ok) {
-      const C = await K.text();
-      throw new Error(`Upload failed with status ${K.status}: ${C}`);
+      const b = await K.text();
+      throw new Error(`Upload failed with status ${K.status}: ${b}`);
     }
-    f.succeed("Component uploaded");
+    u.succeed("Component uploaded");
   } catch (h) {
-    f.fail("Upload failed"), console.error("   ", h.message), h.cause && console.error("   Cause:", h.cause), process.exit(1);
+    u.fail("Upload failed"), console.error("   ", h.message), h.cause && console.error("   Cause:", h.cause), process.exit(1);
   }
-  f = F("Confirming upload...").start();
-  let w;
+  u = F("Confirming upload...").start();
+  let S;
   try {
-    const h = await fetch(`${b}/mcp`, {
+    const h = await fetch(`${I}/mcp`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${x.accessToken}`
+        Authorization: `Bearer ${w.accessToken}`
       },
       body: JSON.stringify({
         jsonrpc: "2.0",
@@ -1547,31 +1552,31 @@ d.program.command("sync").description("Build and upload component to Myop platfo
     });
     if (!h.ok)
       throw new Error(`Server returned ${h.status}`);
-    const M = await h.json();
-    if (M.error)
-      throw new Error(M.error.message);
-    const N = (E = (v = (z = M.result) == null ? void 0 : z.content) == null ? void 0 : v[0]) == null ? void 0 : E.text;
-    if (w = JSON.parse(N), !w.success)
-      throw new Error(w.error);
-    f.succeed("Upload confirmed");
+    const $ = await h.json();
+    if ($.error)
+      throw new Error($.error.message);
+    const N = (E = (x = (z = $.result) == null ? void 0 : z.content) == null ? void 0 : x[0]) == null ? void 0 : E.text;
+    if (S = JSON.parse(N), !S.success)
+      throw new Error(S.error);
+    u.succeed("Upload confirmed");
   } catch (h) {
-    f.fail("Confirmation failed"), console.error("   ", h.message), process.exit(1);
+    u.fail("Confirmation failed"), console.error("   ", h.message), process.exit(1);
   }
-  if (w.isNewComponent || !c.componentId) {
-    c.componentId = w.componentId, c.organization = w.orgId, c.name || (c.name = w.componentName);
+  if (S.isNewComponent || !c.componentId) {
+    c.componentId = S.componentId, c.organization = S.orgId, c.name || (c.name = S.componentName);
     try {
       n.writeFileSync(o, JSON.stringify(c, null, 2)), console.log(`
 📝 Updated ${o} with componentId`);
     } catch (h) {
       console.log(`
-⚠️ Could not update ${o}: ${h.message}`), console.log(`   Please add componentId: "${w.componentId}" manually`);
+⚠️ Could not update ${o}: ${h.message}`), console.log(`   Please add componentId: "${S.componentId}" manually`);
     }
   }
   console.log(`
-✅ Sync completed successfully!`), console.log(`   Component: ${w.componentName}`), console.log(`   Dashboard: ${w.dashboardUrl}`), process.exit(0);
+✅ Sync completed successfully!`), console.log(`   Component: ${S.componentName}`), console.log(`   Dashboard: ${S.dashboardUrl}`), process.exit(0);
 });
 d.program.command("dev").description("Start development server with file watching").action(ke);
-const Ct = () => {
+const $t = () => {
   try {
     re("git --version", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
   } catch {
@@ -1594,22 +1599,22 @@ const Ct = () => {
         deletions: 0
       };
     const o = e.split(`
-`), n = o[o.length - 1], a = n.match(/(\d+) insertion/), u = n.match(/(\d+) deletion/), c = n.match(/(\d+) file/);
+`), n = o[o.length - 1], a = n.match(/(\d+) insertion/), f = n.match(/(\d+) deletion/), c = n.match(/(\d+) file/);
     return {
       files: c ? parseInt(c[1]) : 0,
       insertions: a ? parseInt(a[1]) : 0,
-      deletions: u ? parseInt(u[1]) : 0
+      deletions: f ? parseInt(f[1]) : 0
     };
   } catch {
     return null;
   }
 }, B = async (e = !1, o = !1) => {
-  var y, w, j;
-  const n = ye(), a = !!(n != null && n.email), u = ((y = d.myopConfig) == null ? void 0 : y.name) || ((w = d.myopConfig) == null ? void 0 : w.componentName), c = (j = d.myopConfig) == null ? void 0 : j.componentId, m = Ct();
+  var y, S, j;
+  const n = ye(), a = !!(n != null && n.email), f = ((y = d.myopConfig) == null ? void 0 : y.name) || ((S = d.myopConfig) == null ? void 0 : S.componentName), c = (j = d.myopConfig) == null ? void 0 : j.componentId, m = $t();
   console.log(`
 ┌─────────────────────────────────────────────────┐`), console.log("│                                                 │"), console.log("│   Welcome to Myop CLI - Remote UI Made Easy     │"), console.log("│                                                 │"), console.log(`└─────────────────────────────────────────────────┘
-`), e && u ? (console.log(`  Component:  ${u}`), c ? (console.log(`  ID:         ${c}`), console.log(`  Dashboard:  https://dashboard.myop.dev/dashboard/2.0/component/${c}`)) : console.log("  ID:         (not yet pushed)")) : console.log("  Component:  No myop.config.json found"), console.log(`  User:       ${a ? n.email : "Not logged in"}`), m != null && m.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")) : m != null && m.notARepo ? console.log("  Changes:    Not a git repository") : m && (m.insertions > 0 || m.deletions > 0) ? console.log(`  Changes:    ${m.files} file${m.files !== 1 ? "s" : ""} | \x1B[32m+${m.insertions}\x1B[0m \x1B[31m-${m.deletions}\x1B[0m`) : m && console.log("  Changes:    No uncommitted changes"), console.log("");
-  const b = [
+`), e && f ? (console.log(`  Component:  ${f}`), c ? (console.log(`  ID:         ${c}`), console.log(`  Dashboard:  https://dashboard.myop.dev/dashboard/2.0/component/${c}`)) : console.log("  ID:         (not yet pushed)")) : console.log("  Component:  No myop.config.json found"), console.log(`  User:       ${a ? n.email : "Not logged in"}`), m != null && m.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")) : m != null && m.notARepo ? console.log("  Changes:    Not a git repository") : m && (m.insertions > 0 || m.deletions > 0) ? console.log(`  Changes:    ${m.files} file${m.files !== 1 ? "s" : ""} | \x1B[32m+${m.insertions}\x1B[0m \x1B[31m-${m.deletions}\x1B[0m`) : m && console.log("  Changes:    No uncommitted changes"), console.log("");
+  const I = [
     {
       emoji: "🚀",
       label: "Initialize new component",
@@ -1619,25 +1624,25 @@ const Ct = () => {
     },
     {
       emoji: "📦",
-      label: u ? `Push "${u}"` : "Push component",
+      label: f ? `Push "${f}"` : "Push component",
       value: "sync",
       help: "Builds project & uploads dist/index.html to Myop",
       disabled: e ? a ? !1 : "(login required)" : "(no config file)"
     },
     {
       emoji: "🛠️ ",
-      label: u ? `Start dev mode for "${u}"` : "Start dev mode",
+      label: f ? `Start dev mode for "${f}"` : "Start dev mode",
       value: "dev",
       help: "Starts dev server with HMR for instant preview of changes",
       disabled: e ? !1 : "(no config file)"
     }
-  ].map((S) => ({
-    name: o && !S.disabled ? `${S.emoji} ${S.label}
-     ${S.help}` : `${S.emoji} ${S.label}`,
-    value: S.value,
-    disabled: S.disabled
+  ].map((v) => ({
+    name: o && !v.disabled ? `${v.emoji} ${v.label}
+     ${v.help}` : `${v.emoji} ${v.label}`,
+    value: v.value,
+    disabled: v.disabled
   }));
-  b.push(
+  I.push(
     new me(),
     {
       name: o && a ? `🔓 Logout (${n.email})
@@ -1655,29 +1660,29 @@ const Ct = () => {
       value: "exit"
     }
   );
-  let f;
+  let u;
   try {
-    f = await Ie({
+    u = await Ie({
       message: "What would you like to do?",
-      choices: b
+      choices: I
     });
-  } catch (S) {
-    throw S.name === "ExitPromptError" && (console.log(`
+  } catch (v) {
+    throw v.name === "ExitPromptError" && (console.log(`
 👋 Goodbye!
-`), process.exit(0)), S;
+`), process.exit(0)), v;
   }
-  switch (f) {
+  switch (u) {
     case "init":
-      await $t();
+      await Mt();
       break;
     case "sync":
       console.log(`
 Running sync...
 `);
-      const { execSync: S } = await import("child_process");
+      const { execSync: v } = await import("child_process");
       try {
-        S("node " + process.argv[1] + " sync", { stdio: "inherit" });
+        v("node " + process.argv[1] + " sync", { stdio: "inherit" });
       } catch {
       }
       await B(!0, o);
@@ -1703,13 +1708,13 @@ Running sync...
     case "exit":
       process.exit(0);
   }
-}, $t = async () => {
-  const { input: e, select: o } = await import("@inquirer/prompts"), n = await import("fs"), u = (await import("path")).default.basename(process.cwd());
+}, Mt = async () => {
+  const { input: e, select: o } = await import("@inquirer/prompts"), n = await import("fs"), f = (await import("path")).default.basename(process.cwd());
   let c, m;
   try {
     c = await e({
       message: "Component name:",
-      default: u
+      default: f
     }), m = await o({
       message: "Component type:",
       choices: [
@@ -1719,21 +1724,21 @@ Running sync...
         { name: "🅰️  Angular", value: "angular", disabled: "(coming soon)" }
       ]
     });
-  } catch (f) {
-    throw f.name === "ExitPromptError" && (console.log(`
+  } catch (u) {
+    throw u.name === "ExitPromptError" && (console.log(`
 👋 Goodbye!
-`), process.exit(0)), f;
+`), process.exit(0)), u;
   }
-  const x = {
+  const w = {
     name: c,
     type: m,
     author: "@myop-cli"
-  }, b = d.program.getOptionValue("config") || "./myop.config.json";
+  }, I = d.program.getOptionValue("config") || "./myop.config.json";
   try {
-    n.writeFileSync(b, JSON.stringify(x, null, 2)), console.log(`
-✅ Created ${b}`);
-    const f = {
+    n.writeFileSync(I, JSON.stringify(w, null, 2)), console.log(`
+✅ Created ${I}`);
+    const u = {
       name: c.toLowerCase().replace(/\s+/g, "-"),
       version: "1.0.0",
       type: "module",
@@ -1745,7 +1750,7 @@ Running sync...
         esbuild: "^0.24.0"
       }
     };
-    n.writeFileSync("package.json", JSON.stringify(f, null, 2)), console.log("✅ Created package.json"), n.mkdirSync("src/modules", { recursive: !0 }), n.mkdirSync("src/styles", { recursive: !0 }), n.writeFileSync("build.js", `import * as esbuild from 'esbuild';
+    n.writeFileSync("package.json", JSON.stringify(u, null, 2)), console.log("✅ Created package.json"), n.mkdirSync("src/modules", { recursive: !0 }), n.mkdirSync("src/styles", { recursive: !0 }), n.writeFileSync("build.js", `import * as esbuild from 'esbuild';
 import fs from 'fs';
 import path from 'path';
@@ -1825,7 +1830,7 @@ fs.writeFileSync('dist/index.html', html);
 console.log('✅ Built dist/index.html');
 console.log(\`   Bundled \${jsFiles.length} JS modules, \${cssFiles.length} CSS files\`);
 `), console.log("✅ Created build.js");
-    const w = `<!DOCTYPE html>
+    const S = `<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
@@ -1842,7 +1847,7 @@ console.log(\`   Bundled \${jsFiles.length} JS modules, \${cssFiles.length} CSS
 </body>
 </html>
 `;
-    n.writeFileSync("index.html", w), console.log("✅ Created index.html");
+    n.writeFileSync("index.html", S), console.log("✅ Created index.html");
     const j = `// ${c} - Entry Point
 import { init } from './modules/app.js';
 import { setupMyopInterface } from './modules/myop.js';
@@ -1853,7 +1858,7 @@ document.addEventListener('DOMContentLoaded', () => {
 });
 `;
     n.writeFileSync("src/index.js", j), console.log("✅ Created src/index.js");
-    const S = `// ${c} - Main Application Logic
+    const v = `// ${c} - Main Application Logic
 export function init() {
     console.log('${c} loaded');
@@ -1861,7 +1866,7 @@ export function init() {
     // Your component logic here
 }
 `;
-    n.writeFileSync("src/modules/app.js", S), console.log("✅ Created src/modules/app.js"), n.writeFileSync("src/modules/myop.js", `// Myop Interface - Communication with host app
+    n.writeFileSync("src/modules/app.js", v), console.log("✅ Created src/modules/app.js"), n.writeFileSync("src/modules/myop.js", `// Myop Interface - Communication with host app
 export function setupMyopInterface() {
     // Called when host app sends data to this component
@@ -1882,7 +1887,7 @@ export function setupMyopInterface() {
 @import './main.css';
 `;
     n.writeFileSync("src/styles/index.css", z), console.log("✅ Created src/styles/index.css");
-    const v = `/* ${c} - Main Styles */
+    const x = `/* ${c} - Main Styles */
 * {
     box-sizing: border-box;
@@ -1911,49 +1916,49 @@ p {
     line-height: 1.5;
 }
 `;
-    n.writeFileSync("src/styles/main.css", v), console.log("✅ Created src/styles/main.css"), console.log(`
+    n.writeFileSync("src/styles/main.css", x), console.log("✅ Created src/styles/main.css"), console.log(`
 📦 Next steps:`), console.log("  1. npm install"), console.log("  2. npm run build"), console.log(`  3. myop sync
-`), d.myopConfig = x, await B(!0);
-  } catch (f) {
-    console.error(`Failed to initialize component: ${f.message}`), process.exit(1);
+`), d.myopConfig = w, await B(!0);
+  } catch (u) {
+    console.error(`Failed to initialize component: ${u.message}`), process.exit(1);
   }
 };
 d.program.command("default", { isDefault: !0 }).action(async () => {
-  if (d.program.getOptionValue("help") && (console.log(Xe), process.exit()), d.program.getOptionValue("ci")) {
-    const c = await import("fs"), m = d.program.getOptionValue("config") || "./myop.config.json", x = d.program.version(), b = ye();
-    let f = { found: !1 };
+  if (d.program.getOptionValue("help") && (console.log(Qe), process.exit()), d.program.getOptionValue("ci")) {
+    const m = await import("fs"), w = d.program.getOptionValue("config") || "./myop.config.json", I = d.program.version(), u = ye();
+    let y = { found: !1 };
     try {
-      if (c.existsSync(m)) {
-        const w = c.readFileSync(m, "utf-8"), j = JSON.parse(w);
-        f = {
+      if (m.existsSync(w)) {
+        const j = m.readFileSync(w, "utf-8"), v = JSON.parse(j);
+        y = {
           found: !0,
-          path: m,
-          name: j.name || j.componentName || null,
-          componentId: j.componentId || null,
-          organization: j.organization || null
+          path: w,
+          name: v.name || v.componentName || null,
+          componentId: v.componentId || null,
+          organization: v.organization || null
         };
       }
-    } catch (w) {
-      f = { found: !1, error: w.message };
+    } catch (j) {
+      y = { found: !1, error: j.message };
     }
-    const y = {
-      version: x,
-      config: f,
+    const S = {
+      version: I,
+      config: y,
       auth: {
-        loggedIn: !!(b != null && b.email),
-        email: (b == null ? void 0 : b.email) || null
+        loggedIn: !!(u != null && u.email),
+        email: (u == null ? void 0 : u.email) || null
       }
     };
-    console.log(JSON.stringify(y, null, 2)), process.exit(0);
+    console.log(JSON.stringify(S, null, 2)), process.exit(0);
   }
   let n = F({
     text: "Loading Myop CLI...",
     color: "green"
   }).start();
   const a = le();
-  await St(500), n.stop();
-  const u = d.program.version();
-  await xt(u), await B(a.configFound);
+  await bt(500), n.stop();
+  const f = d.program.version();
+  await St(f) || await B(a.configFound);
 });
 d.program.parse(process.argv);
 d.program.opts();