@supernovaio/prototyping-tooling 0.9.0 → 0.9.1

package/dist/client/general/SourceCodeUpdater.d.ts

@@ -3,7 +3,7 @@
  * Matches elements by `data-forge-id`, or falls back to source position.
  * Returns the updated source string, or the original source if no changes were made.
  */
-export declare function updateSourceAST(source: string, forgeId: string, propName: string, newValue: any, fallbackSourcePos?: string | null): string;
+export declare function updateSourceAST(source: string, forgeId: string, propName: string, newValue: any, fallbackSourcePos?: string | null): Promise<string>;
 /**
  * Fetches source code from the dev server's read-source endpoint.
  */

package/dist/client/general/SourceCodeUpdater.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SourceCodeUpdater.d.ts","sourceRoot":"","sources":["../../../src/client/general/SourceCodeUpdater.ts"],"names":[],"mappings":"AA8CA;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,GAAG,EACb,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,GAChC,MAAM,CAqDR;AAED;;GAEG;AACH,wBAAsB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAW1E;AAED;;GAEG;AACH,wBAAsB,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAYpF"}
+{"version":3,"file":"SourceCodeUpdater.d.ts","sourceRoot":"","sources":["../../../src/client/general/SourceCodeUpdater.ts"],"names":[],"mappings":"AA2DA;;;;GAIG;AACH,wBAAsB,eAAe,CACnC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,GAAG,EACb,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,GAChC,OAAO,CAAC,MAAM,CAAC,CAuDjB;AAED;;GAEG;AACH,wBAAsB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAW1E;AAED;;GAEG;AACH,wBAAsB,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAYpF"}

package/dist/client.js

@@ -1,8 +1,5 @@
-import { b as F, c as $, R as X, d as Y, Z as S, C as f, B as L, e as G, M as C, P as B, i as W, a as V, T as j } from "./constants-BXKWBfHg.js";
+import { b as $, c as X, R as Y, d as G, Z as S, C as f, B as w, e as B, M as C, P as W, i as V, a as j, T as U } from "./constants-BXKWBfHg.js";
 import { d as c } from "./debug-CLzmqn3R.js";
-import { parse as U } from "@babel/parser";
-import x from "@babel/traverse";
-import _ from "@babel/generator";
 class z {
   registry = /* @__PURE__ */ new Map();
   register(e, t) {
@@ -26,7 +23,7 @@ class z {
     return !t && n[e] && (t = this.registry.get(n[e])), t ? Object.entries(t.props).filter(([o, i]) => i.editable).map(([o, i]) => ({ name: o, type: i.type, options: i.options, default: i.default, editable: i.editable, label: i.label })) : [];
   }
 }
-function w(a) {
+function P(a) {
   if (a.id)
     return `//*[@id="${a.id}"]`;
   const e = [];
@@ -52,7 +49,7 @@ function q() {
   if (typeof document > "u") return !1;
   if (document.body && D(document.body))
     return c("client", "Detected React on document.body"), O = !0, !0;
-  for (const e of X) {
+  for (const e of Y) {
     const t = document.querySelector(e);
     if (t) {
       if (D(t))
@@ -71,7 +68,7 @@ function q() {
   for (const e of a) {
     if (D(e))
       return c("client", "Detected React on deep scan:", e.tagName), O = !0, !0;
-    if (a.length > Y) break;
+    if (a.length > G) break;
   }
   return c("client", "React NOT detected on page"), O = !1, !1;
 }
@@ -133,7 +130,7 @@ function ee(a) {
 function te(a) {
   return !(K.has(a) || J.some((e) => e.test(a)));
 }
-function ne(a, e = F, t = $) {
+function ne(a, e = $, t = X) {
   if (!q())
     return c("client", "isReactPage() = false"), { path: null, components: [] };
   const n = [];
@@ -149,16 +146,16 @@ function ne(a, e = F, t = $) {
   return n.length === 0 ? { path: null, components: [] } : { path: n.slice().reverse().map((i) => `<${i}>`).join("  "), components: n };
 }
 let I = null, E = null;
-function N(a, e, t, n = "solid") {
+function M(a, e, t, n = "solid") {
   const o = document.createElement("div");
   return Object.assign(o.style, { position: "fixed", left: `${a.left}px`, top: `${a.top}px`, width: `${a.width}px`, height: `${a.height}px`, border: `1px ${n} ${e}`, backgroundColor: t, pointerEvents: "none", zIndex: S.HOVER_OVERLAY, borderRadius: "2px" }), o;
 }
 function oe(a) {
-  M();
+  N();
   const e = a.getBoundingClientRect();
-  I = N(e, f.SELECT_OVERLAY_BORDER, f.SELECT_OVERLAY_BG), I.className = "forge-overlay", document.body.appendChild(I);
+  I = M(e, f.SELECT_OVERLAY_BORDER, f.SELECT_OVERLAY_BG), I.className = "forge-overlay", document.body.appendChild(I);
 }
-function M() {
+function N() {
   I && (I.remove(), I = null);
 }
 function ie() {
@@ -245,7 +242,7 @@ class R {
   showHoverOverlay(e, t, n) {
     this.hoverOverlay && (this.hoverOverlay.remove(), this.hoverOverlay = null);
     const o = e.getBoundingClientRect(), i = t === f.ANNOTATION_MULTI ? f.ANNOTATION_MULTI_BG : f.ANNOTATION_SINGLE_BG;
-    this.hoverOverlay = N(o, t, i, "solid"), this.hoverOverlay.style.transition = "all 0.05s ease", this.hoverOverlay.className = "forge-annotation-hover", document.body.appendChild(this.hoverOverlay), this.showComponentTooltip(n || e, o);
+    this.hoverOverlay = M(o, t, i, "solid"), this.hoverOverlay.style.transition = "all 0.05s ease", this.hoverOverlay.className = "forge-annotation-hover", document.body.appendChild(this.hoverOverlay), this.showComponentTooltip(n || e, o);
   }
   removeHoverOverlay() {
     this.hoverOverlay && (this.hoverOverlay.remove(), this.hoverOverlay = null), this.removeComponentTooltip();
@@ -280,12 +277,12 @@ class R {
       if (i) {
         const s = i.getBoundingClientRect();
         n.push(s);
-        const r = N(s, f.ANNOTATION_SINGLE, f.ANNOTATION_SINGLE_BG, "solid");
+        const r = M(s, f.ANNOTATION_SINGLE, f.ANNOTATION_SINGLE_BG, "solid");
         r.className = "forge-annotation-highlight", document.body.appendChild(r), this.annotationHighlights.push(r);
       }
     }
     if (t && n.length > 1) {
-      const o = Math.min(...n.map((h) => h.left)), i = Math.min(...n.map((h) => h.top)), s = Math.max(...n.map((h) => h.right)), r = Math.max(...n.map((h) => h.bottom)), l = new DOMRect(o, i, s - o, r - i), u = N(l, f.ANNOTATION_SINGLE, "transparent", "dashed");
+      const o = Math.min(...n.map((h) => h.left)), i = Math.min(...n.map((h) => h.top)), s = Math.max(...n.map((h) => h.right)), r = Math.max(...n.map((h) => h.bottom)), l = new DOMRect(o, i, s - o, r - i), u = M(l, f.ANNOTATION_SINGLE, "transparent", "dashed");
       u.className = "forge-annotation-bounding-rect", document.body.appendChild(u), this.annotationHighlights.push(u);
     }
   }
@@ -343,7 +340,7 @@ class R {
   showDragHighlights(e) {
     this.clearDragHighlights();
     for (const t of e) {
-      const n = t.getBoundingClientRect(), o = N(n, f.ANNOTATION_MULTI, f.ANNOTATION_MULTI_BG, "solid");
+      const n = t.getBoundingClientRect(), o = M(n, f.ANNOTATION_MULTI, f.ANNOTATION_MULTI_BG, "solid");
       o.className = "forge-annotation-drag-highlight", document.body.appendChild(o), this.dragHighlights.push(o);
     }
   }
@@ -352,12 +349,12 @@ class R {
     this.dragHighlights = [];
   }
   createDot(e, t, n, o, i, s = []) {
-    const r = this.getAnchorRect(s), l = e - 2, u = t - L - 2, h = r && r.width > 0 && r.height > 0 ? { rx: (l - r.left) / r.width, ry: (u - r.top) / r.height } : { rx: 0, ry: 0 };
+    const r = this.getAnchorRect(s), l = e - 2, u = t - w - 2, h = r && r.width > 0 && r.height > 0 ? { rx: (l - r.left) / r.width, ry: (u - r.top) / r.height } : { rx: 0, ry: 0 };
     this.createDotAtPosition(l, u, n, o, i, s, h);
   }
   createDotAtPosition(e, t, n, o, i, s, r) {
     const l = document.createElement("div");
-    Object.assign(l.style, { position: "fixed", left: `${e}px`, top: `${t}px`, minWidth: `${G}px`, height: `${L}px`, borderRadius: "50% 50% 50% 0", backgroundColor: "#FFFFFF", border: "1px solid #1A58D0", cursor: "pointer", zIndex: S.ANNOTATION_DOT, transition: "transform 0.15s ease", display: this.markersVisible ? "flex" : "none", alignItems: "center", justifyContent: "center", padding: "0 4px", fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif", fontSize: "11px", fontWeight: "700", color: "#1A58D0", lineHeight: "1", userSelect: "none" }), l.textContent = String(i), l.className = "forge-annotation-dot", l.dataset.annotationId = o, l.addEventListener("mouseenter", () => {
+    Object.assign(l.style, { position: "fixed", left: `${e}px`, top: `${t}px`, minWidth: `${B}px`, height: `${w}px`, borderRadius: "50% 50% 50% 0", backgroundColor: "#FFFFFF", border: "1px solid #1A58D0", cursor: "pointer", zIndex: S.ANNOTATION_DOT, transition: "transform 0.15s ease", display: this.markersVisible ? "flex" : "none", alignItems: "center", justifyContent: "center", padding: "0 4px", fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif", fontSize: "11px", fontWeight: "700", color: "#1A58D0", lineHeight: "1", userSelect: "none" }), l.textContent = String(i), l.className = "forge-annotation-dot", l.dataset.annotationId = o, l.addEventListener("mouseenter", () => {
       l.style.transform = "scale(1.05)", this.removeHoverOverlay(), this.hoverSuppressed = !0;
     }), l.addEventListener("mouseleave", () => {
       l.style.transform = "scale(1)";
@@ -501,11 +498,11 @@ class R {
       const v = g.getAttribute("data-forge-id") || void 0;
       let b;
       if (v) {
-        const P = document.querySelectorAll(`[data-forge-id="${v}"]`);
-        P.length > 1 && (b = Array.from(P).indexOf(g));
+        const H = document.querySelectorAll(`[data-forge-id="${v}"]`);
+        H.length > 1 && (b = Array.from(H).indexOf(g));
       }
-      return { elementTag: g.tagName.toLowerCase(), xpath: w(g), componentName: g.getAttribute("data-component") || void 0, componentPath: this.getComponentPath(g) || void 0, forgeId: v, forgeIdIndex: b, sourcePos: g.getAttribute("data-source-pos") || void 0 };
-    }), r = s.map((g) => ({ xpath: g.xpath, forgeId: g.forgeId, forgeIdIndex: g.forgeIdIndex })), l = this.getAnchorRect(r), u = n - 2, h = o - L - 2, m = l && l.width > 0 && l.height > 0 ? { x: (u - l.left) / l.width, y: (h - l.top) / l.height } : { x: 0, y: 0 };
+      return { elementTag: g.tagName.toLowerCase(), xpath: P(g), componentName: g.getAttribute("data-component") || void 0, componentPath: this.getComponentPath(g) || void 0, forgeId: v, forgeIdIndex: b, sourcePos: g.getAttribute("data-source-pos") || void 0 };
+    }), r = s.map((g) => ({ xpath: g.xpath, forgeId: g.forgeId, forgeIdIndex: g.forgeIdIndex })), l = this.getAnchorRect(r), u = n - 2, h = o - w - 2, m = l && l.width > 0 && l.height > 0 ? { x: (u - l.left) / l.width, y: (h - l.top) / l.height } : { x: 0, y: 0 };
     this.pendingAnnotations.set(i, { dotX: n, dotY: o, mode: t, locators: r }), this.clearDragHighlights(), this.highlightLocators(r, t === "multi");
     const p = s[0], y = { id: i, dotX: n, dotY: o, anchorOffset: m, mode: t, elements: s, xpaths: s.map((g) => g.xpath), elementTag: p.elementTag, componentName: p.componentName, componentPath: p.componentPath, forgeId: p.forgeId, sourcePos: p.sourcePos };
     c("annotation", "Annotation created (pending):", y), this.messenger.send({ type: "ANNOTATION_CREATED", annotation: y, origin: C });
@@ -535,7 +532,7 @@ class le {
     this.hitTestOverlay && (this.hitTestOverlay.removeEventListener("mousemove", this.handleMouseOver), this.hitTestOverlay.removeEventListener("mouseout", this.handleMouseOut), this.hitTestOverlay.removeEventListener("click", this.handleClick)), document.removeEventListener("scroll", this.handleScroll, !0), se(), this.hitTestOverlay = null;
   }
   clearHover() {
-    this.hoveredElement = null, M();
+    this.hoveredElement = null, N();
   }
   findTopmostElementWithSameId(e) {
     const t = e.getAttribute("data-forge-id");
@@ -549,7 +546,7 @@ class le {
     return o;
   }
   handleSelectModeClick(e) {
-    const t = w(e);
+    const t = P(e);
     c("client", "Element clicked, XPath:", t), this.messenger.send({ type: "XPATH_REPORT", xpath: t, origin: C }), this.messenger.send({ type: "SELECT_MODE_DISABLED", origin: C });
   }
   handleMouseOver = (e) => {
@@ -565,54 +562,64 @@ class le {
   };
   handleMouseOut = (e) => {
     if (!this.callbacks.getSelectMode() && !this.callbacks.getDesignMode()) return;
-    e.target === this.hoveredElement && (this.hoveredElement = null, M());
+    e.target === this.hoveredElement && (this.hoveredElement = null, N());
   };
   handleClick = (e) => {
     if (!this.callbacks.getSelectMode() && !this.callbacks.getDesignMode()) return;
     e.preventDefault(), e.stopPropagation(), this.hitTestOverlay && (this.hitTestOverlay.style.pointerEvents = "none");
     const t = document.elementFromPoint(e.clientX, e.clientY);
-    this.hitTestOverlay && (this.hitTestOverlay.style.pointerEvents = "auto"), t && t !== document.body && t !== document.documentElement && (this.callbacks.getSelectMode() && this.callbacks.onSelectClick(t), this.callbacks.getDesignMode() && (M(), this.hoveredElement = null, this.callbacks.onDesignClick(t)));
+    this.hitTestOverlay && (this.hitTestOverlay.style.pointerEvents = "auto"), t && t !== document.body && t !== document.documentElement && (this.callbacks.getSelectMode() && this.callbacks.onSelectClick(t), this.callbacks.getDesignMode() && (N(), this.hoveredElement = null, this.callbacks.onDesignClick(t)));
   };
   handleScroll = () => {
-    (this.callbacks.getSelectMode() || this.callbacks.getDesignMode()) && (this.hoveredElement = null, M());
+    (this.callbacks.getSelectMode() || this.callbacks.getDesignMode()) && (this.hoveredElement = null, N());
   };
 }
-const ce = typeof x == "function" ? x : x.default, he = typeof _ == "function" ? _ : _.default;
-function H(a) {
+let L = null, x = null, _ = null;
+async function ce() {
+  if (L && x && _) return;
+  const [a, e, t] = await Promise.all([import("@babel/parser"), import("@babel/traverse"), import("@babel/generator")]);
+  L = a.parse;
+  const n = e.default;
+  x = typeof n == "function" ? n : n.default;
+  const o = t.default;
+  _ = typeof o == "function" ? o : o.default;
+}
+function k(a) {
   return typeof a == "boolean" ? { type: "JSXExpressionContainer", expression: { type: "BooleanLiteral", value: a, loc: null }, loc: null } : typeof a == "number" ? { type: "JSXExpressionContainer", expression: { type: "NumericLiteral", value: a, loc: null }, loc: null } : { type: "StringLiteral", value: String(a), loc: null };
 }
-function k(a, e, t) {
+function F(a, e, t) {
   const n = a.node.attributes.find((o) => o.type === "JSXAttribute" && o.name.type === "JSXIdentifier" && o.name.name === e);
-  return n && n.type === "JSXAttribute" ? (n.value = H(t), !0) : (a.node.attributes.push({ type: "JSXAttribute", name: { type: "JSXIdentifier", name: e }, value: H(t), loc: null }), !0);
+  return n && n.type === "JSXAttribute" ? (n.value = k(t), !0) : (a.node.attributes.push({ type: "JSXAttribute", name: { type: "JSXIdentifier", name: e }, value: k(t), loc: null }), !0);
 }
-function de(a, e, t, n, o) {
+async function he(a, e, t, n, o) {
   try {
-    const i = U(a, { sourceType: "module", plugins: ["jsx", "typescript"] });
+    if (await ce(), !L || !x || !_) return a;
+    const i = L(a, { sourceType: "module", plugins: ["jsx", "typescript"] });
     let s = !1;
     const r = /* @__PURE__ */ new Map();
-    if (ce(i, { JSXOpeningElement(l) {
+    if (x(i, { JSXOpeningElement(l) {
       if (l.node.name.type !== "JSXIdentifier") return;
       const u = l.node.loc;
       if (!u) return;
       const h = `${u.start.line}:${u.start.column}`;
       r.set(h, l);
       const m = l.node.attributes.find((p) => p.type === "JSXAttribute" && p.name.type === "JSXIdentifier" && p.name.name === "data-forge-id" && p.value?.type === "StringLiteral");
-      m && m.type === "JSXAttribute" && m.value.value === e && (s = k(l, t, n));
+      m && m.type === "JSXAttribute" && m.value.value === e && (s = F(l, t, n));
     } }), !s && o) {
       const l = o.split(":");
       if (l.length >= 5) {
         const u = `${l[l.length - 4]}:${l[l.length - 3]}`, h = r.get(u);
-        h && (s = k(h, t, n));
+        h && (s = F(h, t, n));
       }
     }
     if (s)
-      return he(i, {}, a).code;
+      return _(i, {}, a).code;
   } catch (i) {
     c("client", "Failed to parse/update AST:", i);
   }
   return a;
 }
-async function ue(a) {
+async function de(a) {
   try {
     const e = await fetch(`/__forge-read-source?path=${a}`);
     if (e.ok)
@@ -623,14 +630,14 @@ async function ue(a) {
   }
   return null;
 }
-async function ge(a, e) {
+async function ue(a, e) {
   try {
     return await fetch("/__forge-update-source", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ filePath: a, source: e }) }), !0;
   } catch (t) {
     return c("client", "Failed to write source:", t), !1;
   }
 }
-class me {
+class ge {
   messenger;
   componentRegistry;
   selectController;
@@ -653,7 +660,7 @@ class me {
     }
     const n = this.selectController.findTopmostElementWithSameId(e), o = n.getAttribute("data-component"), i = n.getAttribute("data-source-pos"), s = o || n.tagName.toLowerCase();
     this.clearSelection(), this.selectedElement = n, this.applyHighlight(n);
-    const r = n.textContent?.trim() || "", l = n.tagName.toLowerCase(), u = w(n), h = this.componentRegistry.getEditableProps(s), m = this.extractPropValues(n, h);
+    const r = n.textContent?.trim() || "", l = n.tagName.toLowerCase(), u = P(n), h = this.componentRegistry.getEditableProps(s), m = this.extractPropValues(n, h);
     c("client", "Element selected in design mode:", { forgeId: t, sourcePos: i, text: r, type: l, componentName: s, editableProps: h, propValues: m }), this.messenger.send({ type: "ELEMENT_SELECTED", forgeId: t, sourcePos: i || void 0, text: r, elementType: l, xpath: u, componentName: s, editableProps: h, propValues: m, origin: C });
   }
   updateText(e, t) {
@@ -677,11 +684,11 @@ class me {
     }
     const r = s.slice(0, -4).join(":");
     c("client", `Updating property ${t} = ${n} for ${e} in ${r}`), this.sourceCache.delete(r);
-    const l = await ue(r);
+    const l = await de(r);
     if (!l) return;
     this.sourceCache.set(r, l);
-    const u = this.selectedElement?.getAttribute("data-source-pos") ?? null, h = de(l, e, t, n, u);
-    h !== l ? (this.sourceCache.set(r, h), c("client", `Updated source for ${r}`), await ge(r, h) && (c("client", `Source written to disk and HMR triggered for ${r}`), this.messenger.send({ type: "SOURCE_UPDATED", forgeId: e, source: h, filePath: r, origin: C }))) : c("client", `No source changes detected for ${r}`);
+    const u = this.selectedElement?.getAttribute("data-source-pos") ?? null, h = await he(l, e, t, n, u);
+    h !== l ? (this.sourceCache.set(r, h), c("client", `Updated source for ${r}`), await ue(r, h) && (c("client", `Source written to disk and HMR triggered for ${r}`), this.messenger.send({ type: "SOURCE_UPDATED", forgeId: e, source: h, filePath: r, origin: C }))) : c("client", `No source changes detected for ${r}`);
   }
   applyHighlight(e) {
     e.style.outline = `3px solid ${f.DESIGN_SELECTION_OUTLINE}`, e.style.outlineOffset = "2px";
@@ -723,7 +730,7 @@ class A {
   designController;
   onError;
   constructor(e) {
-    this.onError = e?.onError, c("client", "ForgeClient initialized"), this.messenger = new B(), this.componentRegistry = new z(), this.selectController = new le(this.messenger, { getSelectMode: () => this.selectMode, getDesignMode: () => this.designMode, getHoverDisabled: () => this.hoverDisabled, getSelectedDesignElement: () => this.designController.getSelectedElement(), onSelectClick: (t) => this.handleSelectClick(t), onDesignClick: (t) => this.handleDesignClick(t) }), this.designController = new me(this.messenger, this.componentRegistry, this.selectController), this.setupMessageListener(), this.sendReady(), this.setupForgeIdPropagation(), window.__forgeClient = this;
+    this.onError = e?.onError, c("client", "ForgeClient initialized"), this.messenger = new W(), this.componentRegistry = new z(), this.selectController = new le(this.messenger, { getSelectMode: () => this.selectMode, getDesignMode: () => this.designMode, getHoverDisabled: () => this.hoverDisabled, getSelectedDesignElement: () => this.designController.getSelectedElement(), onSelectClick: (t) => this.handleSelectClick(t), onDesignClick: (t) => this.handleDesignClick(t) }), this.designController = new ge(this.messenger, this.componentRegistry, this.selectController), this.setupMessageListener(), this.sendReady(), this.setupForgeIdPropagation(), window.__forgeClient = this;
   }
   static getInstance(e) {
     return A.instance || (A.instance = new A(e)), A.instance;
@@ -733,9 +740,9 @@ class A {
   }
   setupMessageListener() {
     c("client", "Setting up message listener..."), this.messenger.onMessage((e) => {
-      if (W(e.data) || !e.data || typeof e.data != "object" || !("origin" in e.data)) return;
+      if (V(e.data) || !e.data || typeof e.data != "object" || !("origin" in e.data)) return;
       const t = e.data;
-      if (t.origin === V) {
+      if (t.origin === j) {
         c("client", "Received message from host:", t);
         try {
           switch (t.type) {
@@ -800,7 +807,7 @@ class A {
   sendReady() {
     c("client", "Scheduling CHILD_READY message..."), setTimeout(() => {
       c("client", "Sending CHILD_READY message to parent"), this.messenger.send({ type: "CHILD_READY", origin: C });
-    }, j.CHILD_READY_DELAY);
+    }, U.CHILD_READY_DELAY);
   }
   setupForgeIdPropagation() {
     const e = () => {
@@ -832,5 +839,5 @@ class A {
 A.getInstance();
 export {
   A as ForgeClient,
-  B as ParentMessenger
+  W as ParentMessenger
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@supernovaio/prototyping-tooling",
-    "version": "0.9.0",
+    "version": "0.9.1",
     "description": "Prototyping Tooling — iframe communication bridge for design-to-code workflows",
     "type": "module",
     "license": "MIT",
@@ -53,17 +53,27 @@
         "vite": "^7.1.12"
     },
     "peerDependencies": {
-        "react": "^18.0.0 || ^19.0.0"
+        "react": "^18.0.0 || ^19.0.0",
+        "@babel/generator": "^7.0.0",
+        "@babel/parser": "^7.0.0",
+        "@babel/traverse": "^7.0.0",
+        "@babel/types": "^7.0.0"
     },
     "peerDependenciesMeta": {
         "react": {
             "optional": true
+        },
+        "@babel/generator": {
+            "optional": true
+        },
+        "@babel/parser": {
+            "optional": true
+        },
+        "@babel/traverse": {
+            "optional": true
+        },
+        "@babel/types": {
+            "optional": true
         }
-    },
-    "dependencies": {
-        "@babel/generator": "^7.28.5",
-        "@babel/parser": "^7.28.5",
-        "@babel/traverse": "^7.28.5",
-        "@babel/types": "^7.28.5"
     }
 }