@bravostudioai/react 0.1.35 → 0.1.38

package/dist/codegen/parser.js

@@ -1,64 +1,64 @@
 import { qualifyPropNames as E } from "./propQualification.js";
 function g(i) {
-  const c = i.replace(/[^a-zA-Z0-9\s]/g, "").trim();
-  return c ? c.split(/\s+/).map((s, y) => {
+  const o = i.replace(/[^a-zA-Z0-9\s]/g, "").trim();
+  return o ? o.split(/\s+/).map((s, y) => {
     if (!s) return "";
-    const t = s === s.toUpperCase() && s.length > 1 ? s.toLowerCase() : s, o = t.charAt(0), r = t.slice(1);
-    return y === 0 ? o.toLowerCase() + r : o.toUpperCase() + r;
+    const t = s === s.toUpperCase() && s.length > 1 ? s.toLowerCase() : s, e = t.charAt(0), r = t.slice(1);
+    return y === 0 ? e.toLowerCase() + r : e.toUpperCase() + r;
   }).join("").replace(/^[0-9]/, "_$&") : "item";
 }
-function F(i, c) {
+function W(i, o) {
   const s = g(i);
-  if (c.length === 0)
+  if (o.length === 0)
     return s;
-  const y = c.filter((r) => r && r.trim()).reverse();
+  const y = o.filter((r) => r && r.trim()).reverse();
   return y.length === 0 ? s : y.map(
     (r) => g(r)
   ).map((r) => r.charAt(0).toUpperCase() + r.slice(1)).join("") + s;
 }
-function S(i, c) {
-  if (c.length === 0)
+function I(i, o) {
+  if (o.length === 0)
     return [];
   let s = 0;
   const y = Math.min(
     i.length,
-    ...c.map((o) => o.length)
+    ...o.map((e) => e.length)
   );
-  for (let o = 0; o < y; o++) {
-    const r = i[o];
-    if (c.every((f) => f[o] === r))
+  for (let e = 0; e < y; e++) {
+    const r = i[e];
+    if (o.every((f) => f[e] === r))
       s++;
     else
       break;
   }
   const t = i.slice(s);
-  for (let o = 1; o <= t.length; o++) {
-    const r = t.slice(0, o);
-    if (c.every((f) => {
-      if (f.length < s + o)
+  for (let e = 1; e <= t.length; e++) {
+    const r = t.slice(0, e);
+    if (o.every((f) => {
+      if (f.length < s + e)
         return !0;
       const a = f.slice(
         s,
-        s + o
+        s + e
       );
-      return !W(r, a);
+      return !P(r, a);
     }))
       return r;
   }
   return t;
 }
-function W(i, c) {
-  return i.length !== c.length ? !1 : i.every((s, y) => s === c[y]);
+function P(i, o) {
+  return i.length !== o.length ? !1 : i.every((s, y) => s === o[y]);
 }
-function P(i, c) {
-  return i === "component:image" || i === "component:text" || i?.startsWith("component:input-") ? "string" : "any";
+function C(i, o) {
+  return i === "component:image" || i === "component:text" || i?.startsWith("component:input-") || i === "component:webview" || i === "component:web-view" || i === "component:video" || i === "component:video" ? "string" : i === "component:embed" ? "React.ReactNode" : "any";
 }
-function j(i) {
-  return i === "component:image" ? "imageUrl" : i === "component:text" ? "text" : "value";
+function S(i) {
+  return i === "component:image" ? "imageUrl" : i === "component:text" ? "text" : i === "component:webview" || i === "component:web-view" ? "url" : i === "component:video" ? "videoUrl" : "value";
 }
-function x(i) {
-  const c = [];
-  function s(t, o = []) {
+function j(i) {
+  const o = [];
+  function s(t, e = []) {
     if (!(!t || typeof t != "object")) {
       if (t.type === "container:slider") {
         const r = {
@@ -79,46 +79,46 @@ function x(i) {
         if (t.containers && Array.isArray(t.containers) && t.containers.forEach(f), !p && t.components && Array.isArray(t.components) && t.components.forEach(f), p) {
           const a = p;
           let u = [];
-          const n = [], l = (e, b = []) => {
-            if (!e || typeof e != "object") return;
-            if (e.type === "component:image" && n.push(e), Array.isArray(e.tags) && (e.tags.includes("encore:data") || e.tags.includes("bravo:data"))) {
-              const A = g(e.name || "item"), C = P(e.type, e.name);
+          const c = [], l = (n, b = []) => {
+            if (!n || typeof n != "object") return;
+            if (n.type === "component:image" && c.push(n), Array.isArray(n.tags) && (n.tags.includes("encore:data") || n.tags.includes("bravo:data"))) {
+              const A = g(n.name || "item"), v = C(n.type, n.name);
               u.push({
-                id: e.id,
-                name: e.name || "Unnamed",
-                type: e.type,
-                tags: e.tags || [],
+                id: n.id,
+                name: n.name || "Unnamed",
+                type: n.type,
+                tags: n.tags || [],
                 propName: A,
                 // Will be qualified later if needed
-                propType: C,
+                propType: v,
                 // Store parent path for later qualification
                 _parentPath: [...b]
               });
             }
             const h = [...b];
-            if (e.name && (e.type?.startsWith("container:") || e.type?.startsWith("component:"))) {
-              const A = e.name.trim(), C = /^frame\s*\d*$/i.test(A) || A.toUpperCase() === "FRAME";
-              A && !C && h.push(e.name);
+            if (n.name && (n.type?.startsWith("container:") || n.type?.startsWith("component:"))) {
+              const A = n.name.trim(), v = /^frame\s*\d*$/i.test(A) || A.toUpperCase() === "FRAME";
+              A && !v && h.push(n.name);
             }
-            e.body && Array.isArray(e.body) && e.body.forEach(
+            n.body && Array.isArray(n.body) && n.body.forEach(
               (A) => l(A, h)
-            ), e.containers && Array.isArray(e.containers) && e.containers.forEach(
+            ), n.containers && Array.isArray(n.containers) && n.containers.forEach(
               (A) => l(A, h)
-            ), e.components && Array.isArray(e.components) && e.components.forEach(
+            ), n.components && Array.isArray(n.components) && n.components.forEach(
               (A) => l(A, h)
             );
           };
           if (a.components && Array.isArray(a.components) && a.components.forEach(
-            (e) => l(e, [])
+            (n) => l(n, [])
           ), !u.some(
-            (e) => e.type === "component:image"
-          ) && n.length > 0) {
-            const e = n[0], h = (e.name || "image").toLowerCase().includes("image") ? "imageUrl" : g(e.name || "image");
+            (n) => n.type === "component:image"
+          ) && c.length > 0) {
+            const n = c[0], h = (n.name || "image").toLowerCase().includes("image") ? "imageUrl" : g(n.name || "image");
             u.push({
-              id: e.id,
-              name: e.name || "Image",
-              type: e.type,
-              tags: e.tags || [],
+              id: n.id,
+              name: n.name || "Image",
+              type: n.type,
+              tags: n.tags || [],
               propName: h,
               // Will be qualified later if needed
               propType: "string",
@@ -126,8 +126,8 @@ function x(i) {
               _parentPath: []
             });
           }
-          if (E(u), n.length > 0) {
-            const b = (n[0].name || "").toLowerCase();
+          if (E(u), c.length > 0) {
+            const b = (c[0].name || "").toLowerCase();
             u = u.filter((h) => {
               if (h.type === "component:image") return !0;
               if (h.type === "component:color") {
@@ -145,73 +145,74 @@ function x(i) {
             components: u
           };
         }
-        c.push(r);
+        o.push(r);
       }
-      t.body && Array.isArray(t.body) && t.body.forEach((r) => s(r, [...o, "body"])), t.containers && Array.isArray(t.containers) && t.containers.forEach(
-        (r) => s(r, [...o, "containers"])
+      t.body && Array.isArray(t.body) && t.body.forEach((r) => s(r, [...e, "body"])), t.containers && Array.isArray(t.containers) && t.containers.forEach(
+        (r) => s(r, [...e, "containers"])
       ), t.components && Array.isArray(t.components) && t.components.forEach(
-        (r) => s(r, [...o, "components"])
+        (r) => s(r, [...e, "components"])
       );
     }
   }
   const y = i.data?.body || i.body || i.data?.body || [];
-  return Array.isArray(y) && y.length > 0 && y.forEach((t) => s(t)), c;
+  return Array.isArray(y) && y.length > 0 && y.forEach((t) => s(t)), o;
 }
-function N(i) {
-  const c = [], s = /* @__PURE__ */ new Set();
+function x(i) {
+  const o = [], s = /* @__PURE__ */ new Set();
   function y(r) {
     !r || typeof r != "object" || (r.type === "container:slider" && s.add(r.id), r.body && Array.isArray(r.body) && r.body.forEach(y), r.containers && Array.isArray(r.containers) && r.containers.forEach(y));
   }
   function t(r, p, f = []) {
     if (!r || typeof r != "object" || p && s.has(p)) return;
-    if (Array.isArray(r.tags) && (r.tags.includes("encore:data") || r.tags.includes("bravo:data")) && (r.type === "component:text" || r.type === "component:image")) {
-      const n = g(r.name || "item"), l = P(r.type, r.name);
-      c.push({
+    const a = Array.isArray(r.tags) && (r.tags.includes("encore:data") || r.tags.includes("bravo:data"));
+    if (r.type === "component:embed" || r.type === "component:webview" || r.type === "component:web-view" || r.type === "component:video" || a && (r.type === "component:text" || r.type === "component:image")) {
+      const l = g(r.name || "item"), m = C(r.type, r.name);
+      o.push({
         id: r.id,
         name: r.name || "Unnamed",
         type: r.type,
         tags: r.tags || [],
-        propName: n,
+        propName: l,
         // Will be qualified later if needed
-        propType: l,
+        propType: m,
         // Store parent path for later qualification
         _parentPath: [...f]
       });
     }
-    const a = [...f];
+    const u = [...f];
     if (r.name && (r.type?.startsWith("container:") || r.type?.startsWith("component:"))) {
-      const n = r.name.trim(), l = /^frame\s*\d*$/i.test(n) || n.toUpperCase() === "FRAME";
-      n && !l && a.push(r.name);
+      const l = r.name.trim(), m = /^frame\s*\d*$/i.test(l) || l.toUpperCase() === "FRAME";
+      l && !m && u.push(r.name);
     }
-    const u = r.id;
+    const c = r.id;
     r.body && Array.isArray(r.body) && r.body.forEach(
-      (n) => t(n, u, a)
+      (l) => t(l, c, u)
     ), r.containers && Array.isArray(r.containers) && r.containers.forEach(
-      (n) => t(n, u, a)
+      (l) => t(l, c, u)
     ), r.components && Array.isArray(r.components) && r.components.forEach(
-      (n) => t(n, u, a)
+      (l) => t(l, c, u)
     );
   }
-  const o = i.data?.body || i.body || i.data?.body || [];
-  return Array.isArray(o) && o.length > 0 && (o.forEach(y), o.forEach((r) => t(r))), E(c), c;
+  const e = i.data?.body || i.body || i.data?.body || [];
+  return Array.isArray(e) && e.length > 0 && (e.forEach(y), e.forEach((r) => t(r))), E(o), o;
 }
-function d(i) {
-  const c = /* @__PURE__ */ new Map();
+function N(i) {
+  const o = /* @__PURE__ */ new Map();
   function s(t) {
     if (!(!t || typeof t != "object")) {
       if (t.type === "component:input-stateful-set" && Array.isArray(t.tags)) {
-        const o = t.tags.find(
+        const e = t.tags.find(
           (r) => r.startsWith("input-group:")
         );
-        if (o) {
-          const r = o.split(":");
+        if (e) {
+          const r = e.split(":");
           if (r.length >= 3) {
             const p = r[1], f = r[2];
-            c.has(f) || c.set(f, {
+            o.has(f) || o.set(f, {
               groupName: f,
               groupType: p,
               elements: []
-            }), c.get(f).elements.push({
+            }), o.get(f).elements.push({
               id: t.id,
               name: t.name || "Unnamed"
             });
@@ -222,43 +223,43 @@ function d(i) {
     }
   }
   const y = i.data?.body || i.body || i.data?.body || [];
-  return Array.isArray(y) && y.length > 0 && y.forEach((t) => s(t)), Array.from(c.values());
+  return Array.isArray(y) && y.length > 0 && y.forEach((t) => s(t)), Array.from(o.values());
 }
-function M(i) {
-  const c = [];
-  function s(t, o) {
+function d(i) {
+  const o = [];
+  function s(t, e) {
     if (!t || typeof t != "object") return;
     const r = t.type?.startsWith("container:") || t.type === "container:default", p = t.name?.toLowerCase().includes("form") || Array.isArray(t.tags) && t.tags.includes("form");
     let f = !1, a;
-    function u(n) {
-      if (!(!n || typeof n != "object")) {
-        if (Array.isArray(n.tags) && (n.tags.includes("action:submit") || n.tags.includes("submit"))) {
-          f = !0, a = n.id;
+    function u(c) {
+      if (!(!c || typeof c != "object")) {
+        if (Array.isArray(c.tags) && (c.tags.includes("action:submit") || c.tags.includes("submit"))) {
+          f = !0, a = c.id;
           return;
         }
-        if (n.actions?.tap?.action === "submit") {
-          f = !0, a = n.id;
+        if (c.actions?.tap?.action === "submit") {
+          f = !0, a = c.id;
           return;
         }
-        n.components && Array.isArray(n.components) && n.components.forEach(u), n.body && Array.isArray(n.body) && n.body.forEach(u);
+        c.components && Array.isArray(c.components) && c.components.forEach(u), c.body && Array.isArray(c.body) && c.body.forEach(u);
       }
     }
-    if (r && (p || o === void 0) && u(t), r && (f || p)) {
-      const n = [], l = (m, e = []) => {
+    if (r && (p || e === void 0) && u(t), r && (f || p)) {
+      const c = [], l = (m, n = []) => {
         if (!m || typeof m != "object") return;
         if (m.type?.startsWith("component:input-") || m.type === "component:input-text" || m.type === "component:input-image" || m.type === "component:input-email" || m.type === "component:input-password" || m.type === "component:input-select") {
           const h = g(m.name || "Unnamed input");
-          n.push({
+          c.push({
             id: m.id,
             name: m.name || "Unnamed input",
             type: m.type,
             propName: h,
             // Will be qualified later if needed
-            _parentPath: [...e]
+            _parentPath: [...n]
             // Store parent path for qualification
           });
         }
-        const b = [...e];
+        const b = [...n];
         if (m.name && (m.type?.startsWith("container:") || m.type?.startsWith("component:"))) {
           const h = m.name.trim(), A = /^frame\s*\d*$/i.test(h) || h.toUpperCase() === "FRAME";
           h && !A && b.push(m.name);
@@ -267,27 +268,27 @@ function M(i) {
           (h) => l(h, b)
         ), m.body && Array.isArray(m.body) && m.body.forEach((h) => l(h, b));
       };
-      l(t, []), n.length > 0 && c.push({
+      l(t, []), c.length > 0 && o.push({
         formId: t.id,
         formName: t.name || "Form",
         submitButtonId: a,
-        inputs: n
+        inputs: c
       });
     }
     t.body && Array.isArray(t.body) && t.body.forEach(
-      (n) => s(n, r ? t : o)
+      (c) => s(c, r ? t : e)
     ), t.containers && Array.isArray(t.containers) && t.containers.forEach(
-      (n) => s(n, r ? t : o)
+      (c) => s(c, r ? t : e)
     ), t.components && Array.isArray(t.components) && t.components.forEach(
-      (n) => s(n, r ? t : o)
+      (c) => s(c, r ? t : e)
     );
   }
   const y = i.data?.body || i.body || i.data?.body || [];
-  return Array.isArray(y) && y.length > 0 && y.forEach((t) => s(t)), c;
+  return Array.isArray(y) && y.length > 0 && y.forEach((t) => s(t)), o;
 }
-function L(i, c) {
+function M(i, o) {
   const s = [], y = /* @__PURE__ */ new Set();
-  c.forEach((r) => {
+  o.forEach((r) => {
     r.inputs.forEach((p) => {
       y.add(p.id);
     });
@@ -314,36 +315,49 @@ function L(i, c) {
       (a) => t(a, f)
     );
   }
-  const o = i.data?.body || i.body || i.data?.body || [];
-  return Array.isArray(o) && o.length > 0 && o.forEach((r) => t(r)), I(s), s;
+  const e = i.data?.body || i.body || i.data?.body || [];
+  return Array.isArray(e) && e.length > 0 && e.forEach((r) => t(r)), U(s), s;
 }
-function I(i) {
+function U(i) {
   E(i);
 }
-function _(i) {
-  const c = [];
-  function s(t, o = []) {
+function G(i) {
+  const o = [];
+  console.log(
+    "[DEBUG] local encore-lib findActionButtons running via alias. Check node.actions support."
+  );
+  function s(t, e = []) {
     if (!t || typeof t != "object") return;
+    (t.id === "01KF5PAFFVFSKY6QJZXQTC99P5" || t.tags && t.tags.some((a) => a.includes("action"))) && console.log(`[DEBUG] traverse node ${t.name} (${t.id})`, {
+      type: t.type,
+      tags: t.tags,
+      hasActions: !!t.actions,
+      actionsKeys: t.actions ? Object.keys(t.actions) : []
+    });
     const r = Array.isArray(t.tags) && t.tags.some((a) => a.startsWith("action:")), p = t.actions && typeof t.actions == "object";
     if (r || p) {
       let a = "tap";
       if (Array.isArray(t.tags)) {
-        const n = t.tags.find(
+        const c = t.tags.find(
           (l) => l.startsWith("action:")
         );
-        n && (a = n.replace("action:", ""));
+        c && (a = c.replace("action:", ""));
       }
-      t.actions?.tap?.action && (a = t.actions.tap.action);
+      t.actions?.tap?.action && (a = t.actions.tap.action), console.log(`[DEBUG] Found action button: ${t.name} (${t.id})`, {
+        actionType: a,
+        hasActionTag: r,
+        hasActions: p
+      });
       const u = g(t.name || "button");
-      c.push({
+      o.push({
         id: t.id,
         name: t.name || "Button",
         propName: u,
         actionType: a,
-        _parentPath: [...o]
+        _parentPath: [...e]
       });
     }
-    const f = [...o];
+    const f = [...e];
     if (t.name && (t.type?.startsWith("container:") || t.type?.startsWith("component:"))) {
       const a = t.name.trim(), u = /^frame\s*\d*$/i.test(a) || a.toUpperCase() === "FRAME";
       a && !u && f.push(t.name);
@@ -355,29 +369,29 @@ function _(i) {
     );
   }
   const y = i.data?.body || i.body || i.data?.body || [];
-  return Array.isArray(y) && y.length > 0 && y.forEach((t) => s(t)), v(c), c;
+  return Array.isArray(y) && y.length > 0 && y.forEach((t) => s(t)), F(o), o;
 }
-function v(i) {
+function F(i) {
   E(i);
 }
-function q(i) {
-  i.forEach((c) => {
-    E(c.inputs);
+function $(i) {
+  i.forEach((o) => {
+    E(o.inputs);
   });
 }
 export {
-  W as arraysEqual,
-  _ as findActionButtons,
-  M as findForms,
-  d as findInputGroups,
-  S as findMinimalDistinguishingPath,
-  x as findSlidersAndDataBindings,
-  N as findStandaloneComponents,
-  L as findStandaloneSelectInputs,
-  F as generateQualifiedPropName,
-  j as getComponentPropName,
-  P as getComponentPropType,
-  q as qualifyFormInputs,
+  P as arraysEqual,
+  G as findActionButtons,
+  d as findForms,
+  N as findInputGroups,
+  I as findMinimalDistinguishingPath,
+  j as findSlidersAndDataBindings,
+  x as findStandaloneComponents,
+  M as findStandaloneSelectInputs,
+  W as generateQualifiedPropName,
+  S as getComponentPropName,
+  C as getComponentPropType,
+  $ as qualifyFormInputs,
   g as sanitizePropName
 };
 //# sourceMappingURL=parser.js.map