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

@myop/cli 0.1.15 → 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 +280 -267
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
-}, Pe = {
+}, _e = {
   name: "📥 Install Myop generated dependencies",
   value: "myopInstall",
   description: "Fetch and generates Myop dependencies. flows including components, refs and props.",
@@ -64,22 +64,22 @@ 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"), i = JSON.parse(n);
-  return console.info("config file loaded, ", i), i;
+  const n = A.readFileSync(o, "utf8"), a = JSON.parse(n);
+  return console.info("config file loaded, ", a), a;
 }, ge = (e, o) => {
   const n = Z.join(d.executionPath, e);
   console.info(`writing config file to: ${n}`);
   try {
-    const i = JSON.stringify(o, null, 2);
-    A.writeFileSync(n, i), console.info(`config file updated ${i}`);
-  } catch (i) {
-    throw console.info(`error ${i} while writing to ${n}, JSON: ${o}`), console.log(`
-⚠️ Failed write config file to ${n}, for more info use verbose flag`), i;
+    const a = JSON.stringify(o, null, 2);
+    A.writeFileSync(n, a), console.info(`config file updated ${a}`);
+  } catch (a) {
+    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;
   }
-}, ke = {
+}, 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 () => {
   }
-}, Ee = {
+}, 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, i) {
+}, st = [nt, qe, et, tt, ot];
+function rt(e, o, n, a) {
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -211,13 +211,13 @@ ${n}
 // Inject PORT as a global variable for the app to use
 window.PORT = ${e};
-${i}
+${a}
 <\/script>
 </body>
 </html>`;
 }
-async function _e() {
-  const e = await import("fs"), o = await import("path"), { exec: n } = await import("child_process"), i = await import("http"), { createHash: u } = await import("node:crypto");
+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://")) {
     const s = import.meta.url.slice(7);
@@ -226,7 +226,7 @@ async function _e() {
     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 N = /* @__PURE__ */ new Map(), z = d.program.getOptionValue("config") || "./myop.config.json";
+  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);
@@ -245,9 +245,9 @@ async function _e() {
           path: "/_list",
           method: "GET",
           timeout: 1e3
-        }, O = i.default.request(g, (P) => {
+        }, O = a.default.request(g, (P) => {
           let H = "";
-          P.on("data", (J) => H += J), P.on("end", () => {
+          P.on("data", (L) => H += L), P.on("end", () => {
             try {
               l(JSON.parse(H));
             } catch {
@@ -270,7 +270,7 @@ async function _e() {
     } catch {
       return "DEV1";
     }
-  }, _ = process.cwd(), K = (s) => {
+  }, N = process.cwd(), K = (s) => {
     const t = o.default.extname(s).toLowerCase();
     return {
       ".html": "text/html",
@@ -283,9 +283,9 @@ async function _e() {
       ".svg": "image/svg+xml",
       ".ico": "image/x-icon"
     }[t] || "application/octet-stream";
-  }, C = /* @__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 a = 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 = u("sha1").update(l + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");
       t.write(
         `HTTP/1.1 101 Switching Protocols\r
 Upgrade: websocket\r
@@ -293,23 +293,23 @@ Connection: Upgrade\r
 Sec-WebSocket-Accept: ${p}\r
 \r
 `
-      ), U.has(a) || U.set(a, /* @__PURE__ */ new Set()), U.get(a).add(t), console.log(`🔌 HMR client connected: ${a}`), t.on("close", () => {
-        const g = U.get(a);
-        g && (g.delete(t), g.size === 0 && U.delete(a)), console.log(`🔌 HMR client disconnected: ${a}`);
+      ), U.has(i) || U.set(i, /* @__PURE__ */ new Set()), U.get(i).add(t), console.log(`🔌 HMR client connected: ${i}`), t.on("close", () => {
+        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 g = U.get(a);
+        const g = U.get(i);
         g && g.delete(t);
       });
     }
-  }, le = i.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", (a) => r += a), s.on("end", () => {
+      s.on("data", (i) => r += i), s.on("end", () => {
         try {
-          const { componentId: a, distPath: l, componentName: p } = JSON.parse(r);
-          C.set(a, { path: l, name: p || null });
+          const { componentId: i, distPath: l, componentName: p } = JSON.parse(r);
+          C.set(i, { path: l, name: p || null });
           const g = p ? ` (${p})` : "";
-          console.log(`✅ Registered: ${a}${g} -> ${l}`), t.writeHead(200), t.end(JSON.stringify({ success: !0, registered: Array.from(C.keys()) }));
+          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,
@@ -326,16 +326,16 @@ Sec-WebSocket-Accept: ${p}\r
             } catch {
             }
           });
-        } catch (a) {
-          t.writeHead(400), t.end(JSON.stringify({ error: a.message }));
+        } catch (i) {
+          t.writeHead(400), t.end(JSON.stringify({ error: i.message }));
         }
       });
     } else if (s.method === "POST" && s.url === "/_unregister") {
       let r = "";
-      s.on("data", (a) => r += a), s.on("end", () => {
+      s.on("data", (i) => r += i), s.on("end", () => {
         try {
-          const { componentId: a } = JSON.parse(r);
-          C.delete(a), console.log(`❌ Unregistered: ${a}`), t.writeHead(200), t.end(JSON.stringify({ success: !0 }));
+          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]) => ({
             id: p,
             path: g.path,
@@ -352,24 +352,24 @@ Sec-WebSocket-Accept: ${p}\r
             } catch {
             }
           });
-        } catch (a) {
-          t.writeHead(400), t.end(JSON.stringify({ error: a.message }));
+        } catch (i) {
+          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" })));
-  }), ee = i.default.createServer((s, t) => {
+  }), 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}`), a = r.pathname, l = a.split("/").filter((k) => k);
-    if (a.startsWith("/consume")) {
-      const k = r.searchParams.get("id");
-      if (!k) {
+    const r = new URL(s.url, `http://localhost:${f}`), i = r.pathname, l = i.split("/").filter((_) => _);
+    if (i.startsWith("/consume")) {
+      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 = C.get(k), L = R ? R.path : null, Me = (W) => {
+      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;
@@ -390,9 +390,9 @@ Sec-WebSocket-Accept: ${p}\r
           const I = s.socket.remoteAddress;
           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 || $, oe = {
+        const pe = s.headers.referer || s.headers.referrer || $, ne = {
           type: "request",
-          componentId: k,
+          componentId: _,
           timestamp: Date.now(),
           servedLocally: W,
           referrer: pe,
@@ -415,8 +415,8 @@ Sec-WebSocket-Accept: ${p}\r
           } catch {
           }
         }));
-        const ze = V.get($);
-        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");
+      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: k,
-              id: k,
+              name: _,
+              id: _,
               consume_variant: [
                 {
                   id: pe,
@@ -459,15 +459,15 @@ Sec-WebSocket-Accept: ${p}\r
               ]
             }
           };
-          console.log(`✅ Serving consume JSON for: ${k}`), 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: ${k}`);
+        console.log(`📡 Proxying consume request to cloud.myop.dev for: ${_}`);
         const W = `https://cloud.myop.dev/consume${r.search}`;
-        Me(!1), fetch(W).then(($) => $.text()).then(($) => {
+        Oe(!1), fetch(W).then(($) => $.text()).then(($) => {
           t.writeHead(200, {
             "Content-Type": "application/json",
             "Access-Control-Allow-Origin": "*"
@@ -478,21 +478,21 @@ Sec-WebSocket-Accept: ${p}\r
       }
       return;
     }
-    if (a === "/events") {
+    if (i === "/events") {
       t.writeHead(200, {
         "Content-Type": "text/event-stream",
         "Cache-Control": "no-cache",
         Connection: "keep-alive",
         "Access-Control-Allow-Origin": "*"
       }), D.push(t);
-      const k = Array.from(C.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: k
+        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(f, y, x, b));
+      t.writeHead(200, { "Content-Type": "text/html" }), t.end(rt(f, y, x, b));
       return;
     }
     if (l[0] !== "view") {
@@ -528,24 +528,24 @@ Sec-WebSocket-Accept: ${p}\r
       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("/"), J = o.default.join(O, H);
-    console.log(`📥 Request: ${s.url} -> ${J}`), e.default.readFile(J, (k, R) => {
-      if (k) {
-        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);
     });
   }), ve = () => new Promise((s, t) => {
     const r = JSON.stringify({
       componentId: v,
-      distPath: o.default.resolve(_, w),
+      distPath: o.default.resolve(N, w),
       componentName: E
-    }), a = {
+    }), i = {
       hostname: "localhost",
       port: y,
       path: "/_register",
@@ -554,15 +554,15 @@ Sec-WebSocket-Accept: ${p}\r
         "Content-Type": "application/json",
         "Content-Length": Buffer.byteLength(r)
       }
-    }, l = i.default.request(a, (p) => {
+    }, l = a.default.request(i, (p) => {
       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) => {
-    const r = JSON.stringify({ componentId: v }), a = {
+  }), He = () => new Promise((s, t) => {
+    const r = JSON.stringify({ componentId: v }), i = {
       hostname: "localhost",
       port: y,
       path: "/_unregister",
@@ -571,18 +571,18 @@ Sec-WebSocket-Accept: ${p}\r
         "Content-Type": "application/json",
         "Content-Length": Buffer.byteLength(r)
       }
-    }, l = i.default.request(a, (p) => {
+    }, l = a.default.request(i, (p) => {
       s();
     });
     l.on("error", () => s()), l.write(r), l.end();
-  }), He = () => {
+  }), Le = () => {
     if (!h) return;
     const s = o.default.join(w, "index.html");
     try {
       let t = e.default.readFileSync(s, "utf-8");
       if (t.includes("<!-- MYOP HMR -->")) {
-        const a = t.indexOf("<!-- MYOP HMR -->"), l = t.indexOf("<\/script>", a) + 9;
-        t = t.slice(0, a) + t.slice(l);
+        const i = t.indexOf("<!-- MYOP HMR -->"), l = t.indexOf("<\/script>", i) + 9;
+        t = t.slice(0, i) + t.slice(l);
       }
       const r = `
 <!-- MYOP HMR -->
@@ -696,25 +696,25 @@ Sec-WebSocket-Accept: ${p}\r
     }
   }, Je = (s) => {
     const t = Buffer.from(s), r = t.length;
-    let a;
-    return r < 126 ? a = Buffer.concat([
+    let i;
+    return r < 126 ? i = Buffer.concat([
       Buffer.from([129, r]),
       // FIN + text frame, length
       t
-    ]) : r < 65536 ? a = Buffer.concat([
+    ]) : r < 65536 ? i = Buffer.concat([
       Buffer.from([129, 126]),
       // FIN + text frame, extended length
       Buffer.from([r >> 8, r & 255]),
       // 16-bit length
       t
-    ]) : a = Buffer.concat([
+    ]) : i = Buffer.concat([
       Buffer.from([129, 127]),
       // FIN + text frame, extended length
       Buffer.from([0, 0, 0, 0, r >> 24, r >> 16 & 255, r >> 8 & 255, r & 255]),
       // 64-bit length
       t
-    ]), a;
-  }, Le = () => {
+    ]), i;
+  }, Ue = () => {
     if (!h) return;
     const s = U.get(v);
     if (!s || s.size === 0)
@@ -727,10 +727,10 @@ Sec-WebSocket-Accept: ${p}\r
         const p = r.indexOf("<!-- MYOP HMR -->"), g = r.indexOf("<\/script>", p) + 9;
         r = r.slice(0, p) + r.slice(g);
       }
-      const a = JSON.stringify({
+      const i = JSON.stringify({
         type: "update",
         html: r
-      }), l = Je(a);
+      }), l = Je(i);
       s.forEach((p) => {
         try {
           p.write(l);
@@ -741,73 +741,86 @@ 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) {
       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()), S && (S = !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());
     });
-  }, xe = /* @__PURE__ */ new Set(), Se = (s) => {
+  }, Se = /* @__PURE__ */ new Set(), be = (s) => {
     e.default.readdir(s, { withFileTypes: !0 }, (t, r) => {
-      t || (r.forEach((a) => {
-        const l = o.default.join(s, a.name);
-        if (a.isDirectory())
-          a.name !== "node_modules" && a.name !== "dist" && !a.name.startsWith(".") && Se(l);
-        else if (a.isFile()) {
-          const p = o.default.extname(a.name);
+      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(".") && be(l);
+        else if (i.isFile()) {
+          const p = o.default.extname(i.name);
           if (p === ".js" || p === ".css" || p === ".html")
             try {
               const g = e.default.readFileSync(l, "utf-8");
-              N.set(l, g);
+              k.set(l, g);
             } catch {
             }
         }
-      }), xe.has(s) || (xe.add(s), e.default.watch(s, (a, l) => {
+      }), Se.has(s) || (Se.add(s), e.default.watch(s, (i, l) => {
         if (!l) return;
         const p = o.default.extname(l);
         if (p !== ".js" && p !== ".css" && p !== ".html") return;
         const g = o.default.join(s, l);
         setTimeout(() => {
           try {
-            const O = e.default.readFileSync(g, "utf-8"), P = N.get(g);
-            O !== P && (N.set(g, O), console.log(`📝 File changed: ${g}`), 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(), Se(_), 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,
       path: "/_list",
       method: "GET",
       timeout: 1e3
-    }, r = i.default.request(t, (a) => {
+    }, r = a.default.request(t, (i) => {
       s(!0);
     });
     r.on("error", () => s(!1)), r.on("timeout", () => {
       r.destroy(), s(!1);
     }), r.end();
-  }), Be = () => new Promise((s) => {
-    const t = i.default.createServer((r, a) => {
-      if (a.setHeader("Content-Type", "application/json"), r.method === "POST" && r.url === "/_register") {
+  }), 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: g, componentName: O } = JSON.parse(l);
             C.set(p, { path: g, name: O || null });
             const P = O ? ` (${O})` : "";
-            console.log(`✅ Registered: ${p}${P} -> ${g}`), a.writeHead(200), a.end(JSON.stringify({ success: !0, registered: Array.from(C.keys()) }));
+            console.log(`✅ Registered: ${p}${P} -> ${g}`), i.writeHead(200), i.end(JSON.stringify({ success: !0, registered: Array.from(C.keys()) }));
           } catch (p) {
-            a.writeHead(400), a.end(JSON.stringify({ error: p.message }));
+            i.writeHead(400), i.end(JSON.stringify({ error: p.message }));
           }
         });
       } else if (r.method === "POST" && r.url === "/_unregister") {
@@ -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);
-            C.delete(p), console.log(`❌ Unregistered: ${p}`), a.writeHead(200), a.end(JSON.stringify({ success: !0 }));
+            C.delete(p), console.log(`❌ Unregistered: ${p}`), i.writeHead(200), i.end(JSON.stringify({ success: !0 }));
           } catch (p) {
-            a.writeHead(400), a.end(JSON.stringify({ error: p.message }));
+            i.writeHead(400), i.end(JSON.stringify({ error: p.message }));
           }
         });
-      } else r.method === "GET" && r.url === "/_list" ? (a.writeHead(200), a.end(JSON.stringify({ components: Array.from(C.entries()) }))) : (a.writeHead(404), a.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);
@@ -830,7 +843,7 @@ Sec-WebSocket-Accept: ${p}\r
         t.close(), s(!1);
       }), ee.listen(f, () => {
         console.log(`📡 Main server running at http://localhost:${f}`), C.set(v, {
-          path: o.default.resolve(_, w),
+          path: o.default.resolve(N, w),
           name: E
         });
         const r = E ? ` (${E})` : "";
@@ -838,52 +851,52 @@ Sec-WebSocket-Accept: ${p}\r
       });
     });
   });
-  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:${f}/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(f, async () => {
       console.log(`📡 Main server running at http://localhost:${f}`), (v === "DEV" || v === "NEW") && (v = "DEV1"), C.set(v, {
-        path: o.default.resolve(_, w),
+        path: o.default.resolve(N, w),
         name: E
       });
       const s = E ? ` (${E})` : "";
-      console.log(`✅ Registered component: ${v}${s}`), console.log(`📡 Access at: http://localhost:${f}/view/${v}/`), be();
+      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() {
@@ -896,8 +909,8 @@ function he() {
     return console.info("Failed to read credentials:", e.message), null;
   }
 }
-function Ne(e) {
-  rt();
+function Te(e) {
+  it();
   const o = {
     ...e,
     savedAt: (/* @__PURE__ */ new Date()).toISOString()
@@ -907,14 +920,14 @@ function Ne(e) {
     // Read/write for owner only
   });
 }
-function Te() {
+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, i = 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"/>
@@ -1104,7 +1117,7 @@ function ne(e, o, n, i = null) {
         </div>
         <h1>${o}</h1>
         <p class="message">${n}</p>
-        ${i ? `<div class="details"><code>Error:</code> ${i}</div>` : ""}
+        ${a ? `<div class="details"><code>Error:</code> ${a}</div>` : ""}
         <div class="hint">
             <span>Press</span>
             <kbd>⌘</kbd><kbd>W</kbd>
@@ -1117,59 +1130,59 @@ function ne(e, o, n, i = null) {
 </body>
 </html>`;
 }
-function pt(e) {
+function mt(e) {
   return new Promise((o, n) => {
-    const i = 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 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(ne(
+          c.writeHead(200, { "Content-Type": "text/html" }), c.end(se(
             "error",
             "Authentication Failed",
             "Unable to complete the authentication process.",
             f
-          )), i.close(), n(new Error(`OAuth error: ${f}`));
+          )), a.close(), n(new Error(`OAuth error: ${f}`));
           return;
         }
         if (b !== e) {
-          c.writeHead(400, { "Content-Type": "text/html" }), c.end(ne(
+          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.",
             "state_mismatch"
-          )), i.close(), n(new Error("State mismatch"));
+          )), a.close(), n(new Error("State mismatch"));
           return;
         }
         if (!x) {
-          c.writeHead(400, { "Content-Type": "text/html" }), c.end(ne(
+          c.writeHead(400, { "Content-Type": "text/html" }), c.end(se(
             "error",
             "Missing Authorization Code",
             "No authorization code was received from the server.",
             "missing_code"
-          )), i.close(), n(new Error("No authorization code"));
+          )), 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."
-        )), i.close(), o(x);
+        )), a.close(), o(x);
       } else
         c.writeHead(404), c.end("Not found");
     });
-    i.listen(re, () => {
-      console.info(`OAuth callback server listening on port ${re}`);
+    a.listen(ie, () => {
+      console.info(`OAuth callback server listening on port ${ie}`);
     }), setTimeout(() => {
-      i.close(), n(new Error("Authentication timed out"));
+      a.close(), n(new Error("Authentication timed out"));
     }, 5 * 60 * 1e3);
   });
 }
-async function mt(e, o, n) {
-  const i = await fetch(`${Y}/oauth/token`, {
+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,
@@ -1177,29 +1190,29 @@ async function mt(e, o, n) {
       code_verifier: n
     })
   });
-  if (!i.ok) {
-    const u = await i.json();
+  if (!a.ok) {
+    const u = await a.json();
     throw new Error(u.error_description || u.error || "Token exchange failed");
   }
-  return i.json();
+  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
     })
   });
   if (!n.ok) {
-    const i = await n.json();
-    throw new Error(i.error_description || i.error || "Token refresh failed");
+    const a = await n.json();
+    throw new Error(a.error_description || a.error || "Token refresh failed");
   }
   return n.json();
 }
-async function ft(e) {
+async function gt(e) {
   var u, c, m;
   const o = await fetch(`${Y}/mcp`, {
     method: "POST",
@@ -1222,26 +1235,26 @@ async function ft(e) {
   const n = await o.json();
   if (n.error)
     throw new Error(n.error.message);
-  const i = (m = (c = (u = n.result) == null ? void 0 : u.content) == null ? void 0 : c[0]) == null ? void 0 : m.text;
-  if (i)
-    return JSON.parse(i);
+  const a = (m = (c = (u = n.result) == null ? void 0 : u.content) == null ? void 0 : c[0]) == null ? void 0 : m.text;
+  if (a)
+    return JSON.parse(a);
   throw new Error("Invalid response from whoami");
 }
 async function X() {
   const e = F("Starting authentication...").start();
   try {
     e.text = "Registering OAuth client...";
-    const n = (await dt()).client_id, i = ct(), u = lt(i), 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), x = new Ie(`${Y}/oauth/authorize`);
+    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 Ge(x.toString());
+`), await Ye(x.toString());
     const b = await m;
     e.start("Exchanging authorization code...");
-    const f = await mt(b, n, i);
+    const f = await ut(b, n, a);
     e.text = "Getting user info...";
-    const y = await ft(f.access_token), w = {
+    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(),
@@ -1249,30 +1262,30 @@ async function X() {
       userId: y.userId,
       userEmail: y.email
     };
-    return Ne(w), e.succeed(`Authenticated as ${y.email}`), w;
+    return Te(w), e.succeed(`Authenticated as ${y.email}`), w;
   } catch (o) {
     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;
   }
-  Te(), 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
       );
@@ -1281,48 +1294,48 @@ async function gt() {
         accessToken: n.access_token,
         refreshToken: n.refresh_token,
         expiresAt: new Date(Date.now() + n.expires_in * 1e3).toISOString()
-      }, Ne(e), o.succeed("Token refreshed"), e;
+      }, Te(e), o.succeed("Token refreshed"), e;
     } catch {
-      return o.warn("Token refresh failed, please log in again"), Te(), 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) {
-  const n = e.split(".").map(Number), i = o.split(".").map(Number);
-  for (let u = 0; u < Math.max(n.length, i.length); u++) {
-    const c = n[u] || 0, m = i[u] || 0;
+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;
     if (c > m) return 1;
     if (c < m) return -1;
   }
   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;
   console.log(`
 📦 New version available: ${e} → ${n}
 `);
-  let i;
+  let a;
   try {
-    i = await Oe({
+    a = await Ie({
       message: "Would you like to update now?",
       choices: [
         { name: "Yes, update now", value: !0 },
@@ -1335,26 +1348,26 @@ async function vt(e) {
 👋 Goodbye!
 `), process.exit(0)), u;
   }
-  if (i) {
+  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;
     }
   }
   return !1;
 }
-const xt = (e) => new Promise((o) => setTimeout(o, e));
+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 = {
@@ -1362,17 +1375,17 @@ 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(`
 ⚠️ failed read config file from ${d.options.configPath}, trying to create new one`);
       try {
-        const i = {
+        const a = {
           author: "@myop-cli",
           flows: []
         };
-        return ge(d.options.configPath, i), d.myopConfig = i, { configFound: !0 };
+        return ge(d.options.configPath, a), d.myopConfig = a, { configFound: !0 };
       } catch {
         return console.info("Error details :", n), { configFound: !1, error: n };
       }
@@ -1382,23 +1395,23 @@ const ce = (e = !1) => {
 };
 [
   new me(),
-  ...nt
+  ...st
 ];
-const St = "0.1.15";
-d.program = new Ve();
-d.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version(St);
-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" && ke._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" && Ee._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 Pe.action();
+  le(), await _e.action();
 });
 d.program.command("login").description("Authenticate with Myop platform").action(async () => {
   try {
@@ -1409,15 +1422,15 @@ 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, S, N, z, v, E;
-  const o = d.program.getOptionValue("config") || "./myop.config.json", n = await import("fs"), { execSync: i } = await import("child_process"), u = await import("path");
+  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))
     try {
@@ -1433,7 +1446,7 @@ d.program.command("sync").description("Build and upload component to Myop platfo
   if (!e.skipBuild) {
     const h = F("Building project...").start();
     try {
-      i("npm run build", { stdio: "pipe" }), h.succeed("Build completed");
+      a("npm run build", { stdio: "pipe" }), h.succeed("Build completed");
     } catch (M) {
       h.fail("Build failed"), console.error(M.message), process.exit(1);
     }
@@ -1442,11 +1455,11 @@ d.program.command("sync").description("Build and upload component to Myop platfo
   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;
   try {
-    x = await gt();
+    x = await ht();
   } catch (h) {
     console.error("❌ Authentication failed:", h.message), process.exit(1);
   }
-  const b = ht();
+  const b = yt();
   let f = F("Requesting upload URL...").start(), y;
   try {
     const h = await fetch(`${b}/mcp`, {
@@ -1474,8 +1487,8 @@ 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 = (S = (j = M.result) == null ? void 0 : j.content) == null ? void 0 : S[0]) == null ? void 0 : N.text;
-    if (y = JSON.parse(_), !y.success)
+    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);
     f.succeed("Upload URL obtained");
   } catch (h) {
@@ -1485,9 +1498,9 @@ d.program.command("sync").description("Build and upload component to Myop platfo
   try {
     const h = n.readFileSync(m, "utf-8");
     let M;
-    const _ = y.curlCommand.match(/(?:"|\\")([^"\\]+(?:\\.[^"\\]*)*)(?:"|\\")$/);
-    if (_)
-      M = _[1];
+    const N = y.curlCommand.match(/(?:"|\\")([^"\\]+(?:\\.[^"\\]*)*)(?:"|\\")$/);
+    if (N)
+      M = N[1];
     else {
       const C = y.curlCommand.match(/(https:\/\/[^\s"\\]+)/);
       if (C)
@@ -1537,8 +1550,8 @@ 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 _ = (E = (v = (z = M.result) == null ? void 0 : z.content) == null ? void 0 : v[0]) == null ? void 0 : E.text;
-    if (w = JSON.parse(_), !w.success)
+    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");
   } catch (h) {
@@ -1557,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(_e);
-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();
@@ -1581,10 +1594,10 @@ const bt = () => {
         deletions: 0
       };
     const o = e.split(`
-`), n = o[o.length - 1], i = n.match(/(\d+) insertion/), u = n.match(/(\d+) deletion/), c = n.match(/(\d+) file/);
+`), n = o[o.length - 1], a = n.match(/(\d+) insertion/), u = n.match(/(\d+) deletion/), c = n.match(/(\d+) file/);
     return {
       files: c ? parseInt(c[1]) : 0,
-      insertions: i ? parseInt(i[1]) : 0,
+      insertions: a ? parseInt(a[1]) : 0,
       deletions: u ? parseInt(u[1]) : 0
     };
   } catch {
@@ -1592,10 +1605,10 @@ const bt = () => {
   }
 }, B = async (e = !1, o = !1) => {
   var y, w, j;
-  const n = ye(), i = !!(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:       ${i ? 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("");
+`), 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 = [
     {
       emoji: "🚀",
@@ -1609,7 +1622,7 @@ const bt = () => {
       label: u ? `Push "${u}"` : "Push component",
       value: "sync",
       help: "Builds project & uploads dist/index.html to Myop",
-      disabled: e ? i ? !1 : "(login required)" : "(no config file)"
+      disabled: e ? a ? !1 : "(login required)" : "(no config file)"
     },
     {
       emoji: "🛠️ ",
@@ -1627,10 +1640,10 @@ const bt = () => {
   b.push(
     new me(),
     {
-      name: o && i ? `🔓 Logout (${n.email})
-     Clears stored credentials from this machine` : o && !i ? `🔐 Login to Myop
-     Opens browser to authenticate with Myop` : i ? `🔓 Logout (${n.email})` : "🔐 Login to Myop",
-      value: i ? "logout" : "login"
+      name: o && a ? `🔓 Logout (${n.email})
+     Clears stored credentials from this machine` : o && !a ? `🔐 Login to Myop
+     Opens browser to authenticate with Myop` : a ? `🔓 Logout (${n.email})` : "🔐 Login to Myop",
+      value: a ? "logout" : "login"
     },
     {
       name: o ? "📖 Hide help" : "📖 Show help",
@@ -1644,7 +1657,7 @@ const bt = () => {
   );
   let f;
   try {
-    f = await Oe({
+    f = await Ie({
       message: "What would you like to do?",
       choices: b
     });
@@ -1656,7 +1669,7 @@ const bt = () => {
   }
   switch (f) {
     case "init":
-      await Ct();
+      await $t();
       break;
     case "sync":
       console.log(`
@@ -1670,18 +1683,18 @@ Running sync...
       await B(!0, o);
       break;
     case "dev":
-      await _e();
+      await ke();
       break;
     case "login":
       try {
         await X(), console.log(`
 `), await B(e, o);
-      } catch (N) {
-        console.error("Login failed:", N.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":
@@ -1690,7 +1703,7 @@ Running sync...
     case "exit":
       process.exit(0);
   }
-}, Ct = async () => {
+}, $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 {
@@ -1906,7 +1919,7 @@ p {
   }
 };
 d.program.command("default", { isDefault: !0 }).action(async () => {
-  if (d.program.getOptionValue("help") && (console.log(Ke), process.exit()), d.program.getOptionValue("ci")) {
+  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 {
@@ -1937,10 +1950,10 @@ d.program.command("default", { isDefault: !0 }).action(async () => {
     text: "Loading Myop CLI...",
     color: "green"
   }).start();
-  const i = ce();
-  await xt(500), n.stop();
+  const a = le();
+  await St(500), n.stop();
   const u = d.program.version();
-  await vt(u), await B(i.configFound);
+  await xt(u), await B(a.configFound);
 });
 d.program.parse(process.argv);
 d.program.opts();