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

@myop/cli 0.1.14 → 0.1.16

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 +358 -315
package/package.json +1 -1

package/dist/myop-cli.js CHANGED Viewed

@@ -1,16 +1,16 @@
 #!/usr/bin/env node
 import F from "ora";
-import { select as Oe, Separator as me } from "@inquirer/prompts";
-import { Command as Ve, Option as ae } from "commander";
-import { execSync as se } from "child_process";
+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 Z from "path";
 import A from "fs";
 import fe from "crypto";
-import We from "http";
-import { URL as Ie, URLSearchParams as je } from "url";
-import Ge from "open";
-import Ye from "os";
-const Ke = `
+import Ge from "http";
+import { URL as je, URLSearchParams as Pe } from "url";
+import Ye from "open";
+import Ke from "os";
+const Xe = `
 Usage: myop [OPTIONS] COMMAND [ARGS]...
 A powerful command-line interface for managing your Myop projects.
@@ -52,7 +52,7 @@ Examples:
     verbose: !1
   },
   myopConfig: null
-}, ke = {
+}, _e = {
   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();
   }
-}, Xe = (e) => {
+}, Qe = (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);
@@ -79,7 +79,7 @@ Examples:
     throw console.info(`error ${a} while writing to ${n}, JSON: ${o}`), console.log(`
 ⚠️ Failed write config file to ${n}, for more info use verbose flag`), a;
   }
-}, Pe = {
+}, Ee = {
   name: "🌟 Add flow definition to your project",
   value: "addFlow",
   description: "Adds flow to yours myop.config.json",
@@ -88,7 +88,7 @@ Examples:
   },
   action: async () => {
   }
-}, _e = {
+}, Ne = {
   name: "🚫 Remove flow definition from your project",
   value: "removeFlow",
   description: "Removes flow to yours myop.config.json",
@@ -97,36 +97,36 @@ Examples:
   },
   action: () => {
   }
-}, Qe = {
+}, Ze = {
   name: "👋 Quit",
   value: "quit",
   description: "Quit and continue coding.",
   action: () => {
     process.exit();
   }
-}, Ze = {
+}, qe = {
   name: "🟢 Create new component",
   value: "-",
   disabled: "(not available yet)"
-}, qe = {
+}, et = {
   name: "🔵 Create new experience",
   value: "-",
   disabled: "(not available yet)"
-}, et = {
+}, tt = {
   name: "🟡 Create new skin",
   value: "-",
   disabled: "(not available yet)"
-}, tt = {
+}, ot = {
   name: "🔴 Create new flow",
   value: "-",
   disabled: "(not available yet)"
-}, ot = {
+}, nt = {
   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)"
-}, nt = [ot, Ze, qe, et, tt];
-function st(e, o, n, a) {
+}, st = [nt, qe, et, tt, ot];
+function rt(e, o, n, a) {
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -216,7 +216,7 @@ ${a}
 </body>
 </html>`;
 }
-async function Ne() {
+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");
   let c;
   if (import.meta.url.startsWith("file://")) {
@@ -224,13 +224,13 @@ async function Ne() {
     c = o.default.dirname(s);
   } else
     c = o.default.dirname(import.meta.url);
-  const m = o.default.join(c, "commands", "dev", "management-website"), S = e.default.readFileSync(o.default.join(m, "styles.css"), "utf-8"), x = e.default.readFileSync(o.default.join(m, "app.js"), "utf-8"), g = 9292, y = 9293, w = "./dist";
-  let j = !1, $ = !1;
-  const T = /* @__PURE__ */ new Map(), z = d.program.getOptionValue("config") || "./myop.config.json";
-  let v, _, h = !1;
+  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 k = /* @__PURE__ */ new Map(), z = d.program.getOptionValue("config") || "./myop.config.json";
+  let v, E, h = !1;
   try {
     const s = e.default.readFileSync(z, "utf-8"), t = JSON.parse(s);
-    v = t.componentId || "DEV", _ = t.componentName || t.name || null, h = t.HMR === !0, h && console.log("🔥 HMR enabled");
+    v = 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);
   }
@@ -239,15 +239,15 @@ async function Ne() {
       return v;
     try {
       const t = ((await new Promise((l, p) => {
-        const f = {
+        const g = {
           hostname: "localhost",
           port: y,
           path: "/_list",
           method: "GET",
           timeout: 1e3
-        }, O = a.default.request(f, (k) => {
+        }, O = a.default.request(g, (P) => {
           let H = "";
-          k.on("data", (J) => H += J), k.on("end", () => {
+          P.on("data", (L) => H += L), P.on("end", () => {
             try {
               l(JSON.parse(H));
             } catch {
@@ -263,8 +263,8 @@ async function Ne() {
         return "DEV1";
       const r = t.map((l) => {
         if (l === "DEV" || l === "NEW") return 1;
-        const p = l.match(/^DEV(\d+)$/), f = l.match(/^NEW(\d+)$/);
-        return p ? parseInt(p[1], 10) : f ? parseInt(f[1], 10) : 0;
+        const p = l.match(/^DEV(\d+)$/), g = l.match(/^NEW(\d+)$/);
+        return p ? parseInt(p[1], 10) : g ? parseInt(g[1], 10) : 0;
       }).filter((l) => l > 0);
       return `DEV${Math.max(...r, 0) + 1}`;
     } catch {
@@ -283,7 +283,7 @@ async function Ne() {
       ".svg": "image/svg+xml",
       ".ico": "image/x-icon"
     }[t] || "application/octet-stream";
-  }, b = /* @__PURE__ */ new Map(), q = [], Fe = 50, D = [], V = /* @__PURE__ */ new Map(), U = /* @__PURE__ */ new Map(), Ae = (s, t, r) => {
+  }, C = /* @__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");
       t.write(
@@ -294,30 +294,30 @@ Sec-WebSocket-Accept: ${p}\r
 \r
 `
       ), U.has(i) || U.set(i, /* @__PURE__ */ new Set()), U.get(i).add(t), console.log(`🔌 HMR client connected: ${i}`), t.on("close", () => {
-        const f = U.get(i);
-        f && (f.delete(t), f.size === 0 && U.delete(i)), console.log(`🔌 HMR client disconnected: ${i}`);
+        const g = U.get(i);
+        g && (g.delete(t), g.size === 0 && U.delete(i)), console.log(`🔌 HMR client disconnected: ${i}`);
       }), t.on("error", () => {
-        const f = U.get(i);
-        f && f.delete(t);
+        const g = U.get(i);
+        g && g.delete(t);
       });
     }
-  }, le = a.default.createServer((s, t) => {
+  }, de = a.default.createServer((s, t) => {
     if (t.setHeader("Content-Type", "application/json"), s.method === "POST" && s.url === "/_register") {
       let r = "";
       s.on("data", (i) => r += i), s.on("end", () => {
         try {
           const { componentId: i, distPath: l, componentName: p } = JSON.parse(r);
-          b.set(i, { path: l, name: p || null });
-          const f = p ? ` (${p})` : "";
-          console.log(`✅ Registered: ${i}${f} -> ${l}`), t.writeHead(200), t.end(JSON.stringify({ success: !0, registered: Array.from(b.keys()) }));
-          const O = Array.from(b.entries()).map(([k, H]) => ({
-            id: k,
+          C.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,
             path: H.path,
             name: H.name
           }));
-          D.forEach((k) => {
+          D.forEach((P) => {
             try {
-              k.write(`data: ${JSON.stringify({
+              P.write(`data: ${JSON.stringify({
                 type: "components",
                 components: O
               })}
@@ -335,11 +335,11 @@ Sec-WebSocket-Accept: ${p}\r
       s.on("data", (i) => r += i), s.on("end", () => {
         try {
           const { componentId: i } = JSON.parse(r);
-          b.delete(i), console.log(`❌ Unregistered: ${i}`), t.writeHead(200), t.end(JSON.stringify({ success: !0 }));
-          const l = Array.from(b.entries()).map(([p, f]) => ({
+          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]) => ({
             id: p,
-            path: f.path,
-            name: f.name
+            path: g.path,
+            name: g.name
           }));
           D.forEach((p) => {
             try {
@@ -356,52 +356,52 @@ 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(b.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(C.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:${g}`), i = r.pathname, l = i.split("/").filter((P) => P);
+    const r = new URL(s.url, `http://localhost:${f}`), i = r.pathname, l = i.split("/").filter((_) => _);
     if (i.startsWith("/consume")) {
-      const P = r.searchParams.get("id");
-      if (!P) {
+      const _ = r.searchParams.get("id");
+      if (!_) {
         t.writeHead(400, { "Content-Type": "application/json" }), t.end(JSON.stringify({ error: "Component ID required. Use /consume?id=<componentId>" }));
         return;
       }
-      const R = b.get(P), L = R ? R.path : null, Me = (W) => {
-        let C = "Unknown", E = "Unknown";
+      const R = C.get(_), J = R ? R.path : null, Oe = (W) => {
+        let $ = "Unknown", T = "Unknown";
         if (s.headers.referer || s.headers.referrer) {
           const I = s.headers.referer || s.headers.referrer;
           try {
             const G = new URL(I);
-            C = G.origin, E = G.hostname || G.origin;
+            $ = G.origin, T = G.hostname || G.origin;
           } catch {
-            C = I, E = I;
+            $ = I, T = I;
           }
         } else if (s.headers.origin)
           try {
             const I = new URL(s.headers.origin);
-            C = I.origin, E = I.hostname || I.origin;
+            $ = I.origin, T = I.hostname || I.origin;
           } catch {
-            C = s.headers.origin, E = s.headers.origin;
+            $ = 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" ? (C = "localhost", E = "localhost (direct)") : (C = I, E = I.replace("::ffff:", ""));
+          I === "::1" || I === "::ffff:127.0.0.1" ? ($ = "localhost", T = "localhost (direct)") : ($ = I, T = I.replace("::ffff:", ""));
         }
-        const pe = s.headers.referer || s.headers.referrer || C, oe = {
+        const pe = s.headers.referer || s.headers.referrer || $, ne = {
           type: "request",
-          componentId: P,
+          componentId: _,
           timestamp: Date.now(),
           servedLocally: W,
           referrer: pe,
-          origin: C,
-          originLabel: E
+          origin: $,
+          originLabel: T
         };
-        V.has(C) || (V.set(C, {
-          url: C,
-          label: E,
+        V.has($) || (V.set($, {
+          url: $,
+          label: T,
           firstSeen: Date.now(),
           requestCount: 0
         }), D.forEach((I) => {
@@ -415,8 +415,8 @@ Sec-WebSocket-Accept: ${p}\r
           } catch {
           }
         }));
-        const ze = V.get(C);
-        ze.requestCount++, D.forEach((I) => {
+        const Ve = V.get($);
+        Ve.requestCount++, D.forEach((I) => {
           try {
             I.write(`data: ${JSON.stringify({
               type: "origins",
@@ -426,26 +426,26 @@ Sec-WebSocket-Accept: ${p}\r
 `);
           } catch {
           }
-        }), q.push(oe), q.length > Fe && q.shift(), D.forEach((I) => {
+        }), q.push(ne), q.length > Ae && q.shift(), D.forEach((I) => {
           try {
-            I.write(`data: ${JSON.stringify(oe)}
+            I.write(`data: ${JSON.stringify(ne)}
 `);
           } catch {
           }
         });
       };
-      if (L) {
-        const W = o.default.join(L, "index.html");
-        e.default.readFile(W, "utf-8", (C, E) => {
-          if (C) {
+      if (J) {
+        const W = o.default.join(J, "index.html");
+        e.default.readFile(W, "utf-8", ($, T) => {
+          if ($) {
             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)}`, oe = {
+          const pe = `dev-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, ne = {
             item: {
-              name: P,
-              id: P,
+              name: _,
+              id: _,
               consume_variant: [
                 {
                   id: pe,
@@ -453,27 +453,27 @@ Sec-WebSocket-Accept: ${p}\r
                   loader: {
                     type: "HTMLLoader",
                     shadowRootMode: "localFrame",
-                    HTML: E
+                    HTML: T
                   }
                 }
               ]
             }
           };
-          console.log(`✅ Serving consume JSON for: ${P}`), Me(!0), t.writeHead(200, {
+          console.log(`✅ Serving consume JSON for: ${_}`), Oe(!0), t.writeHead(200, {
             "Content-Type": "application/json",
             "Access-Control-Allow-Origin": "*"
-          }), t.end(JSON.stringify(oe, null, 2));
+          }), t.end(JSON.stringify(ne, null, 2));
         });
       } else {
-        console.log(`📡 Proxying consume request to cloud.myop.dev for: ${P}`);
+        console.log(`📡 Proxying consume request to cloud.myop.dev for: ${_}`);
         const W = `https://cloud.myop.dev/consume${r.search}`;
-        Me(!1), fetch(W).then((C) => C.text()).then((C) => {
+        Oe(!1), fetch(W).then(($) => $.text()).then(($) => {
           t.writeHead(200, {
             "Content-Type": "application/json",
             "Access-Control-Allow-Origin": "*"
-          }), 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" }));
+          }), 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" }));
         });
       }
       return;
@@ -485,14 +485,14 @@ Sec-WebSocket-Accept: ${p}\r
         Connection: "keep-alive",
         "Access-Control-Allow-Origin": "*"
       }), D.push(t);
-      const P = Array.from(b.entries()).map(([R, L]) => ({
+      const _ = Array.from(C.entries()).map(([R, J]) => ({
         id: R,
-        path: L.path,
-        name: L.name
+        path: J.path,
+        name: J.name
       }));
       t.write(`data: ${JSON.stringify({
         type: "components",
-        components: P
+        components: _
       })}
 `), 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(st(g, y, S, x));
+      t.writeHead(200, { "Content-Type": "text/html" }), t.end(rt(f, y, x, b));
       return;
     }
     if (l[0] !== "view") {
@@ -523,20 +523,20 @@ 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], f = b.get(p);
-    if (!f) {
+    const p = l[1], g = C.get(p);
+    if (!g) {
       t.writeHead(404, { "Content-Type": "text/plain" }), t.end(`Component not found: ${p}`);
       return;
     }
-    const O = f.path, k = l.slice(2), H = k.length === 0 ? "index.html" : k.join("/"), J = o.default.join(O, H);
-    console.log(`📥 Request: ${s.url} -> ${J}`), e.default.readFile(J, (P, R) => {
-      if (P) {
-        console.log(`❌ File not found: ${J}`), t.writeHead(404, { "Content-Type": "text/plain" }), t.end("Not Found");
+    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 (_) {
+        console.log(`❌ File not found: ${L}`), t.writeHead(404, { "Content-Type": "text/plain" }), t.end("Not Found");
         return;
       }
-      const L = K(J);
-      console.log(`✅ Serving: ${J} (${L})`), t.writeHead(200, {
-        "Content-Type": L,
+      const J = K(L);
+      console.log(`✅ Serving: ${L} (${J})`), t.writeHead(200, {
+        "Content-Type": J,
         "Access-Control-Allow-Origin": "*"
       }), t.end(R);
     });
@@ -544,7 +544,7 @@ Sec-WebSocket-Accept: ${p}\r
     const r = JSON.stringify({
       componentId: v,
       distPath: o.default.resolve(N, w),
-      componentName: _
+      componentName: E
     }), i = {
       hostname: "localhost",
       port: y,
@@ -555,13 +555,13 @@ Sec-WebSocket-Accept: ${p}\r
         "Content-Length": Buffer.byteLength(r)
       }
     }, l = a.default.request(i, (p) => {
-      let f = "";
-      p.on("data", (O) => f += O), p.on("end", () => {
-        p.statusCode === 200 ? s(JSON.parse(f)) : t(new Error(`Registration failed: ${p.statusCode}`));
+      let g = "";
+      p.on("data", (O) => g += O), 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();
-  }), De = () => new Promise((s, t) => {
+  }), He = () => new Promise((s, t) => {
     const r = JSON.stringify({ componentId: v }), i = {
       hostname: "localhost",
       port: y,
@@ -575,7 +575,7 @@ Sec-WebSocket-Accept: ${p}\r
       s();
     });
     l.on("error", () => s()), l.write(r), l.end();
-  }), He = () => {
+  }), Le = () => {
     if (!h) return;
     const s = o.default.join(w, "index.html");
     try {
@@ -714,7 +714,7 @@ Sec-WebSocket-Accept: ${p}\r
       // 64-bit length
       t
     ]), i;
-  }, Le = () => {
+  }, Ue = () => {
     if (!h) return;
     const s = U.get(v);
     if (!s || s.size === 0)
@@ -724,8 +724,8 @@ Sec-WebSocket-Accept: ${p}\r
     try {
       let r = e.default.readFileSync(t, "utf-8");
       if (r.includes("<!-- MYOP HMR -->")) {
-        const p = r.indexOf("<!-- MYOP HMR -->"), f = r.indexOf("<\/script>", p) + 9;
-        r = r.slice(0, p) + r.slice(f);
+        const p = r.indexOf("<!-- MYOP HMR -->"), g = r.indexOf("<\/script>", p) + 9;
+        r = r.slice(0, p) + r.slice(g);
       }
       const i = JSON.stringify({
         type: "update",
@@ -741,27 +741,40 @@ Sec-WebSocket-Accept: ${p}\r
     } catch (r) {
       console.error("❌ Failed to read HTML for HMR:", r.message);
     }
-  }, de = () => {
+  };
+  let xe = !1;
+  const te = () => {
     if (j) {
-      $ = !0;
+      S = !0;
       return;
     }
     j = !0, console.log(`
 🔨 Building...`), n("npm run build", (s, t, r) => {
-      j = !1, s ? (console.error("❌ Build failed:", s.message), r && console.error(r)) : (console.log("✅ Build completed"), t && console.log(t), He(), Le()), $ && ($ = !1, de());
+      if (j = !1, s) {
+        const i = s.message + (r || "");
+        if (!xe && i.includes("ERR_MODULE_NOT_FOUND") && i.includes("esbuild")) {
+          xe = !0, console.log("📦 Missing dependencies detected, running npm install..."), n("npm install", (l, p, g) => {
+            l ? (console.error("❌ Failed to install dependencies:", l.message), g && console.error(g)) : (console.log("✅ Dependencies installed"), te());
+          });
+          return;
+        }
+        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());
     });
-  }, Se = /* @__PURE__ */ new Set(), xe = (s) => {
+  }, Se = /* @__PURE__ */ new Set(), be = (s) => {
     e.default.readdir(s, { withFileTypes: !0 }, (t, r) => {
       t || (r.forEach((i) => {
         const l = o.default.join(s, i.name);
         if (i.isDirectory())
-          i.name !== "node_modules" && i.name !== "dist" && !i.name.startsWith(".") && xe(l);
+          i.name !== "node_modules" && i.name !== "dist" && !i.name.startsWith(".") && be(l);
         else if (i.isFile()) {
           const p = o.default.extname(i.name);
           if (p === ".js" || p === ".css" || p === ".html")
             try {
-              const f = e.default.readFileSync(l, "utf-8");
-              T.set(l, f);
+              const g = e.default.readFileSync(l, "utf-8");
+              k.set(l, g);
             } catch {
             }
         }
@@ -769,21 +782,21 @@ Sec-WebSocket-Accept: ${p}\r
         if (!l) return;
         const p = o.default.extname(l);
         if (p !== ".js" && p !== ".css" && p !== ".html") return;
-        const f = o.default.join(s, l);
+        const g = o.default.join(s, l);
         setTimeout(() => {
           try {
-            const O = e.default.readFileSync(f, "utf-8"), k = T.get(f);
-            O !== k && (T.set(f, O), console.log(`📝 File changed: ${f}`), de());
+            const O = e.default.readFileSync(g, "utf-8"), P = k.get(g);
+            O !== P && (k.set(g, O), console.log(`📝 File changed: ${g}`), te());
           } catch {
           }
         }, 50);
       })));
     });
-  }, be = () => {
+  }, Ce = () => {
     console.log(`
-🔨 Component: ${v}`), de(), xe(N), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
+🔨 Component: ${v}`), te(), be(N), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
 `);
-  }, Ue = () => new Promise((s) => {
+  }, Be = () => new Promise((s) => {
     const t = {
       hostname: "localhost",
       port: y,
@@ -796,16 +809,16 @@ Sec-WebSocket-Accept: ${p}\r
     r.on("error", () => s(!1)), r.on("timeout", () => {
       r.destroy(), s(!1);
     }), r.end();
-  }), Be = () => new Promise((s) => {
+  }), ze = () => new Promise((s) => {
     const t = a.default.createServer((r, i) => {
       if (i.setHeader("Content-Type", "application/json"), r.method === "POST" && r.url === "/_register") {
         let l = "";
         r.on("data", (p) => l += p), r.on("end", () => {
           try {
-            const { componentId: p, distPath: f, componentName: O } = JSON.parse(l);
-            b.set(p, { path: f, name: O || null });
-            const k = O ? ` (${O})` : "";
-            console.log(`✅ Registered: ${p}${k} -> ${f}`), i.writeHead(200), i.end(JSON.stringify({ success: !0, registered: Array.from(b.keys()) }));
+            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()) }));
           } catch (p) {
             i.writeHead(400), i.end(JSON.stringify({ error: p.message }));
           }
@@ -815,12 +828,12 @@ Sec-WebSocket-Accept: ${p}\r
         r.on("data", (p) => l += p), r.on("end", () => {
           try {
             const { componentId: p } = JSON.parse(l);
-            b.delete(p), console.log(`❌ Unregistered: ${p}`), i.writeHead(200), i.end(JSON.stringify({ success: !0 }));
+            C.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(b.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(C.entries()) }))) : (i.writeHead(404), i.end(JSON.stringify({ error: "Not found" })));
     });
     t.on("error", () => {
       s(!1);
@@ -828,62 +841,62 @@ 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(g, () => {
-        console.log(`📡 Main server running at http://localhost:${g}`), b.set(v, {
+      }), ee.listen(f, () => {
+        console.log(`📡 Main server running at http://localhost:${f}`), C.set(v, {
           path: o.default.resolve(N, w),
-          name: _
+          name: E
         });
-        const r = _ ? ` (${_})` : "";
-        console.log(`✅ Registered component: ${v}${r}`), console.log(`📡 Access at: http://localhost:${g}/view/${v}/`), s(!0);
+        const r = E ? ` (${E})` : "";
+        console.log(`✅ Registered component: ${v}${r}`), console.log(`📡 Access at: http://localhost:${f}/view/${v}/`), s(!0);
       });
     });
   });
-  let te;
-  const Ce = () => {
-    te = setInterval(async () => {
-      await Ue() || (clearInterval(te), console.log(`
-⚠️  Server appears to be down, attempting to take over...`), await Be() ? console.log("✅ Successfully took over as server") : (console.log("ℹ️  Another instance took over, re-registering..."), setTimeout(async () => {
+  let oe;
+  const $e = () => {
+    oe = setInterval(async () => {
+      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}`), Ce();
+          await ve(), console.log(`✅ Re-registered component: ${v}`), $e();
         } catch (r) {
           console.error("❌ Failed to re-register:", r.message);
         }
       }, 2e3)));
     }, 3e3);
-  }, $e = async () => {
+  }, Me = async () => {
     console.log(`
-🛑 Shutting down...`), te && clearInterval(te), await De(), process.exit(0);
+🛑 Shutting down...`), oe && clearInterval(oe), await He(), process.exit(0);
   };
-  process.on("SIGINT", $e), process.on("SIGTERM", $e), le.on("error", async (s) => {
+  process.on("SIGINT", Me), process.on("SIGTERM", Me), de.on("error", async (s) => {
     if (s.code === "EADDRINUSE") {
       console.log(`
 🔗 Connecting to existing dev server...`);
       try {
         v = await M();
         const t = await ve();
-        console.log(`✅ Registered component: ${v}`), console.log(`📡 Access at: http://localhost:${g}/view/${v}/`), console.log(`📋 All registered components: ${t.registered.join(", ")}`), be(), Ce();
+        console.log(`✅ Registered component: ${v}`), console.log(`📡 Access at: http://localhost:${f}/view/${v}/`), console.log(`📋 All registered components: ${t.registered.join(", ")}`), Ce(), $e();
       } catch (t) {
         console.error("❌ Failed to register component:", t.message), process.exit(1);
       }
     } else
       console.error("❌ Management server error:", s.message), process.exit(1);
-  }), le.on("upgrade", Ae), le.listen(y, async () => {
+  }), de.on("upgrade", De), de.listen(y, async () => {
     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(g, async () => {
-      console.log(`📡 Main server running at http://localhost:${g}`), (v === "DEV" || v === "NEW") && (v = "DEV1"), b.set(v, {
+    }), 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),
-        name: _
+        name: E
       });
-      const s = _ ? ` (${_})` : "";
-      console.log(`✅ Registered component: ${v}${s}`), console.log(`📡 Access at: http://localhost:${g}/view/${v}/`), be();
+      const s = E ? ` (${E})` : "";
+      console.log(`✅ Registered component: ${v}${s}`), console.log(`📡 Access at: http://localhost:${f}/view/${v}/`), Ce();
     });
   });
 }
-const ue = Z.join(Ye.homedir(), ".myop"), Q = Z.join(ue, "credentials.json");
-function rt() {
+const ue = Z.join(Ke.homedir(), ".myop"), Q = Z.join(ue, "credentials.json");
+function it() {
   A.existsSync(ue) || A.mkdirSync(ue, { recursive: !0, mode: 448 });
 }
 function he() {
@@ -897,7 +910,7 @@ function he() {
   }
 }
 function Te(e) {
-  rt();
+  it();
   const o = {
     ...e,
     savedAt: (/* @__PURE__ */ new Date()).toISOString()
@@ -907,14 +920,14 @@ function Te(e) {
     // Read/write for owner only
   });
 }
-function Ee() {
+function Re() {
   try {
     return A.existsSync(Q) && A.unlinkSync(Q), !0;
   } catch (e) {
     return console.error("Failed to clear credentials:", e.message), !1;
   }
 }
-function it(e) {
+function at(e) {
   if (!e || !e.expiresAt)
     return !0;
   const o = 5 * 60 * 1e3, n = new Date(e.expiresAt).getTime();
@@ -927,19 +940,19 @@ function ye() {
     userId: e.userId
   } : null;
 }
-const Y = process.env.MYOP_MCP_URL || "https://mcp.myop.dev", re = 19284, we = `http://localhost:${re}/callback`, at = "myop-cli";
-function ct() {
+const Y = process.env.MYOP_MCP_URL || "https://mcp.myop.dev", ie = 19284, we = `http://localhost:${ie}/callback`, ct = "myop-cli";
+function lt() {
   return fe.randomBytes(32).toString("base64url");
 }
-function lt(e) {
+function dt(e) {
   return fe.createHash("sha256").update(e).digest("base64url");
 }
-async function dt() {
+async function pt() {
   const e = await fetch(`${Y}/oauth/register`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({
-      client_name: at,
+      client_name: ct,
       redirect_uris: [we],
       grant_types: ["authorization_code", "refresh_token"],
       response_types: ["code"]
@@ -951,7 +964,7 @@ async function dt() {
   }
   return e.json();
 }
-function ne(e, o, n, a = null) {
+function se(e, o, n, a = null) {
   const u = {
     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"/>
@@ -969,7 +982,7 @@ function ne(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: S } = c[e] || c.error;
+  }, { accent: m, glow: x } = c[e] || c.error;
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -1062,7 +1075,7 @@ function ne(e, o, n, a = null) {
             display: inline-flex;
             align-items: center;
             gap: 8px;
-            background: ${S};
+            background: ${x};
             border: 1px solid ${m}33;
             border-radius: 4px;
             padding: 10px 16px;
@@ -1117,23 +1130,23 @@ function ne(e, o, n, a = null) {
 </body>
 </html>`;
 }
-function pt(e) {
+function mt(e) {
   return new Promise((o, n) => {
-    const a = We.createServer((u, c) => {
-      const m = new Ie(u.url, `http://localhost:${re}`);
+    const a = Ge.createServer((u, c) => {
+      const m = new je(u.url, `http://localhost:${ie}`);
       if (m.pathname === "/callback") {
-        const S = m.searchParams.get("code"), x = m.searchParams.get("state"), g = m.searchParams.get("error");
-        if (g) {
-          c.writeHead(200, { "Content-Type": "text/html" }), c.end(ne(
+        const x = m.searchParams.get("code"), b = m.searchParams.get("state"), f = m.searchParams.get("error");
+        if (f) {
+          c.writeHead(200, { "Content-Type": "text/html" }), c.end(se(
             "error",
             "Authentication Failed",
             "Unable to complete the authentication process.",
-            g
-          )), a.close(), n(new Error(`OAuth error: ${g}`));
+            f
+          )), a.close(), n(new Error(`OAuth error: ${f}`));
           return;
         }
-        if (x !== e) {
-          c.writeHead(400, { "Content-Type": "text/html" }), c.end(ne(
+        if (b !== e) {
+          c.writeHead(400, { "Content-Type": "text/html" }), c.end(se(
             "warning",
             "Security Error",
             "State mismatch detected. This could indicate a CSRF attack. Please try authenticating again.",
@@ -1141,8 +1154,8 @@ function pt(e) {
           )), a.close(), n(new Error("State mismatch"));
           return;
         }
-        if (!S) {
-          c.writeHead(400, { "Content-Type": "text/html" }), c.end(ne(
+        if (!x) {
+          c.writeHead(400, { "Content-Type": "text/html" }), c.end(se(
             "error",
             "Missing Authorization Code",
             "No authorization code was received from the server.",
@@ -1150,26 +1163,26 @@ function pt(e) {
           )), a.close(), n(new Error("No authorization code"));
           return;
         }
-        c.writeHead(200, { "Content-Type": "text/html" }), c.end(ne(
+        c.writeHead(200, { "Content-Type": "text/html" }), c.end(se(
           "success",
           "Authentication Successful",
           "You have been authenticated successfully. Return to the terminal to continue."
-        )), a.close(), o(S);
+        )), a.close(), o(x);
       } else
         c.writeHead(404), c.end("Not found");
     });
-    a.listen(re, () => {
-      console.info(`OAuth callback server listening on port ${re}`);
+    a.listen(ie, () => {
+      console.info(`OAuth callback server listening on port ${ie}`);
     }), setTimeout(() => {
       a.close(), n(new Error("Authentication timed out"));
     }, 5 * 60 * 1e3);
   });
 }
-async function mt(e, o, n) {
+async function ut(e, o, n) {
   const a = await fetch(`${Y}/oauth/token`, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
-    body: new je({
+    body: new Pe({
       grant_type: "authorization_code",
       code: e,
       client_id: o,
@@ -1183,11 +1196,11 @@ async function mt(e, o, n) {
   }
   return a.json();
 }
-async function ut(e, o) {
+async function ft(e, o) {
   const n = await fetch(`${Y}/oauth/token`, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
-    body: new je({
+    body: new Pe({
       grant_type: "refresh_token",
       refresh_token: e,
       client_id: o
@@ -1199,7 +1212,7 @@ async function ut(e, o) {
   }
   return n.json();
 }
-async function ft(e) {
+async function gt(e) {
   var u, c, m;
   const o = await fetch(`${Y}/mcp`, {
     method: "POST",
@@ -1231,20 +1244,20 @@ async function X() {
   const e = F("Starting authentication...").start();
   try {
     e.text = "Registering OAuth client...";
-    const n = (await dt()).client_id, a = ct(), u = lt(a), c = fe.randomBytes(16).toString("hex");
+    const n = (await pt()).client_id, a = lt(), u = dt(a), c = fe.randomBytes(16).toString("hex");
     e.text = "Waiting for authorization...";
-    const m = pt(c), S = new Ie(`${Y}/oauth/authorize`);
-    S.searchParams.set("response_type", "code"), S.searchParams.set("client_id", n), S.searchParams.set("redirect_uri", we), S.searchParams.set("code_challenge", u), S.searchParams.set("code_challenge_method", "S256"), S.searchParams.set("state", c), e.stop(), console.log(`
-🌐 Opening browser for authentication...`), console.log("If the browser does not open, visit:"), console.log(`  ${S.toString()}
-`), await Ge(S.toString());
-    const x = await m;
+    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;
     e.start("Exchanging authorization code...");
-    const g = await mt(x, n, a);
+    const f = await ut(b, n, a);
     e.text = "Getting user info...";
-    const y = await ft(g.access_token), w = {
-      accessToken: g.access_token,
-      refreshToken: g.refresh_token,
-      expiresAt: new Date(Date.now() + g.expires_in * 1e3).toISOString(),
+    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(),
       clientId: n,
       userId: y.userId,
       userEmail: y.email
@@ -1254,25 +1267,25 @@ async function X() {
     throw e.fail(`Authentication failed: ${o.message}`), o;
   }
 }
-async function Re() {
+async function Fe() {
   const e = he();
   if (!e) {
     console.log("Not currently logged in.");
     return;
   }
-  Ee(), console.log(`✅ Logged out (was: ${e.userEmail})`);
+  Re(), console.log(`✅ Logged out (was: ${e.userEmail})`);
 }
-async function gt() {
+async function ht() {
   let e = he();
   if (!e)
     return console.log(`Not logged in. Starting authentication...
 `), await X();
-  if (!it(e))
+  if (!at(e))
     return e;
   if (e.refreshToken) {
     const o = F("Refreshing access token...").start();
     try {
-      const n = await ut(
+      const n = await ft(
         e.refreshToken,
         e.clientId
       );
@@ -1283,25 +1296,25 @@ async function gt() {
         expiresAt: new Date(Date.now() + n.expires_in * 1e3).toISOString()
       }, Te(e), o.succeed("Token refreshed"), e;
     } catch {
-      return o.warn("Token refresh failed, please log in again"), Ee(), await X();
+      return o.warn("Token refresh failed, please log in again"), Re(), await X();
     }
   }
   return console.log(`Session expired. Please log in again.
 `), await X();
 }
-function ht() {
+function yt() {
   return Y;
 }
-const ie = "@myop/cli";
-async function yt() {
+const ae = "@myop/cli";
+async function wt() {
   try {
-    const e = await fetch(`https://registry.npmjs.org/${ie}/latest`);
+    const e = await fetch(`https://registry.npmjs.org/${ae}/latest`);
     return e.ok ? (await e.json()).version : null;
   } catch {
     return null;
   }
 }
-function wt(e, o) {
+function vt(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;
@@ -1310,33 +1323,43 @@ function wt(e, o) {
   }
   return 0;
 }
-async function vt(e) {
+async function xt(e) {
   const o = F({
     text: "Checking for updates...",
     color: "cyan"
-  }).start(), n = await yt();
-  if (o.stop(), !n || wt(n, e) <= 0)
+  }).start(), n = await wt();
+  if (o.stop(), !n || vt(n, e) <= 0)
     return !1;
-  if (console.log(`
+  console.log(`
 📦 New version available: ${e} → ${n}
-`), await Oe({
-    message: "Would you like to update now?",
-    choices: [
-      { name: "Yes, update now", value: !0 },
-      { name: "No, continue with current version", value: !1 }
-    ]
-  })) {
+`);
+  let a;
+  try {
+    a = await Ie({
+      message: "Would you like to update now?",
+      choices: [
+        { name: "Yes, update now", value: !0 },
+        { name: "No, continue with current version", value: !1 }
+      ]
+    });
+  } catch (u) {
+    throw u.name === "ExitPromptError" && (console.log(`
+👋 Goodbye!
+`), process.exit(0)), u;
+  }
+  if (a) {
     const u = F({
-      text: `Updating ${ie} to v${n}...`,
+      text: `Updating ${ae} to v${n}...`,
       color: "green"
     }).start();
     try {
-      se(`npm install -g ${ie}@latest`, { stdio: "pipe" }), u.succeed(`Updated to v${n}`), console.log(`
+      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);
     } catch {
       return u.fail("Update failed"), console.log(`
-You can manually update by running: npm install -g ${ie}@latest
+You can manually update by running: npm install -g ${ae}@latest
 `), !1;
     }
   }
@@ -1344,7 +1367,7 @@ You can manually update by running: npm install -g ${ie}@latest
 }
 const St = (e) => new Promise((o) => setTimeout(o, e));
 d.executionPath = process.cwd();
-const ce = (e = !1) => {
+const le = (e = !1) => {
   const o = d.program.getOptionValue("verbose");
   o || (console.info = () => {
   }), console.info("📝 verbose mode on"), d.options = {
@@ -1352,7 +1375,7 @@ const ce = (e = !1) => {
     verbose: o
   };
   try {
-    return d.myopConfig = Xe(d.options.configPath), { configFound: !0 };
+    return d.myopConfig = Qe(d.options.configPath), { configFound: !0 };
   } catch (n) {
     if (e) {
       console.info(`
@@ -1372,23 +1395,23 @@ const ce = (e = !1) => {
 };
 [
   new me(),
-  ...nt
+  ...st
 ];
-const xt = "0.1.14";
-d.program = new Ve();
-d.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version(xt);
-d.program.addOption(new ae("-c, --config <value>", "myop.config.json file location").default("./myop.config.json", "./myop.config.json"));
-d.program.addOption(new ae("-h, --help", "Show helpful information"));
-d.program.addOption(new ae("-v, --verbose", "Enables verbose output mode for the command-line interface (CLI)."));
-d.program.addOption(new ae("--ci", "CI mode: print status info (version, config, auth) as JSON and exit without prompts"));
+const bt = "0.1.16";
+d.program = new We();
+d.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version(bt);
+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)."));
+d.program.addOption(new ce("--ci", "CI mode: print status info (version, config, auth) as JSON and exit without prompts"));
 d.program.command("add").description("Install Myop assets").addArgument("type").addArgument("id").action((e, o) => {
-  ce(!0), console.info("adding ", e, o, d.options.configPath), e === "flow" && Pe._action(o), process.exit();
+  le(!0), console.info("adding ", e, o, d.options.configPath), e === "flow" && Ee._action(o), process.exit();
 });
 d.program.command("remove").description("Remove Myop asset").argument("<type>", "Myop asset type").argument("<id>", "Asset id").action((e, o) => {
-  ce(), console.info("removing ", e, o, d.options.configPath), e === "flow" && _e._action(o), process.exit();
+  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 () => {
-  ce(), await ke.action();
+  le(), await _e.action();
 });
 d.program.command("login").description("Authenticate with Myop platform").action(async () => {
   try {
@@ -1399,14 +1422,14 @@ d.program.command("login").description("Authenticate with Myop platform").action
   process.exit(0);
 });
 d.program.command("logout").description("Clear stored credentials").action(async () => {
-  await Re(), process.exit(0);
+  await Fe(), process.exit(0);
 });
 d.program.command("whoami").description("Show current authenticated user").action(async () => {
   const e = ye();
   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, $, T, z, v, _;
+  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");
   let c = {};
   if (n.existsSync(o))
@@ -1430,20 +1453,20 @@ d.program.command("sync").description("Build and upload component to Myop platfo
   }
   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 S;
+  let x;
   try {
-    S = await gt();
+    x = await ht();
   } catch (h) {
     console.error("❌ Authentication failed:", h.message), process.exit(1);
   }
-  const x = ht();
-  let g = F("Requesting upload URL...").start(), y;
+  const b = yt();
+  let f = F("Requesting upload URL...").start(), y;
   try {
-    const h = await fetch(`${x}/mcp`, {
+    const h = await fetch(`${b}/mcp`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${S.accessToken}`
+        Authorization: `Bearer ${x.accessToken}`
       },
       body: JSON.stringify({
         jsonrpc: "2.0",
@@ -1464,14 +1487,14 @@ d.program.command("sync").description("Build and upload component to Myop platfo
     const M = await h.json();
     if (M.error)
       throw new Error(M.error.message);
-    const N = (T = ($ = (j = M.result) == null ? void 0 : j.content) == null ? void 0 : $[0]) == null ? void 0 : T.text;
+    const N = (k = (S = (j = M.result) == null ? void 0 : j.content) == null ? void 0 : S[0]) == null ? void 0 : k.text;
     if (y = JSON.parse(N), !y.success)
       throw new Error(y.error);
-    g.succeed("Upload URL obtained");
+    f.succeed("Upload URL obtained");
   } catch (h) {
-    g.fail("Failed to get upload URL"), console.error("   ", h.message), process.exit(1);
+    f.fail("Failed to get upload URL"), console.error("   ", h.message), process.exit(1);
   }
-  g = F("Uploading component...").start();
+  f = F("Uploading component...").start();
   try {
     const h = n.readFileSync(m, "utf-8");
     let M;
@@ -1479,9 +1502,9 @@ d.program.command("sync").description("Build and upload component to Myop platfo
     if (N)
       M = N[1];
     else {
-      const b = y.curlCommand.match(/(https:\/\/[^\s"\\]+)/);
-      if (b)
-        M = b[1];
+      const C = y.curlCommand.match(/(https:\/\/[^\s"\\]+)/);
+      if (C)
+        M = C[1];
       else
         throw new Error("Could not parse presigned URL from: " + y.curlCommand);
     }
@@ -1494,21 +1517,21 @@ d.program.command("sync").description("Build and upload component to Myop platfo
       body: h
     });
     if (!K.ok) {
-      const b = await K.text();
-      throw new Error(`Upload failed with status ${K.status}: ${b}`);
+      const C = await K.text();
+      throw new Error(`Upload failed with status ${K.status}: ${C}`);
     }
-    g.succeed("Component uploaded");
+    f.succeed("Component uploaded");
   } catch (h) {
-    g.fail("Upload failed"), console.error("   ", h.message), h.cause && console.error("   Cause:", h.cause), process.exit(1);
+    f.fail("Upload failed"), console.error("   ", h.message), h.cause && console.error("   Cause:", h.cause), process.exit(1);
   }
-  g = F("Confirming upload...").start();
+  f = F("Confirming upload...").start();
   let w;
   try {
-    const h = await fetch(`${x}/mcp`, {
+    const h = await fetch(`${b}/mcp`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${S.accessToken}`
+        Authorization: `Bearer ${x.accessToken}`
       },
       body: JSON.stringify({
         jsonrpc: "2.0",
@@ -1527,12 +1550,12 @@ d.program.command("sync").description("Build and upload component to Myop platfo
     const M = await h.json();
     if (M.error)
       throw new Error(M.error.message);
-    const N = (_ = (v = (z = M.result) == null ? void 0 : z.content) == null ? void 0 : v[0]) == null ? void 0 : _.text;
+    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);
-    g.succeed("Upload confirmed");
+    f.succeed("Upload confirmed");
   } catch (h) {
-    g.fail("Confirmation failed"), console.error("   ", h.message), process.exit(1);
+    f.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);
@@ -1547,20 +1570,20 @@ d.program.command("sync").description("Build and upload component to Myop platfo
   console.log(`
 ✅ Sync completed successfully!`), console.log(`   Component: ${w.componentName}`), console.log(`   Dashboard: ${w.dashboardUrl}`), process.exit(0);
 });
-d.program.command("dev").description("Start development server with file watching").action(Ne);
-const bt = () => {
+d.program.command("dev").description("Start development server with file watching").action(ke);
+const Ct = () => {
   try {
-    se("git --version", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
+    re("git --version", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
   } catch {
     return { gitNotInstalled: !0 };
   }
   try {
-    se("git rev-parse --git-dir", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
+    re("git rev-parse --git-dir", { encoding: "utf-8", stdio: ["pipe", "pipe", "pipe"] });
   } catch {
     return { notARepo: !0 };
   }
   try {
-    const e = se("git diff --stat HEAD -- . 2>/dev/null || git diff --stat -- . 2>/dev/null", {
+    const e = re("git diff --stat HEAD -- . 2>/dev/null || git diff --stat -- . 2>/dev/null", {
       encoding: "utf-8",
       stdio: ["pipe", "pipe", "pipe"]
     }).trim();
@@ -1582,11 +1605,11 @@ const bt = () => {
   }
 }, 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 = bt();
+  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();
   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 x = [
+  const b = [
     {
       emoji: "🚀",
       label: "Initialize new component",
@@ -1608,13 +1631,13 @@ const bt = () => {
       help: "Starts dev server with HMR for instant preview of changes",
       disabled: e ? !1 : "(no config file)"
     }
-  ].map(($) => ({
-    name: o && !$.disabled ? `${$.emoji} ${$.label}
-     ${$.help}` : `${$.emoji} ${$.label}`,
-    value: $.value,
-    disabled: $.disabled
+  ].map((S) => ({
+    name: o && !S.disabled ? `${S.emoji} ${S.label}
+     ${S.help}` : `${S.emoji} ${S.label}`,
+    value: S.value,
+    disabled: S.disabled
   }));
-  switch (x.push(
+  b.push(
     new me(),
     {
       name: o && a ? `🔓 Logout (${n.email})
@@ -1631,37 +1654,47 @@ const bt = () => {
       name: "👋 Exit",
       value: "exit"
     }
-  ), await Oe({
-    message: "What would you like to do?",
-    choices: x
-  })) {
+  );
+  let f;
+  try {
+    f = await Ie({
+      message: "What would you like to do?",
+      choices: b
+    });
+  } catch (S) {
+    throw S.name === "ExitPromptError" && (console.log(`
+👋 Goodbye!
+`), process.exit(0)), S;
+  }
+  switch (f) {
     case "init":
-      await Ct();
+      await $t();
       break;
     case "sync":
       console.log(`
 Running sync...
 `);
-      const { execSync: $ } = await import("child_process");
+      const { execSync: S } = await import("child_process");
       try {
-        $("node " + process.argv[1] + " sync", { stdio: "inherit" });
+        S("node " + process.argv[1] + " sync", { stdio: "inherit" });
       } catch {
       }
       await B(!0, o);
       break;
     case "dev":
-      await Ne();
+      await ke();
       break;
     case "login":
       try {
         await X(), console.log(`
 `), await B(e, o);
-      } catch (T) {
-        console.error("Login failed:", T.message), await B(e, o);
+      } catch (k) {
+        console.error("Login failed:", k.message), await B(e, o);
       }
       break;
     case "logout":
-      await Re(), console.log(`
+      await Fe(), console.log(`
 `), await B(e, o);
       break;
     case "help":
@@ -1670,27 +1703,37 @@ Running sync...
     case "exit":
       process.exit(0);
   }
-}, Ct = async () => {
-  const { input: e, select: o } = await import("@inquirer/prompts"), n = await import("fs"), u = (await import("path")).default.basename(process.cwd()), c = await e({
-    message: "Component name:",
-    default: u
-  }), m = await o({
-    message: "Component type:",
-    choices: [
-      { name: "📄 HTML", value: "html", description: "Plain HTML/JS/CSS component" },
-      { name: "⚛️  React", value: "react", disabled: "(coming soon)" },
-      { name: "💚 Vue", value: "vue", disabled: "(coming soon)" },
-      { name: "🅰️  Angular", value: "angular", disabled: "(coming soon)" }
-    ]
-  }), S = {
+}, $t = async () => {
+  const { input: e, select: o } = await import("@inquirer/prompts"), n = await import("fs"), u = (await import("path")).default.basename(process.cwd());
+  let c, m;
+  try {
+    c = await e({
+      message: "Component name:",
+      default: u
+    }), m = await o({
+      message: "Component type:",
+      choices: [
+        { name: "📄 HTML", value: "html", description: "Plain HTML/JS/CSS component" },
+        { name: "⚛️  React", value: "react", disabled: "(coming soon)" },
+        { name: "💚 Vue", value: "vue", disabled: "(coming soon)" },
+        { name: "🅰️  Angular", value: "angular", disabled: "(coming soon)" }
+      ]
+    });
+  } catch (f) {
+    throw f.name === "ExitPromptError" && (console.log(`
+👋 Goodbye!
+`), process.exit(0)), f;
+  }
+  const x = {
     name: c,
     type: m,
     author: "@myop-cli"
-  }, x = d.program.getOptionValue("config") || "./myop.config.json";
+  }, b = d.program.getOptionValue("config") || "./myop.config.json";
   try {
-    n.writeFileSync(x, JSON.stringify(S, null, 2)), console.log(`
-✅ Created ${x}`);
-    const g = {
+    n.writeFileSync(b, JSON.stringify(x, null, 2)), console.log(`
+✅ Created ${b}`);
+    const f = {
       name: c.toLowerCase().replace(/\s+/g, "-"),
       version: "1.0.0",
       type: "module",
@@ -1702,7 +1745,7 @@ Running sync...
         esbuild: "^0.24.0"
       }
     };
-    n.writeFileSync("package.json", JSON.stringify(g, 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(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';
 import fs from 'fs';
 import path from 'path';
@@ -1810,7 +1853,7 @@ document.addEventListener('DOMContentLoaded', () => {
 });
 `;
     n.writeFileSync("src/index.js", j), console.log("✅ Created src/index.js");
-    const $ = `// ${c} - Main Application Logic
+    const S = `// ${c} - Main Application Logic
 export function init() {
     console.log('${c} loaded');
@@ -1818,7 +1861,7 @@ export function init() {
     // Your component logic here
 }
 `;
-    n.writeFileSync("src/modules/app.js", $), 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", S), 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
@@ -1870,19 +1913,19 @@ p {
 `;
     n.writeFileSync("src/styles/main.css", v), 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 = S, await B(!0);
-  } catch (g) {
-    console.error(`Failed to initialize component: ${g.message}`), process.exit(1);
+`), d.myopConfig = x, await B(!0);
+  } catch (f) {
+    console.error(`Failed to initialize component: ${f.message}`), process.exit(1);
   }
 };
 d.program.command("default", { isDefault: !0 }).action(async () => {
-  if (d.program.getOptionValue("help") && (console.log(Ke), process.exit()), d.program.getOptionValue("ci")) {
-    const c = await import("fs"), m = d.program.getOptionValue("config") || "./myop.config.json", S = d.program.version(), x = ye();
-    let g = { found: !1 };
+  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 };
     try {
       if (c.existsSync(m)) {
         const w = c.readFileSync(m, "utf-8"), j = JSON.parse(w);
-        g = {
+        f = {
           found: !0,
           path: m,
           name: j.name || j.componentName || null,
@@ -1891,14 +1934,14 @@ d.program.command("default", { isDefault: !0 }).action(async () => {
         };
       }
     } catch (w) {
-      g = { found: !1, error: w.message };
+      f = { found: !1, error: w.message };
     }
     const y = {
-      version: S,
-      config: g,
+      version: x,
+      config: f,
       auth: {
-        loggedIn: !!(x != null && x.email),
-        email: (x == null ? void 0 : x.email) || null
+        loggedIn: !!(b != null && b.email),
+        email: (b == null ? void 0 : b.email) || null
       }
     };
     console.log(JSON.stringify(y, null, 2)), process.exit(0);
@@ -1907,10 +1950,10 @@ d.program.command("default", { isDefault: !0 }).action(async () => {
     text: "Loading Myop CLI...",
     color: "green"
   }).start();
-  const a = ce();
+  const a = le();
   await St(500), n.stop();
   const u = d.program.version();
-  await vt(u), await B(a.configFound);
+  await xt(u), await B(a.configFound);
 });
 d.program.parse(process.argv);
 d.program.opts();