@myop/cli 0.1.6 → 0.1.8

package/dist/myop-cli.js

@@ -1,10 +1,10 @@
 #!/usr/bin/env node
-import he from "ora";
-import { Separator as ye, select as ve } from "@inquirer/prompts";
-import { Command as we, Option as V } from "commander";
-import Q from "path";
-import ne from "fs";
-const Se = `
+import be from "ora";
+import { Separator as xe, select as $e } from "@inquirer/prompts";
+import { Command as Me, Option as Z } from "commander";
+import K from "path";
+import re from "fs";
+const Pe = `
 Usage: myop [OPTIONS] COMMAND [ARGS]...
 
 A powerful command-line interface for managing your Myop projects.
@@ -46,87 +46,87 @@ Examples:
     verbose: !1
   },
   myopConfig: null
-}, se = {
+}, ae = {
   name: "📥 Install Myop generated dependencies",
   value: "myopInstall",
   description: "Fetch and generates Myop dependencies. flows including components, refs and props.",
   action: async () => {
     console.info("installing... ");
-    for (const s of a.myopConfig.flows) {
-      const t = Q.join(a.executionPath, "/node_modules/@myop/flow-types/");
-      console.info(`Generate flow at ${t}`), console.info(`Generated flow at ${t}`);
+    for (const i of a.myopConfig.flows) {
+      const s = K.join(a.executionPath, "/node_modules/@myop/flow-types/");
+      console.info(`Generate flow at ${s}`), console.info(`Generated flow at ${s}`);
     }
     process.exit();
   }
-}, Ce = (s) => {
-  const t = Q.join(a.executionPath, s);
-  console.info(`reading config file from: ${t}`);
-  const m = ne.readFileSync(t, "utf8"), l = JSON.parse(m);
-  return console.info("config file loaded, ", l), l;
-}, Z = (s, t) => {
-  const m = Q.join(a.executionPath, s);
+}, He = (i) => {
+  const s = K.join(a.executionPath, i);
+  console.info(`reading config file from: ${s}`);
+  const m = re.readFileSync(s, "utf8"), d = JSON.parse(m);
+  return console.info("config file loaded, ", d), d;
+}, q = (i, s) => {
+  const m = K.join(a.executionPath, i);
   console.info(`writing config file to: ${m}`);
   try {
-    const l = JSON.stringify(t, null, 2);
-    ne.writeFileSync(m, l), console.info(`config file updated ${l}`);
-  } catch (l) {
-    throw console.info(`error ${l} while writing to ${m}, JSON: ${t}`), console.log(`
-⚠️ Failed write config file to ${m}, for more info use verbose flag`), l;
+    const d = JSON.stringify(s, null, 2);
+    re.writeFileSync(m, d), console.info(`config file updated ${d}`);
+  } catch (d) {
+    throw console.info(`error ${d} while writing to ${m}, JSON: ${s}`), console.log(`
+⚠️ Failed write config file to ${m}, for more info use verbose flag`), d;
   }
-}, ie = {
+}, ce = {
   name: "🌟 Add flow definition to your project",
   value: "addFlow",
   description: "Adds flow to yours myop.config.json",
-  _action: (s) => {
-    a.myopConfig.flows.includes(s) || a.myopConfig.flows.push(s), Z(a.options.configPath, a.myopConfig);
+  _action: (i) => {
+    a.myopConfig.flows.includes(i) || a.myopConfig.flows.push(i), q(a.options.configPath, a.myopConfig);
   },
   action: async () => {
   }
-}, ae = {
+}, le = {
   name: "🚫 Remove flow definition from your project",
   value: "removeFlow",
   description: "Removes flow to yours myop.config.json",
-  _action: (s) => {
-    a.myopConfig.flows = a.myopConfig.flows.filter((t) => t !== s), Z(a.options.configPath, a.myopConfig);
+  _action: (i) => {
+    a.myopConfig.flows = a.myopConfig.flows.filter((s) => s !== i), q(a.options.configPath, a.myopConfig);
   },
   action: () => {
   }
-}, Oe = {
+}, Te = {
   name: "👋 Quit",
   value: "quit",
   description: "Quit and continue coding.",
   action: () => {
     process.exit();
   }
-}, $e = {
+}, Re = {
   name: "🟢 Create new component",
   value: "-",
   disabled: "(not available yet)"
-}, be = {
+}, Ae = {
   name: "🔵 Create new experience",
   value: "-",
   disabled: "(not available yet)"
-}, Te = {
+}, Ie = {
   name: "🟡 Create new skin",
   value: "-",
   disabled: "(not available yet)"
-}, xe = {
+}, _e = {
   name: "🔴 Create new flow",
   value: "-",
   disabled: "(not available yet)"
-}, Pe = {
+}, Ne = {
   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)"
-}, Ne = [Pe, $e, be, Te, xe];
-function Ie(s, t, m, l) {
+}, je = [Ne, Re, Ae, Ie, _e];
+function Fe(i, s, m, d) {
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Myop DevTools - localhost:${s}</title>
+<title>Myop DevTools - localhost:${i}</title>
 <style>
 ${m}
 </style>
@@ -136,8 +136,8 @@ ${m}
     <div class="toolbar">
         <div class="toolbar-title">Myop DevTools</div>
         <div class="toolbar-info">
-            <span><div class="status-dot"></div> localhost:${s}</span>
-            <span>Management: ${t}</span>
+            <span><div class="status-dot"></div> localhost:${i}</span>
+            <span>Management: ${s}</span>
         </div>
     </div>
 
@@ -145,6 +145,7 @@ ${m}
         <div class="tab active">Network Architecture</div>
         <div class="tab">Performance</div>
         <div class="tab">Console</div>
+        <button class="clear-data-btn" onclick="clearStoredData()" title="Clear all stored data">🗑️ Clear Data</button>
     </div>
 
     <div class="main-content">
@@ -202,33 +203,33 @@ ${m}
 
 <script>
 // Inject PORT as a global variable for the app to use
-window.PORT = ${s};
+window.PORT = ${i};
 
-${l}
+${d}
 <\/script>
 </body>
 </html>`;
 }
-async function Ae() {
-  const s = await import("fs"), t = await import("path"), { exec: m } = await import("child_process"), l = await import("http");
-  let N;
+async function Ee() {
+  const i = await import("fs"), s = await import("path"), { exec: m } = await import("child_process"), d = await import("http"), { createHash: I } = await import("node:crypto");
+  let P;
   if (import.meta.url.startsWith("file://")) {
     const o = import.meta.url.slice(7);
-    N = t.default.dirname(o);
+    P = s.default.dirname(o);
   } else
-    N = t.default.dirname(import.meta.url);
-  const I = t.default.join(N, "commands", "dev", "management-website"), E = s.default.readFileSync(t.default.join(I, "styles.css"), "utf-8"), D = s.default.readFileSync(t.default.join(I, "app.js"), "utf-8"), v = 9292, S = 9293, b = "./dist";
-  let w = !1, H = !1;
-  const B = /* @__PURE__ */ new Map(), le = a.program.getOptionValue("config") || "./myop.config.json";
-  let u, T;
+    P = s.default.dirname(import.meta.url);
+  const _ = s.default.join(P, "commands", "dev", "management-website"), E = i.default.readFileSync(s.default.join(_, "styles.css"), "utf-8"), J = i.default.readFileSync(s.default.join(_, "app.js"), "utf-8"), S = 9292, h = 9293, y = "./dist";
+  let N = !1, Y = !1;
+  const V = /* @__PURE__ */ new Map(), me = a.program.getOptionValue("config") || "./myop.config.json";
+  let g, x, D = !1;
   try {
-    const o = s.default.readFileSync(le, "utf-8"), e = JSON.parse(o);
-    u = e.componentId, T = e.componentName || null, u || (console.error("❌ Error: componentId not found in myop.config.json"), process.exit(1));
+    const o = i.default.readFileSync(me, "utf-8"), e = JSON.parse(o);
+    g = e.componentId, x = e.componentName || null, D = e.HMR === !0, g || (console.error("❌ Error: componentId not found in myop.config.json"), process.exit(1)), D && console.log("🔥 HMR enabled");
   } catch (o) {
     console.error("❌ Error reading myop.config.json:", o.message), process.exit(1);
   }
-  const R = process.cwd(), de = (o) => {
-    const e = t.default.extname(o).toLowerCase();
+  const L = process.cwd(), fe = (o) => {
+    const e = s.default.extname(o).toLowerCase();
     return {
       ".html": "text/html",
       ".js": "text/javascript",
@@ -240,25 +241,43 @@ async function Ae() {
       ".svg": "image/svg+xml",
       ".ico": "image/x-icon"
     }[e] || "application/octet-stream";
-  }, g = /* @__PURE__ */ new Map(), L = [], pe = 50, x = [], A = /* @__PURE__ */ new Map(), Y = l.default.createServer((o, e) => {
+  }, u = /* @__PURE__ */ new Map(), U = [], ge = 50, $ = [], T = /* @__PURE__ */ new Map(), H = /* @__PURE__ */ new Map(), ue = (o, e, t) => {
+    if (o.url.startsWith("/_hmr/")) {
+      const n = o.url.split("/_hmr/")[1], c = o.headers["sec-websocket-key"], r = I("sha1").update(c + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");
+      e.write(
+        `HTTP/1.1 101 Switching Protocols\r
+Upgrade: websocket\r
+Connection: Upgrade\r
+Sec-WebSocket-Accept: ${r}\r
+\r
+`
+      ), H.has(n) || H.set(n, /* @__PURE__ */ new Set()), H.get(n).add(e), console.log(`🔌 HMR client connected: ${n}`), e.on("close", () => {
+        const l = H.get(n);
+        l && (l.delete(e), l.size === 0 && H.delete(n)), console.log(`🔌 HMR client disconnected: ${n}`);
+      }), e.on("error", () => {
+        const l = H.get(n);
+        l && l.delete(e);
+      });
+    }
+  }, X = d.default.createServer((o, e) => {
     if (e.setHeader("Content-Type", "application/json"), o.method === "POST" && o.url === "/_register") {
-      let i = "";
-      o.on("data", (n) => i += n), o.on("end", () => {
+      let t = "";
+      o.on("data", (n) => t += n), o.on("end", () => {
         try {
-          const { componentId: n, distPath: r, componentName: c } = JSON.parse(i);
-          g.set(n, { path: r, name: c || null });
-          const p = c ? ` (${c})` : "";
-          console.log(`✅ Registered: ${n}${p} -> ${r}`), e.writeHead(200), e.end(JSON.stringify({ success: !0, registered: Array.from(g.keys()) }));
-          const h = Array.from(g.entries()).map(([C, J]) => ({
+          const { componentId: n, distPath: c, componentName: r } = JSON.parse(t);
+          u.set(n, { path: c, name: r || null });
+          const l = r ? ` (${r})` : "";
+          console.log(`✅ Registered: ${n}${l} -> ${c}`), e.writeHead(200), e.end(JSON.stringify({ success: !0, registered: Array.from(u.keys()) }));
+          const w = Array.from(u.entries()).map(([C, j]) => ({
             id: C,
-            path: J.path,
-            name: J.name
+            path: j.path,
+            name: j.name
           }));
-          x.forEach((C) => {
+          $.forEach((C) => {
             try {
               C.write(`data: ${JSON.stringify({
                 type: "components",
-                components: h
+                components: w
               })}
 
 `);
@@ -270,21 +289,21 @@ async function Ae() {
         }
       });
     } else if (o.method === "POST" && o.url === "/_unregister") {
-      let i = "";
-      o.on("data", (n) => i += n), o.on("end", () => {
+      let t = "";
+      o.on("data", (n) => t += n), o.on("end", () => {
         try {
-          const { componentId: n } = JSON.parse(i);
-          g.delete(n), console.log(`❌ Unregistered: ${n}`), e.writeHead(200), e.end(JSON.stringify({ success: !0 }));
-          const r = Array.from(g.entries()).map(([c, p]) => ({
-            id: c,
-            path: p.path,
-            name: p.name
+          const { componentId: n } = JSON.parse(t);
+          u.delete(n), console.log(`❌ Unregistered: ${n}`), e.writeHead(200), e.end(JSON.stringify({ success: !0 }));
+          const c = Array.from(u.entries()).map(([r, l]) => ({
+            id: r,
+            path: l.path,
+            name: l.name
           }));
-          x.forEach((c) => {
+          $.forEach((r) => {
             try {
-              c.write(`data: ${JSON.stringify({
+              r.write(`data: ${JSON.stringify({
                 type: "components",
-                components: r
+                components: c
               })}
 
 `);
@@ -295,99 +314,99 @@ async function Ae() {
           e.writeHead(400), e.end(JSON.stringify({ error: n.message }));
         }
       });
-    } else o.method === "GET" && o.url === "/_list" ? (e.writeHead(200), e.end(JSON.stringify({ components: Array.from(g.entries()) }))) : (e.writeHead(404), e.end(JSON.stringify({ error: "Not found" })));
-  }), _ = l.default.createServer((o, e) => {
+    } else o.method === "GET" && o.url === "/_list" ? (e.writeHead(200), e.end(JSON.stringify({ components: Array.from(u.entries()) }))) : (e.writeHead(404), e.end(JSON.stringify({ error: "Not found" })));
+  }), k = d.default.createServer((o, e) => {
     if (o.url.includes("..")) {
       e.writeHead(403, { "Content-Type": "text/plain" }), e.end("Forbidden");
       return;
     }
-    const i = new URL(o.url, `http://localhost:${v}`), n = i.pathname, r = n.split("/").filter((y) => y);
+    const t = new URL(o.url, `http://localhost:${S}`), n = t.pathname, c = n.split("/").filter((v) => v);
     if (n.startsWith("/consume")) {
-      const y = i.searchParams.get("id");
-      if (!y) {
+      const v = t.searchParams.get("id");
+      if (!v) {
         e.writeHead(400, { "Content-Type": "application/json" }), e.end(JSON.stringify({ error: "Component ID required. Use /consume?id=<componentId>" }));
         return;
       }
-      const $ = g.get(y), P = $ ? $.path : null, te = (M) => {
-        let d = "Unknown", O = "Unknown";
+      const b = u.get(v), M = b ? b.path : null, ie = (R) => {
+        let p = "Unknown", O = "Unknown";
         if (o.headers.referer || o.headers.referrer) {
           const f = o.headers.referer || o.headers.referrer;
           try {
-            const j = new URL(f);
-            d = j.origin, O = j.hostname || j.origin;
+            const A = new URL(f);
+            p = A.origin, O = A.hostname || A.origin;
           } catch {
-            d = f, O = f;
+            p = f, O = f;
           }
         } else if (o.headers.origin)
           try {
             const f = new URL(o.headers.origin);
-            d = f.origin, O = f.hostname || f.origin;
+            p = f.origin, O = f.hostname || f.origin;
           } catch {
-            d = o.headers.origin, O = o.headers.origin;
+            p = o.headers.origin, O = o.headers.origin;
           }
         else if (o.socket.remoteAddress) {
           const f = o.socket.remoteAddress;
-          f === "::1" || f === "::ffff:127.0.0.1" ? (d = "localhost", O = "localhost (direct)") : (d = f, O = f.replace("::ffff:", ""));
+          f === "::1" || f === "::ffff:127.0.0.1" ? (p = "localhost", O = "localhost (direct)") : (p = f, O = f.replace("::ffff:", ""));
         }
-        const W = o.headers.referer || o.headers.referrer || d, G = {
+        const Q = o.headers.referer || o.headers.referrer || p, W = {
           type: "request",
-          componentId: y,
+          componentId: v,
           timestamp: Date.now(),
-          servedLocally: M,
-          referrer: W,
-          origin: d,
+          servedLocally: R,
+          referrer: Q,
+          origin: p,
           originLabel: O
         };
-        A.has(d) || (A.set(d, {
-          url: d,
+        T.has(p) || (T.set(p, {
+          url: p,
           label: O,
           firstSeen: Date.now(),
           requestCount: 0
-        }), x.forEach((f) => {
+        }), $.forEach((f) => {
           try {
             f.write(`data: ${JSON.stringify({
               type: "origins",
-              origins: Array.from(A.values())
+              origins: Array.from(T.values())
             })}
 
 `);
           } catch {
           }
         }));
-        const ue = A.get(d);
-        ue.requestCount++, x.forEach((f) => {
+        const Oe = T.get(p);
+        Oe.requestCount++, $.forEach((f) => {
           try {
             f.write(`data: ${JSON.stringify({
               type: "origins",
-              origins: Array.from(A.values())
+              origins: Array.from(T.values())
             })}
 
 `);
           } catch {
           }
-        }), L.push(G), L.length > pe && L.shift(), x.forEach((f) => {
+        }), U.push(W), U.length > ge && U.shift(), $.forEach((f) => {
           try {
-            f.write(`data: ${JSON.stringify(G)}
+            f.write(`data: ${JSON.stringify(W)}
 
 `);
           } catch {
           }
         });
       };
-      if (P) {
-        const M = t.default.join(P, "index.html");
-        s.default.readFile(M, "utf-8", (d, O) => {
-          if (d) {
-            console.log(`❌ File not found: ${M}`), e.writeHead(404, { "Content-Type": "application/json" }), e.end(JSON.stringify({ error: "index.html not found" }));
+      if (M) {
+        const R = s.default.join(M, "index.html");
+        i.default.readFile(R, "utf-8", (p, O) => {
+          if (p) {
+            console.log(`❌ File not found: ${R}`), e.writeHead(404, { "Content-Type": "application/json" }), e.end(JSON.stringify({ error: "index.html not found" }));
             return;
           }
-          const W = `dev-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, G = {
+          const Q = `dev-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, W = {
             item: {
-              name: y,
-              id: y,
+              name: v,
+              id: v,
               consume_variant: [
                 {
-                  id: W,
+                  id: Q,
                   name: "dev version",
                   loader: {
                     type: "HTMLLoader",
@@ -398,21 +417,21 @@ async function Ae() {
               ]
             }
           };
-          console.log(`✅ Serving consume JSON for: ${y}`), te(!0), e.writeHead(200, {
+          console.log(`✅ Serving consume JSON for: ${v}`), ie(!0), e.writeHead(200, {
             "Content-Type": "application/json",
             "Access-Control-Allow-Origin": "*"
-          }), e.end(JSON.stringify(G, null, 2));
+          }), e.end(JSON.stringify(W, null, 2));
         });
       } else {
-        console.log(`📡 Proxying consume request to cloud.myop.dev for: ${y}`);
-        const M = `https://cloud.myop.dev/consume${i.search}`;
-        te(!1), fetch(M).then((d) => d.text()).then((d) => {
+        console.log(`📡 Proxying consume request to cloud.myop.dev for: ${v}`);
+        const R = `https://cloud.myop.dev/consume${t.search}`;
+        ie(!1), fetch(R).then((p) => p.text()).then((p) => {
           e.writeHead(200, {
             "Content-Type": "application/json",
             "Access-Control-Allow-Origin": "*"
-          }), e.end(d);
-        }).catch((d) => {
-          console.error(`❌ Proxy error: ${d.message}`), e.writeHead(502, { "Content-Type": "application/json" }), e.end(JSON.stringify({ error: "Failed to fetch from cloud.myop.dev" }));
+          }), e.end(p);
+        }).catch((p) => {
+          console.error(`❌ Proxy error: ${p.message}`), e.writeHead(502, { "Content-Type": "application/json" }), e.end(JSON.stringify({ error: "Failed to fetch from cloud.myop.dev" }));
         });
       }
       return;
@@ -423,256 +442,422 @@ async function Ae() {
         "Cache-Control": "no-cache",
         Connection: "keep-alive",
         "Access-Control-Allow-Origin": "*"
-      }), x.push(e);
-      const y = Array.from(g.entries()).map(([$, P]) => ({
-        id: $,
-        path: P.path,
-        name: P.name
+      }), $.push(e);
+      const v = Array.from(u.entries()).map(([b, M]) => ({
+        id: b,
+        path: M.path,
+        name: M.name
       }));
       e.write(`data: ${JSON.stringify({
         type: "components",
-        components: y
+        components: v
       })}
 
 `), e.write(`data: ${JSON.stringify({
         type: "origins",
-        origins: Array.from(A.values())
+        origins: Array.from(T.values())
       })}
 
 `), e.write(`data: ${JSON.stringify({
         type: "requestLog",
-        log: L
+        log: U
       })}
 
 `), o.on("close", () => {
-        const $ = x.indexOf(e);
-        $ !== -1 && x.splice($, 1);
+        const b = $.indexOf(e);
+        b !== -1 && $.splice(b, 1);
       });
       return;
     }
-    if (r.length === 0) {
-      e.writeHead(200, { "Content-Type": "text/html" }), e.end(Ie(v, S, E, D));
+    if (c.length === 0) {
+      e.writeHead(200, { "Content-Type": "text/html" }), e.end(Fe(S, h, E, J));
       return;
     }
-    if (r[0] !== "view") {
+    if (c[0] !== "view") {
       e.writeHead(404, { "Content-Type": "text/plain" }), e.end("Not found. Use /view/<componentId>/ to access components.");
       return;
     }
-    if (r.length < 2) {
+    if (c.length < 2) {
       e.writeHead(400, { "Content-Type": "text/plain" }), e.end("Component ID required. Use /view/<componentId>/");
       return;
     }
-    const c = r[1], p = g.get(c);
-    if (!p) {
-      e.writeHead(404, { "Content-Type": "text/plain" }), e.end(`Component not found: ${c}`);
+    const r = c[1], l = u.get(r);
+    if (!l) {
+      e.writeHead(404, { "Content-Type": "text/plain" }), e.end(`Component not found: ${r}`);
       return;
     }
-    const h = p.path, C = r.slice(2), J = C.length === 0 ? "index.html" : C.join("/"), F = t.default.join(h, J);
-    console.log(`📥 Request: ${o.url} -> ${F}`), s.default.readFile(F, (y, $) => {
-      if (y) {
+    const w = l.path, C = c.slice(2), j = C.length === 0 ? "index.html" : C.join("/"), F = s.default.join(w, j);
+    console.log(`📥 Request: ${o.url} -> ${F}`), i.default.readFile(F, (v, b) => {
+      if (v) {
         console.log(`❌ File not found: ${F}`), e.writeHead(404, { "Content-Type": "text/plain" }), e.end("Not Found");
         return;
       }
-      const P = de(F);
-      console.log(`✅ Serving: ${F} (${P})`), e.writeHead(200, {
-        "Content-Type": P,
+      const M = fe(F);
+      console.log(`✅ Serving: ${F} (${M})`), e.writeHead(200, {
+        "Content-Type": M,
         "Access-Control-Allow-Origin": "*"
-      }), e.end($);
+      }), e.end(b);
     });
-  }), X = () => new Promise((o, e) => {
-    const i = JSON.stringify({
-      componentId: u,
-      distPath: t.default.resolve(R, b),
-      componentName: T
+  }), ee = () => new Promise((o, e) => {
+    const t = JSON.stringify({
+      componentId: g,
+      distPath: s.default.resolve(L, y),
+      componentName: x
     }), n = {
       hostname: "localhost",
-      port: S,
+      port: h,
       path: "/_register",
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        "Content-Length": Buffer.byteLength(i)
+        "Content-Length": Buffer.byteLength(t)
       }
-    }, r = l.default.request(n, (c) => {
-      let p = "";
-      c.on("data", (h) => p += h), c.on("end", () => {
-        c.statusCode === 200 ? o(JSON.parse(p)) : e(new Error(`Registration failed: ${c.statusCode}`));
+    }, c = d.default.request(n, (r) => {
+      let l = "";
+      r.on("data", (w) => l += w), r.on("end", () => {
+        r.statusCode === 200 ? o(JSON.parse(l)) : e(new Error(`Registration failed: ${r.statusCode}`));
       });
     });
-    r.on("error", e), r.write(i), r.end();
-  }), me = () => new Promise((o, e) => {
-    const i = JSON.stringify({ componentId: u }), n = {
+    c.on("error", e), c.write(t), c.end();
+  }), he = () => new Promise((o, e) => {
+    const t = JSON.stringify({ componentId: g }), n = {
       hostname: "localhost",
-      port: S,
+      port: h,
       path: "/_unregister",
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        "Content-Length": Buffer.byteLength(i)
+        "Content-Length": Buffer.byteLength(t)
       }
-    }, r = l.default.request(n, (c) => {
+    }, c = d.default.request(n, (r) => {
       o();
     });
-    r.on("error", () => o()), r.write(i), r.end();
-  }), U = () => {
-    if (w) {
-      H = !0;
+    c.on("error", () => o()), c.write(t), c.end();
+  }), ye = () => {
+    if (!D) return;
+    const o = s.default.join(y, "index.html");
+    try {
+      let e = i.default.readFileSync(o, "utf-8");
+      if (e.includes("<!-- MYOP HMR -->")) {
+        const n = e.indexOf("<!-- MYOP HMR -->"), c = e.indexOf("<\/script>", n) + 9;
+        e = e.slice(0, n) + e.slice(c);
+      }
+      const t = `
+<!-- MYOP HMR -->
+<script>
+(function() {
+    const componentId = '${g}';
+    const wsUrl = 'ws://localhost:${h}/_hmr/' + componentId;
+    let ws;
+    let reconnectAttempts = 0;
+    const maxReconnectAttempts = 10;
+
+    // Capture all myop_init_interface calls
+    const initCalls = [];
+    const originalMyopInit = window.myop_init_interface;
+
+    // Preserve myop_cta_handler reference
+    let preservedCtaHandler = window.myop_cta_handler;
+
+    // Proxy myop_init_interface to capture all calls
+    window.myop_init_interface = function(...args) {
+        // Store the call arguments
+        initCalls.push(args);
+        console.log('🔥 HMR: Captured myop_init_interface call', args);
+
+        // Call original function if it exists
+        if (originalMyopInit && typeof originalMyopInit === 'function') {
+            return originalMyopInit.apply(this, args);
+        }
+    };
+
+    function connect() {
+        ws = new WebSocket(wsUrl);
+
+        ws.onopen = () => {
+            console.log('🔥 HMR connected');
+            reconnectAttempts = 0;
+        };
+
+        ws.onmessage = (event) => {
+            const data = JSON.parse(event.data);
+            if (data.type === 'update') {
+                console.log('🔄 HMR: Updating document...');
+
+                // Get current scroll position
+                const scrollX = window.scrollX;
+                const scrollY = window.scrollY;
+
+                // Store the captured init calls
+                const capturedCalls = [...initCalls];
+                console.log('🔥 HMR: Stored', capturedCalls.length, 'myop_init_interface calls');
+
+                // Preserve myop_cta_handler before document replacement
+                if (window.myop_cta_handler) {
+                    preservedCtaHandler = window.myop_cta_handler;
+                    console.log('🔥 HMR: Preserved myop_cta_handler reference');
+                }
+
+                // Replace document content
+                document.open();
+                document.write(data.html);
+                document.close();
+
+                // Restore scroll position
+                window.scrollTo(scrollX, scrollY);
+
+                // Restore myop_cta_handler reference immediately
+                if (preservedCtaHandler) {
+                    window.myop_cta_handler = preservedCtaHandler;
+                    console.log('🔥 HMR: Restored myop_cta_handler reference');
+                }
+
+                // Wait for new document to be ready and replay init calls
+                setTimeout(() => {
+                    console.log('🔥 HMR: Replaying', capturedCalls.length, 'myop_init_interface calls');
+
+                    capturedCalls.forEach((args, index) => {
+                        if (window.myop_init_interface && typeof window.myop_init_interface === 'function') {
+                            console.log('🔥 HMR: Replaying call', index + 1, args);
+                            window.myop_init_interface.apply(window, args);
+                        }
+                    });
+
+                    // Reconnect HMR after replaying calls
+                    if (ws.readyState === WebSocket.CLOSED) {
+                        connect();
+                    }
+                }, 100);
+            }
+        };
+
+        ws.onclose = () => {
+            console.log('🔥 HMR disconnected');
+            if (reconnectAttempts < maxReconnectAttempts) {
+                reconnectAttempts++;
+                setTimeout(connect, 1000 * reconnectAttempts);
+            }
+        };
+
+        ws.onerror = (error) => {
+            console.error('🔥 HMR error:', error);
+        };
+    }
+
+    connect();
+})();
+<\/script>
+`;
+      e.includes("</body>") ? e = e.replace("</body>", `${t}</body>`) : e.includes("</html>") ? e = e.replace("</html>", `${t}</html>`) : e += t, i.default.writeFileSync(o, e, "utf-8"), console.log("🔥 HMR script injected");
+    } catch (e) {
+      console.error("❌ Failed to inject HMR script:", e.message);
+    }
+  }, we = (o) => {
+    const e = Buffer.from(o), t = e.length;
+    let n;
+    return t < 126 ? n = Buffer.concat([
+      Buffer.from([129, t]),
+      // FIN + text frame, length
+      e
+    ]) : t < 65536 ? n = Buffer.concat([
+      Buffer.from([129, 126]),
+      // FIN + text frame, extended length
+      Buffer.from([t >> 8, t & 255]),
+      // 16-bit length
+      e
+    ]) : n = Buffer.concat([
+      Buffer.from([129, 127]),
+      // FIN + text frame, extended length
+      Buffer.from([0, 0, 0, 0, t >> 24, t >> 16 & 255, t >> 8 & 255, t & 255]),
+      // 64-bit length
+      e
+    ]), n;
+  }, ve = () => {
+    if (!D) return;
+    const o = H.get(g);
+    if (!o || o.size === 0)
+      return;
+    console.log(`🔥 Notifying ${o.size} HMR client(s)`);
+    const e = s.default.join(y, "index.html");
+    try {
+      let t = i.default.readFileSync(e, "utf-8");
+      if (t.includes("<!-- MYOP HMR -->")) {
+        const r = t.indexOf("<!-- MYOP HMR -->"), l = t.indexOf("<\/script>", r) + 9;
+        t = t.slice(0, r) + t.slice(l);
+      }
+      const n = JSON.stringify({
+        type: "update",
+        html: t
+      }), c = we(n);
+      o.forEach((r) => {
+        try {
+          r.write(c);
+        } catch {
+          o.delete(r);
+        }
+      });
+    } catch (t) {
+      console.error("❌ Failed to read HTML for HMR:", t.message);
+    }
+  }, B = () => {
+    if (N) {
+      Y = !0;
       return;
     }
-    w = !0, console.log(`
-🔨 Building...`), m("npm run build", (o, e, i) => {
-      w = !1, o ? (console.error("❌ Build failed:", o.message), i && console.error(i)) : (console.log("✅ Build completed"), e && console.log(e)), H && (H = !1, U());
+    N = !0, console.log(`
+🔨 Building...`), m("npm run build", (o, e, t) => {
+      N = !1, o ? (console.error("❌ Build failed:", o.message), t && console.error(t)) : (console.log("✅ Build completed"), e && console.log(e), ye(), ve()), Y && (Y = !1, B());
     });
-  }, K = (o) => {
-    s.default.readdir(o, { withFileTypes: !0 }, (e, i) => {
-      e || i.forEach((n) => {
-        const r = t.default.join(o, n.name);
+  }, oe = (o) => {
+    i.default.readdir(o, { withFileTypes: !0 }, (e, t) => {
+      e || t.forEach((n) => {
+        const c = s.default.join(o, n.name);
         if (n.isDirectory())
-          n.name !== "node_modules" && n.name !== "dist" && !n.name.startsWith(".") && K(r);
+          n.name !== "node_modules" && n.name !== "dist" && !n.name.startsWith(".") && oe(c);
         else if (n.isFile()) {
-          const c = t.default.extname(n.name);
-          if (c === ".js" || c === ".css") {
+          const r = s.default.extname(n.name);
+          if (r === ".js" || r === ".css" || r === ".html") {
             try {
-              const p = s.default.readFileSync(r, "utf-8");
-              B.set(r, p);
+              const l = i.default.readFileSync(c, "utf-8");
+              V.set(c, l);
             } catch {
             }
-            s.default.watch(r, (p) => {
-              if (p === "change")
+            i.default.watch(c, (l) => {
+              if (l === "change")
                 try {
-                  const h = s.default.readFileSync(r, "utf-8"), C = B.get(r);
-                  h !== C && (B.set(r, h), console.log(`📝 File changed: ${r}`), U());
+                  const w = i.default.readFileSync(c, "utf-8"), C = V.get(c);
+                  w !== C && (V.set(c, w), console.log(`📝 File changed: ${c}`), B());
                 } catch {
-                  console.log(`📝 File changed: ${r}`), U();
+                  console.log(`📝 File changed: ${c}`), B();
                 }
             });
           }
         }
       });
     });
-  }, q = () => {
+  }, te = () => {
     console.log(`
-🔨 Component: ${u}`), U(), K(R), console.log("👀 Watching .js and .css files for changes..."), console.log(`Press Ctrl+C to stop
+🔨 Component: ${g}`), B(), oe(L), console.log("👀 Watching .js, .css, and .html files for changes..."), console.log(`Press Ctrl+C to stop
 `);
-  }, fe = () => new Promise((o) => {
+  }, Se = () => new Promise((o) => {
     const e = {
       hostname: "localhost",
-      port: S,
+      port: h,
       path: "/_list",
       method: "GET",
       timeout: 1e3
-    }, i = l.default.request(e, (n) => {
+    }, t = d.default.request(e, (n) => {
       o(!0);
     });
-    i.on("error", () => o(!1)), i.on("timeout", () => {
-      i.destroy(), o(!1);
-    }), i.end();
-  }), ge = () => new Promise((o) => {
-    const e = l.default.createServer((i, n) => {
-      if (n.setHeader("Content-Type", "application/json"), i.method === "POST" && i.url === "/_register") {
-        let r = "";
-        i.on("data", (c) => r += c), i.on("end", () => {
+    t.on("error", () => o(!1)), t.on("timeout", () => {
+      t.destroy(), o(!1);
+    }), t.end();
+  }), Ce = () => new Promise((o) => {
+    const e = d.default.createServer((t, n) => {
+      if (n.setHeader("Content-Type", "application/json"), t.method === "POST" && t.url === "/_register") {
+        let c = "";
+        t.on("data", (r) => c += r), t.on("end", () => {
           try {
-            const { componentId: c, distPath: p, componentName: h } = JSON.parse(r);
-            g.set(c, { path: p, name: h || null });
-            const C = h ? ` (${h})` : "";
-            console.log(`✅ Registered: ${c}${C} -> ${p}`), n.writeHead(200), n.end(JSON.stringify({ success: !0, registered: Array.from(g.keys()) }));
-          } catch (c) {
-            n.writeHead(400), n.end(JSON.stringify({ error: c.message }));
+            const { componentId: r, distPath: l, componentName: w } = JSON.parse(c);
+            u.set(r, { path: l, name: w || null });
+            const C = w ? ` (${w})` : "";
+            console.log(`✅ Registered: ${r}${C} -> ${l}`), n.writeHead(200), n.end(JSON.stringify({ success: !0, registered: Array.from(u.keys()) }));
+          } catch (r) {
+            n.writeHead(400), n.end(JSON.stringify({ error: r.message }));
           }
         });
-      } else if (i.method === "POST" && i.url === "/_unregister") {
-        let r = "";
-        i.on("data", (c) => r += c), i.on("end", () => {
+      } else if (t.method === "POST" && t.url === "/_unregister") {
+        let c = "";
+        t.on("data", (r) => c += r), t.on("end", () => {
           try {
-            const { componentId: c } = JSON.parse(r);
-            g.delete(c), console.log(`❌ Unregistered: ${c}`), n.writeHead(200), n.end(JSON.stringify({ success: !0 }));
-          } catch (c) {
-            n.writeHead(400), n.end(JSON.stringify({ error: c.message }));
+            const { componentId: r } = JSON.parse(c);
+            u.delete(r), console.log(`❌ Unregistered: ${r}`), n.writeHead(200), n.end(JSON.stringify({ success: !0 }));
+          } catch (r) {
+            n.writeHead(400), n.end(JSON.stringify({ error: r.message }));
           }
         });
-      } else i.method === "GET" && i.url === "/_list" ? (n.writeHead(200), n.end(JSON.stringify({ components: Array.from(g.entries()) }))) : (n.writeHead(404), n.end(JSON.stringify({ error: "Not found" })));
+      } else t.method === "GET" && t.url === "/_list" ? (n.writeHead(200), n.end(JSON.stringify({ components: Array.from(u.entries()) }))) : (n.writeHead(404), n.end(JSON.stringify({ error: "Not found" })));
     });
     e.on("error", () => {
       o(!1);
-    }), e.listen(S, () => {
+    }), e.listen(h, () => {
       console.log(`
-🔄 Taking over as server...`), console.log(`📡 Management server on port ${S}`), _.on("error", () => {
+🔄 Taking over as server...`), console.log(`📡 Management server on port ${h}`), k.on("error", () => {
         e.close(), o(!1);
-      }), _.listen(v, () => {
-        console.log(`📡 Main server running at http://localhost:${v}`), g.set(u, {
-          path: t.default.resolve(R, b),
-          name: T
+      }), k.listen(S, () => {
+        console.log(`📡 Main server running at http://localhost:${S}`), u.set(g, {
+          path: s.default.resolve(L, y),
+          name: x
         });
-        const i = T ? ` (${T})` : "";
-        console.log(`✅ Registered component: ${u}${i}`), console.log(`📡 Access at: http://localhost:${v}/view/${u}/`), o(!0);
+        const t = x ? ` (${x})` : "";
+        console.log(`✅ Registered component: ${g}${t}`), console.log(`📡 Access at: http://localhost:${S}/view/${g}/`), o(!0);
       });
     });
   });
-  let k;
-  const ee = () => {
-    k = setInterval(async () => {
-      await fe() || (clearInterval(k), console.log(`
-⚠️  Server appears to be down, attempting to take over...`), await ge() ? console.log("✅ Successfully took over as server") : (console.log("ℹ️  Another instance took over, re-registering..."), setTimeout(async () => {
+  let G;
+  const ne = () => {
+    G = setInterval(async () => {
+      await Se() || (clearInterval(G), console.log(`
+⚠️  Server appears to be down, attempting to take over...`), await Ce() ? console.log("✅ Successfully took over as server") : (console.log("ℹ️  Another instance took over, re-registering..."), setTimeout(async () => {
         try {
-          await X(), console.log(`✅ Re-registered component: ${u}`), ee();
-        } catch (i) {
-          console.error("❌ Failed to re-register:", i.message);
+          await ee(), console.log(`✅ Re-registered component: ${g}`), ne();
+        } catch (t) {
+          console.error("❌ Failed to re-register:", t.message);
         }
       }, 2e3)));
     }, 3e3);
-  }, oe = async () => {
+  }, se = async () => {
     console.log(`
 
-🛑 Shutting down...`), k && clearInterval(k), await me(), process.exit(0);
+🛑 Shutting down...`), G && clearInterval(G), await he(), process.exit(0);
   };
-  process.on("SIGINT", oe), process.on("SIGTERM", oe), Y.on("error", async (o) => {
+  process.on("SIGINT", se), process.on("SIGTERM", se), X.on("error", async (o) => {
     if (o.code === "EADDRINUSE") {
       console.log(`
 🔗 Connecting to existing dev server...`);
       try {
-        const e = await X();
-        console.log(`✅ Registered component: ${u}`), console.log(`📡 Access at: http://localhost:${v}/view/${u}/`), console.log(`📋 All registered components: ${e.registered.join(", ")}`), q(), ee();
+        const e = await ee();
+        console.log(`✅ Registered component: ${g}`), console.log(`📡 Access at: http://localhost:${S}/view/${g}/`), console.log(`📋 All registered components: ${e.registered.join(", ")}`), te(), ne();
       } catch (e) {
         console.error("❌ Failed to register component:", e.message), process.exit(1);
       }
     } else
       console.error("❌ Management server error:", o.message), process.exit(1);
-  }), Y.listen(S, async () => {
+  }), X.on("upgrade", ue), X.listen(h, async () => {
     console.log(`
-🚀 Starting shared dev server...`), console.log(`📡 Management server on port ${S}`), _.on("error", (o) => {
+🚀 Starting shared dev server...`), console.log(`📡 Management server on port ${h}`), k.on("error", (o) => {
       console.error("❌ Main server error:", o.message), process.exit(1);
-    }), _.listen(v, async () => {
-      console.log(`📡 Main server running at http://localhost:${v}`), g.set(u, {
-        path: t.default.resolve(R, b),
-        name: T
+    }), k.listen(S, async () => {
+      console.log(`📡 Main server running at http://localhost:${S}`), u.set(g, {
+        path: s.default.resolve(L, y),
+        name: x
       });
-      const o = T ? ` (${T})` : "";
-      console.log(`✅ Registered component: ${u}${o}`), console.log(`📡 Access at: http://localhost:${v}/view/${u}/`), q();
+      const o = x ? ` (${x})` : "";
+      console.log(`✅ Registered component: ${g}${o}`), console.log(`📡 Access at: http://localhost:${S}/view/${g}/`), te();
     });
   });
 }
-const Me = (s) => new Promise((t) => setTimeout(t, s));
+const Je = (i) => new Promise((s) => setTimeout(s, i));
 a.executionPath = process.cwd();
-const z = (s = !1) => {
-  const t = a.program.getOptionValue("verbose");
-  t || (console.info = () => {
+const z = (i = !1) => {
+  const s = a.program.getOptionValue("verbose");
+  s || (console.info = () => {
   }), console.info("📝 verbose mode on"), a.options = {
     configPath: a.program.getOptionValue("config"),
-    verbose: t
+    verbose: s
   };
   try {
-    a.myopConfig = Ce(a.options.configPath);
+    a.myopConfig = He(a.options.configPath);
   } catch (m) {
-    if (s) {
+    if (i) {
       console.info(`
 ⚠️ failed read config file from ${a.options.configPath}, trying to create new one`);
       try {
-        const l = {
+        const d = {
           author: "@myop-cli",
           flows: []
         };
-        Z(a.options.configPath, l), a.myopConfig = l;
+        q(a.options.configPath, d), a.myopConfig = d;
       } catch {
         console.log(`
 ⚠️ failed read config file from ${a.options.configPath}, for more details use verbose flag`), console.info("Error details :", m), process.exit();
@@ -681,61 +866,61 @@ const z = (s = !1) => {
       console.log(`
 ⚠️ failed read config file from ${a.options.configPath}, for more details use verbose flag`), console.info("Error details :", m), process.exit();
   }
-}, re = [
-  se,
-  ie,
+}, de = [
   ae,
-  Oe,
-  new ye(),
-  ...Ne
-], je = async () => ve({
+  ce,
+  le,
+  Te,
+  new xe(),
+  ...je
+], De = async () => $e({
   message: "Select an operation",
-  choices: re
-}), ce = async () => {
-  const s = await je(), t = re.find((m) => m.value === s);
-  t ? t.action ? await t.action() : console.log(`⚠️ Operation ${s} has no action`) : console.log(`⚠️ Operation ${s} not found`), await ce();
+  choices: de
+}), pe = async () => {
+  const i = await De(), s = de.find((m) => m.value === i);
+  s ? s.action ? await s.action() : console.log(`⚠️ Operation ${i} has no action`) : console.log(`⚠️ Operation ${i} not found`), await pe();
 };
-a.program = new we();
+a.program = new Me();
 a.program.name("@myop/cli").description("Myop CLI - Remote UI Made Easy").version("0.0.55");
-a.program.addOption(new V("-c, --config <value>", "myop.config.json file location").default("./myop.config.json", "./myop.config.json"));
-a.program.addOption(new V("-h, --help", "Show helpful information"));
-a.program.addOption(new V("-v, --verbose", "Enables verbose output mode for the command-line interface (CLI)."));
-a.program.command("add").description("Install Myop assets").addArgument("type").addArgument("id").action((s, t) => {
-  z(!0), console.info("adding ", s, t, a.options.configPath), s === "flow" && ie._action(t), process.exit();
+a.program.addOption(new Z("-c, --config <value>", "myop.config.json file location").default("./myop.config.json", "./myop.config.json"));
+a.program.addOption(new Z("-h, --help", "Show helpful information"));
+a.program.addOption(new Z("-v, --verbose", "Enables verbose output mode for the command-line interface (CLI)."));
+a.program.command("add").description("Install Myop assets").addArgument("type").addArgument("id").action((i, s) => {
+  z(!0), console.info("adding ", i, s, a.options.configPath), i === "flow" && ce._action(s), process.exit();
 });
-a.program.command("remove").description("Remove Myop asset").argument("<type>", "Myop asset type").argument("<id>", "Asset id").action((s, t) => {
-  z(), console.info("removing ", s, t, a.options.configPath), s === "flow" && ae._action(t), process.exit();
+a.program.command("remove").description("Remove Myop asset").argument("<type>", "Myop asset type").argument("<id>", "Asset id").action((i, s) => {
+  z(), console.info("removing ", i, s, a.options.configPath), i === "flow" && le._action(s), process.exit();
 });
 a.program.command("install").description("Install Myop assets").action(async () => {
-  z(), await se.action();
+  z(), await ae.action();
 });
 a.program.command("sync").description("Sync Myop configuration").action(async () => {
-  const s = a.program.getOptionValue("config") || "./myop.config.json", t = await import("fs"), { execSync: m } = await import("child_process"), l = await import("http");
-  if (t.existsSync(s)) {
+  const i = a.program.getOptionValue("config") || "./myop.config.json", s = await import("fs"), { execSync: m } = await import("child_process"), d = await import("http");
+  if (s.existsSync(i)) {
     console.log("yes");
     try {
-      const N = t.readFileSync(s, "utf-8"), I = JSON.parse(N);
-      I.componentId && console.log(I.componentId), console.log("Running npm run build..."), m("npm run build", { stdio: "inherit" });
-      const E = "./dist/index.html";
-      if (t.existsSync(E)) {
-        const D = t.readFileSync(E, "utf-8");
+      const I = s.readFileSync(i, "utf-8"), P = JSON.parse(I);
+      P.componentId && console.log(P.componentId), console.log("Running npm run build..."), m("npm run build", { stdio: "inherit" });
+      const _ = "./dist/index.html";
+      if (s.existsSync(_)) {
+        const E = s.readFileSync(_, "utf-8");
         console.log(`
-Content of ./dist/index.html:`), console.log(D);
-        const v = 3302, S = l.default.createServer((b, w) => {
-          if (b.method === "OPTIONS") {
-            w.writeHead(200, {
+Content of ./dist/index.html:`), console.log(E);
+        const J = 3302, S = d.default.createServer((h, y) => {
+          if (h.method === "OPTIONS") {
+            y.writeHead(200, {
               "Access-Control-Allow-Origin": "*",
               "Access-Control-Allow-Methods": "GET, OPTIONS",
               "Access-Control-Allow-Headers": "Content-Type"
-            }), w.end();
+            }), y.end();
             return;
           }
-          w.writeHead(200, {
+          y.writeHead(200, {
             "Content-Type": "text/plain",
             "Access-Control-Allow-Origin": "*",
             "Access-Control-Allow-Methods": "GET, OPTIONS",
             "Access-Control-Allow-Headers": "Content-Type"
-          }), w.end(D), console.log(`
+          }), y.end(E), console.log(`
 Content served successfully, closing server...`), setTimeout(() => {
             S.close(() => {
               console.log("Server closed. Sync process completed.");
@@ -744,37 +929,37 @@ Content served successfully, closing server...`), setTimeout(() => {
             }, 100);
           }, 100);
         });
-        S.listen(v, () => {
-          const b = `http://localhost:${v}`;
+        S.listen(J, () => {
+          const h = `http://localhost:${J}`;
           console.log(`
-Server running at ${b}`), console.log("Waiting for request...");
-          const w = `http://localhost:9200/dashboard/2.0/component/${I.componentId}?upload=${encodeURIComponent(b)}`;
+Server running at ${h}`), console.log("Waiting for request...");
+          const y = `http://localhost:9200/dashboard/2.0/component/${P.componentId}?upload=${encodeURIComponent(h)}`;
           console.log(`
-Opening Chrome with: ${w}`);
+Opening Chrome with: ${y}`);
           try {
-            m(`open -a "Google Chrome" "${w}"`, { stdio: "inherit" });
-          } catch (H) {
-            console.error("Error opening Chrome:", H.message), console.log(`Please open this URL manually: ${w}`);
+            m(`open -a "Google Chrome" "${y}"`, { stdio: "inherit" });
+          } catch (N) {
+            console.error("Error opening Chrome:", N.message), console.log(`Please open this URL manually: ${y}`);
           }
         });
         return;
       } else
         console.error("Error: ./dist/index.html not found");
-    } catch (N) {
-      console.error("Error:", N.message);
+    } catch (I) {
+      console.error("Error:", I.message);
     }
   } else
     console.log("no");
   process.exit();
 });
-a.program.command("dev").description("Start development server with file watching").action(Ae);
+a.program.command("dev").description("Start development server with file watching").action(Ee);
 a.program.command("default", { isDefault: !0 }).action(async () => {
-  a.program.getOptionValue("help") && (console.log(Se), process.exit());
-  let t = he({
+  a.program.getOptionValue("help") && (console.log(Pe), process.exit());
+  let s = be({
     text: "Loading Myop CLI...",
     color: "green"
   }).start();
-  z(), await Me(1e3), t.succeed("Myop CLI Loaded"), await ce();
+  z(), await Je(1e3), s.succeed("Myop CLI Loaded"), await pe();
 });
 a.program.parse(process.argv);
 a.program.opts();