@bravostudioai/react 0.1.34 → 0.1.36

package/dist/contexts/EncoreBindingContext.js

@@ -1,6 +1,12 @@
-import { createContext as t } from "react";
-const o = t({});
+import { createContext as e } from "react";
+const d = e({
+  nodeData: void 0,
+  // Changed from null to undefined for consistency with other optional properties
+  textOverridesById: void 0,
+  arrayDataById: void 0,
+  embedsById: void 0
+});
 export {
-  o as default
+  d as default
 };
 //# sourceMappingURL=EncoreBindingContext.js.map

package/dist/contexts/EncoreBindingContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"EncoreBindingContext.js","sources":["../../src/contexts/EncoreBindingContext.ts"],"sourcesContent":["\"use client\";\n\nimport { createContext } from \"react\";\n\ntype EncoreBindingContext = {};\nconst EncoreBindingContext = createContext({});\n\nexport default EncoreBindingContext;\n"],"names":["EncoreBindingContext","createContext"],"mappings":";AAKA,MAAMA,IAAuBC,EAAc,CAAA,CAAE;"}
+{"version":3,"file":"EncoreBindingContext.js","sources":["../../src/contexts/EncoreBindingContext.ts"],"sourcesContent":["\"use client\";\n\nimport React, { createContext } from \"react\";\n\ntype EncoreBindingContextType = {\n  nodeData?: any; // Assuming nodeData is part of the context based on the default value\n  textOverridesById?: Record<string, string>; // Assuming textOverridesById is part of the context\n  /**\n   * Data provided by parent component (from `encore:data:array` tag)\n   */\n  arrayDataById?: Record<string, any[]>;\n  /**\n   * Embeddable components provided by parent component\n   */\n  embedsById?: Record<string, React.ReactNode>;\n};\n\nconst EncoreBindingContext = createContext<EncoreBindingContextType>({\n  nodeData: undefined, // Changed from null to undefined for consistency with other optional properties\n  textOverridesById: undefined,\n  arrayDataById: undefined,\n  embedsById: undefined,\n});\n\nexport default EncoreBindingContext;\n"],"names":["EncoreBindingContext","createContext"],"mappings":";AAiBA,MAAMA,IAAuBC,EAAwC;AAAA,EACnE,UAAU;AAAA;AAAA,EACV,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,YAAY;AACd,CAAC;"}

package/dist/src/codegen/generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../../src/codegen/generator.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,UAAU,EACV,cAAc,EACd,QAAQ,EACR,eAAe,EACf,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAOjB;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,yBAAyB;IACzB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,kCAAkC;IAClC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,UAAU,EAAE,EACrB,oBAAoB,EAAE,aAAa,EAAE,EACrC,WAAW,EAAE,cAAc,EAAE,EAC7B,KAAK,EAAE,QAAQ,EAAE,EACjB,YAAY,EAAE,eAAe,EAAE,EAC/B,aAAa,EAAE,gBAAgB,EAAE,EACjC,IAAI,GAAE,MAAkB,EACxB,QAAQ,CAAC,EAAE;IACT,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GACA,MAAM,CAoaR;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,UAAU,EAAE,EACrB,oBAAoB,EAAE,aAAa,EAAE,EACrC,WAAW,EAAE,cAAc,EAAE,EAC7B,KAAK,EAAE,QAAQ,EAAE,EACjB,YAAY,EAAE,eAAe,EAAE,EAC/B,aAAa,EAAE,gBAAgB,EAAE,GAChC,MAAM,CAwVR;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,UAAU,EAAE,EACrB,oBAAoB,EAAE,aAAa,EAAE,EACrC,WAAW,EAAE,cAAc,EAAE,EAC7B,KAAK,EAAE,QAAQ,EAAE,EACjB,YAAY,EAAE,eAAe,EAAE,EAC/B,aAAa,EAAE,gBAAgB,EAAE,GAChC,iBAAiB,CAiEnB"}
+{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../../src/codegen/generator.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,UAAU,EACV,cAAc,EACd,QAAQ,EACR,eAAe,EACf,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAOjB;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,yBAAyB;IACzB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,kCAAkC;IAClC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,UAAU,EAAE,EACrB,oBAAoB,EAAE,aAAa,EAAE,EACrC,WAAW,EAAE,cAAc,EAAE,EAC7B,KAAK,EAAE,QAAQ,EAAE,EACjB,YAAY,EAAE,eAAe,EAAE,EAC/B,aAAa,EAAE,gBAAgB,EAAE,EACjC,IAAI,GAAE,MAAkB,EACxB,QAAQ,CAAC,EAAE;IACT,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GACA,MAAM,CA0bR;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,UAAU,EAAE,EACrB,oBAAoB,EAAE,aAAa,EAAE,EACrC,WAAW,EAAE,cAAc,EAAE,EAC7B,KAAK,EAAE,QAAQ,EAAE,EACjB,YAAY,EAAE,eAAe,EAAE,EAC/B,aAAa,EAAE,gBAAgB,EAAE,GAChC,MAAM,CAwVR;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,UAAU,EAAE,EACrB,oBAAoB,EAAE,aAAa,EAAE,EACrC,WAAW,EAAE,cAAc,EAAE,EAC7B,KAAK,EAAE,QAAQ,EAAE,EACjB,YAAY,EAAE,eAAe,EAAE,EAC/B,aAAa,EAAE,gBAAgB,EAAE,GAChC,iBAAiB,CAiEnB"}

package/dist/src/codegen/parser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parser.d.ts","sourceRoot":"","sources":["../../../src/codegen/parser.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,UAAU,EACV,cAAc,EACd,QAAQ,EACR,eAAe,EACf,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAGjB;;;;;;;;;;;GAWG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CA0BrD;AAED,wBAAgB,yBAAyB,CACvC,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,MAAM,EAAE,GACnB,MAAM,CA8BR;AAED;;;;;;GAMG;AACH,wBAAgB,6BAA6B,CAC3C,QAAQ,EAAE,MAAM,EAAE,EAClB,UAAU,EAAE,MAAM,EAAE,EAAE,GACrB,MAAM,EAAE,CA6DV;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,OAAO,CAG7D;AAED,wBAAgB,oBAAoB,CAClC,aAAa,EAAE,MAAM,EACrB,cAAc,EAAE,MAAM,GACrB,MAAM,CAgBR;AAED,wBAAgB,oBAAoB,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,CAQlE;AAED,wBAAgB,0BAA0B,CAAC,QAAQ,EAAE,GAAG,GAAG,UAAU,EAAE,CAoOtE;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,GAAG,GAAG,aAAa,EAAE,CAuGvE;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,GAAG,GAAG,cAAc,EAAE,CA0D/D;AAED;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,QAAQ,EAAE,GAAG,GAAG,QAAQ,EAAE,CAkJnD;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CACxC,QAAQ,EAAE,GAAG,EACb,KAAK,EAAE,QAAQ,EAAE,GAChB,eAAe,EAAE,CAqEnB;AASD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,GAAG,GAAG,gBAAgB,EAAE,CAgFnE;AASD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAIzD"}
+{"version":3,"file":"parser.d.ts","sourceRoot":"","sources":["../../../src/codegen/parser.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,UAAU,EACV,cAAc,EACd,QAAQ,EACR,eAAe,EACf,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAGjB;;;;;;;;;;;GAWG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CA0BrD;AAED,wBAAgB,yBAAyB,CACvC,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,MAAM,EAAE,GACnB,MAAM,CA8BR;AAED;;;;;;GAMG;AACH,wBAAgB,6BAA6B,CAC3C,QAAQ,EAAE,MAAM,EAAE,EAClB,UAAU,EAAE,MAAM,EAAE,EAAE,GACrB,MAAM,EAAE,CA6DV;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,OAAO,CAG7D;AAED,wBAAgB,oBAAoB,CAClC,aAAa,EAAE,MAAM,EACrB,cAAc,EAAE,MAAM,GACrB,MAAM,CA4BR;AAED,wBAAgB,oBAAoB,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,CAclE;AAED,wBAAgB,0BAA0B,CAAC,QAAQ,EAAE,GAAG,GAAG,UAAU,EAAE,CAoOtE;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,GAAG,GAAG,aAAa,EAAE,CA8GvE;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,GAAG,GAAG,cAAc,EAAE,CA0D/D;AAED;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,QAAQ,EAAE,GAAG,GAAG,QAAQ,EAAE,CAkJnD;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CACxC,QAAQ,EAAE,GAAG,EACb,KAAK,EAAE,QAAQ,EAAE,GAChB,eAAe,EAAE,CAqEnB;AASD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,GAAG,GAAG,gBAAgB,EAAE,CAgFnE;AASD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAIzD"}

package/dist/src/components/EncoreApp.d.ts

@@ -45,6 +45,8 @@ export type EncoreAppProps = {
     componentCode?: string;
     /** Deployment mode: dynamic (default), optimistic, or production */
     mode?: "dynamic" | "optimistic" | "production";
+    /** Map of embedded components by ID */
+    embeds?: Record<string, React.ReactNode>;
 };
 type Props = EncoreAppProps;
 /**
@@ -81,6 +83,6 @@ type Props = EncoreAppProps;
  *   }}
  * />
  */
-declare const EncoreApp: ({ appId, pageId, componentId, fallback, onSizeChange, onContentSizeChange, onAction, data, source, repeatingContainerControls, inputGroups, baseURL, appDefinition, pageDefinition, componentCode, mode, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const EncoreApp: ({ appId, pageId, componentId, fallback, onSizeChange, onContentSizeChange, onAction, data, source, repeatingContainerControls, inputGroups, baseURL, appDefinition, pageDefinition, componentCode, mode, embeds, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default EncoreApp;
 //# sourceMappingURL=EncoreApp.d.ts.map

package/dist/src/components/EncoreApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EncoreApp.d.ts","sourceRoot":"","sources":["../../../src/components/EncoreApp.tsx"],"names":[],"mappings":"AAIA,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AA4B3E;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,wFAAwF;IACxF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qDAAqD;IACrD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACjE,wEAAwE;IACxE,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE,oGAAoG;IACpG,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,+FAA+F;IAC/F,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,EAAE,CAAC,CAAC;IAC/C,sEAAsE;IACtE,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5B,qFAAqF;IACrF,0BAA0B,CAAC,EAAE,MAAM,CACjC,MAAM,EACN;QAAE,YAAY,CAAC,EAAE,MAAM,CAAC;QAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CACnE,CAAC;IACF,2FAA2F;IAC3F,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,6FAA6F;IAC7F,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oEAAoE;IACpE,IAAI,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,YAAY,CAAC;CAChD,CAAC;AAEF,KAAK,KAAK,GAAG,cAAc,CAAC;AAe5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,QAAA,MAAM,SAAS,GAAI,4MAiBhB,KAAK,4CAsWP,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"EncoreApp.d.ts","sourceRoot":"","sources":["../../../src/components/EncoreApp.tsx"],"names":[],"mappings":"AAIA,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AA4B3E;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,wFAAwF;IACxF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qDAAqD;IACrD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACjE,wEAAwE;IACxE,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE,oGAAoG;IACpG,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,+FAA+F;IAC/F,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,EAAE,CAAC,CAAC;IAC/C,sEAAsE;IACtE,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5B,qFAAqF;IACrF,0BAA0B,CAAC,EAAE,MAAM,CACjC,MAAM,EACN;QAAE,YAAY,CAAC,EAAE,MAAM,CAAC;QAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CACnE,CAAC;IACF,2FAA2F;IAC3F,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,6FAA6F;IAC7F,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oEAAoE;IACpE,IAAI,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,YAAY,CAAC;IAC/C,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;CAC1C,CAAC;AAEF,KAAK,KAAK,GAAG,cAAc,CAAC;AAe5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,QAAA,MAAM,SAAS,GAAI,oNAkBhB,KAAK,4CAwWP,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/src/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/components.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AAmkGf,QAAA,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAoDxD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/components.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AA+rGf,QAAA,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAuDxD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/contexts/EncoreBindingContext.d.ts

@@ -1,4 +1,16 @@
-type EncoreBindingContext = {};
-declare const EncoreBindingContext: import("react").Context<{}>;
+import React from "react";
+type EncoreBindingContextType = {
+    nodeData?: any;
+    textOverridesById?: Record<string, string>;
+    /**
+     * Data provided by parent component (from `encore:data:array` tag)
+     */
+    arrayDataById?: Record<string, any[]>;
+    /**
+     * Embeddable components provided by parent component
+     */
+    embedsById?: Record<string, React.ReactNode>;
+};
+declare const EncoreBindingContext: React.Context<EncoreBindingContextType>;
 export default EncoreBindingContext;
 //# sourceMappingURL=EncoreBindingContext.d.ts.map

package/dist/src/contexts/EncoreBindingContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EncoreBindingContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/EncoreBindingContext.ts"],"names":[],"mappings":"AAIA,KAAK,oBAAoB,GAAG,EAAE,CAAC;AAC/B,QAAA,MAAM,oBAAoB,6BAAoB,CAAC;AAE/C,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"EncoreBindingContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/EncoreBindingContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3C;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;IACtC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;CAC9C,CAAC;AAEF,QAAA,MAAM,oBAAoB,yCAKxB,CAAC;AAEH,eAAe,oBAAoB,CAAC"}

package/dist/src/version.d.ts

@@ -1,2 +1,2 @@
-export declare const PACKAGE_VERSION = "0.1.34";
+export declare const PACKAGE_VERSION = "0.1.35";
 //# sourceMappingURL=version.d.ts.map

package/dist/version.js

@@ -1,4 +1,4 @@
-const o = "0.1.34";
+const o = "0.1.35";
 export {
   o as PACKAGE_VERSION
 };

package/dist/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../src/version.ts"],"sourcesContent":["export const PACKAGE_VERSION = \"0.1.34\";\n"],"names":["PACKAGE_VERSION"],"mappings":"AAAO,MAAMA,IAAkB;"}
+{"version":3,"file":"version.js","sources":["../src/version.ts"],"sourcesContent":["export const PACKAGE_VERSION = \"0.1.35\";\n"],"names":["PACKAGE_VERSION"],"mappings":"AAAO,MAAMA,IAAkB;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bravostudioai/react",
-  "version": "0.1.34",
+  "version": "0.1.36",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/src/index.d.ts",

package/src/codegen/generator.ts

@@ -202,13 +202,22 @@ ${itemProps}
 
   // Generate data mapping
   const dataMapping: string[] = [];
+  const embedsMapping: string[] = [];
   const controlMapping: string[] = [];
 
   // Add standalone component mappings
   standaloneComponents.forEach((comp) => {
     const propKey = getComponentPropName(comp.type);
-    dataMapping.push(`    // ${comp.name}
+    if (comp.type === "component:webview") {
+      dataMapping.push(`    // ${comp.name}
+    ...(props.${comp.propName} !== undefined && { "${comp.id}": { params: { url: props.${comp.propName} } } as any }),`);
+    } else if (comp.type === "component:embed") {
+      embedsMapping.push(`    // ${comp.name}
+    ...(props.${comp.propName} !== undefined && { "${comp.id}": props.${comp.propName} }),`);
+    } else {
+      dataMapping.push(`    // ${comp.name}
     ...(props.${comp.propName} !== undefined && { "${comp.id}": { ${propKey}: props.${comp.propName} } as any }),`);
+    }
   });
 
   // Add select input mappings (for controlled values and options)
@@ -228,6 +237,12 @@ ${itemProps}
       const itemMapping = container.components
         .map((comp) => {
           const propKey = getComponentPropName(comp.type);
+          if (comp.type === "component:webview") {
+            return `        // ${comp.name}
+        "${comp.id}": {
+          params: { url: item.${comp.propName} },
+        }`;
+          }
           return `        // ${comp.name}
         "${comp.id}": {
           ${propKey}: item.${comp.propName},
@@ -445,6 +460,13 @@ ${inputGroupMapping.join("\n")}
   const onActionCode =
     inputGroupHandlers.length > 0 ? `\n      onAction={handleAction}` : "";
 
+  const embedsCode =
+    embedsMapping.length > 0
+      ? `\n      embeds={{
+${embedsMapping.join("\n")}
+      }}`
+      : "";
+
   const propsParameter = hasProps ? `props: ${componentName}Props` : "";
   const propsInterfaceSection = propsInterface ? `${propsInterface}\n\n` : "";
 
@@ -480,7 +502,7 @@ ${inputGroupHandlers.length > 0 ? inputGroupHandlers.join("\n") : ""}
       }
       data={{
 ${dataMapping.join("\n")}
-      }}${repeatingContainerControlsCode}${inputGroupsCode}${onActionCode}
+      }}${repeatingContainerControlsCode}${inputGroupsCode}${onActionCode}${embedsCode}
     />
   );
 }

package/src/codegen/parser.ts

@@ -181,6 +181,18 @@ export function getComponentPropType(
     }
     return "string"; // text inputs, email, password, etc.
   }
+  if (componentType === "component:webview") {
+    return "string"; // url
+  }
+  if (componentType === "component:video") {
+    return "string"; // videoUrl
+  }
+  if (componentType === "component:video") {
+    return "string"; // videoUrl
+  }
+  if (componentType === "component:embed") {
+    return "React.ReactNode";
+  }
   // Default to any for unknown types
   return "any";
 }
@@ -192,6 +204,12 @@ export function getComponentPropName(componentType: string): string {
   if (componentType === "component:text") {
     return "text";
   }
+  if (componentType === "component:webview") {
+    return "url";
+  }
+  if (componentType === "component:video") {
+    return "videoUrl";
+  }
   return "value";
 }
 
@@ -466,11 +484,18 @@ export function findStandaloneComponents(pageData: any): ComponentInfo[] {
     // Skip if we're inside a slider
     if (parentId && sliderIds.has(parentId)) return;
 
-    // Check if this component has bravo:data tag
-    if (
+    // Check if this component has bravo:data tag OR is an embed component
+    const hasDataTag =
       Array.isArray(node.tags) &&
-      (node.tags.includes("encore:data") || node.tags.includes("bravo:data")) &&
-      (node.type === "component:text" || node.type === "component:image")
+      (node.tags.includes("encore:data") || node.tags.includes("bravo:data"));
+
+    if (
+      node.type === "component:embed" ||
+      (hasDataTag &&
+        (node.type === "component:text" ||
+          node.type === "component:image" ||
+          node.type === "component:webview" ||
+          node.type === "component:video"))
     ) {
       const basePropName = sanitizePropName(node.name || "item");
       const propType = getComponentPropType(node.type, node.name);

package/src/components/EncoreApp.tsx

@@ -78,6 +78,8 @@ export type EncoreAppProps = {
   componentCode?: string;
   /** Deployment mode: dynamic (default), optimistic, or production */
   mode?: "dynamic" | "optimistic" | "production";
+  /** Map of embedded components by ID */
+  embeds?: Record<string, React.ReactNode>;
 };
 
 type Props = EncoreAppProps;
@@ -146,6 +148,7 @@ const EncoreApp = ({
   pageDefinition,
   componentCode,
   mode,
+  embeds,
 }: Props) => {
   logger.debug("EncoreApp render", { appId, pageId, mode });
 
@@ -389,8 +392,10 @@ const EncoreApp = ({
       arrayDataById: data,
       // Support for standalone component data binding (encore:data tags at root level)
       rootData: data,
+      // Support for embedded components
+      embedsById: embeds,
     };
-  }, [pageData.data?.clientData, data]);
+  }, [pageData.data?.clientData, data, embeds]);
 
   // Manage repeating container controls (sliders, lists)
   const repeatingContainerContextValue = useRepeatingContainers(

package/src/components.tsx

@@ -436,8 +436,27 @@ const useEncoreStyle = (
   if (style.opacity) result.opacity = style.opacity * 0.01;
   if (style.fontId) {
     const fontFamily = fontIdToFamily[style.fontId] || "sans-serif";
-    // Ensure font family name is quoted for names with spaces/special characters
-    result.fontFamily = `"${fontFamily}"`;
+
+    // Check for generic font families that should NOT be quoted
+    // These need to be unquoted for the browser to recognize them as keywords rather than custom font names
+    const genericFamilies = [
+      "sans-serif",
+      "serif",
+      "monospace",
+      "cursive",
+      "fantasy",
+      "system-ui",
+      "ui-sans-serif",
+      "ui-serif",
+      "ui-monospace",
+      "ui-rounded",
+    ];
+    if (genericFamilies.includes(fontFamily.toLowerCase())) {
+      result.fontFamily = fontFamily;
+    } else {
+      // Ensure font family name is quoted for names with spaces/special characters
+      result.fontFamily = `"${fontFamily}"`;
+    }
 
     console.log(`[AG_DEBUG] [useEncoreStyle] Font Resolution:`, {
       fontId: style.fontId,
@@ -1065,6 +1084,54 @@ const WebViewComponent: React.FC<ComponentProps> = ({ id, name, nodeData }) => {
   );
 };
 
+const VideoComponent: React.FC<ComponentProps> = ({ id, name, nodeData }) => {
+  const { patchedNodeData } = useEncoreBinding({ id, nodeData });
+  nodeData = patchedNodeData;
+
+  const style = useEncoreStyle(nodeData.style, {
+    debug: false,
+  });
+  const assetsById = useEncoreState((state) => state.assetsById);
+
+  // Honor scale mode semantics (similar to ImageComponent)
+  const scaleMode = nodeData.style?.scaleMode || "fill";
+  if (scaleMode === "fill") {
+    style.objectFit = "cover";
+  } else if (scaleMode === "fit") {
+    style.objectFit = "contain";
+  }
+  style.objectPosition = "center";
+
+  // Resolve video URL
+  let videoUrl = nodeData.data?.videoUrl;
+
+  if (!videoUrl && nodeData.encoreData?.video) {
+    videoUrl = nodeData.encoreData.video;
+  }
+
+  // Fallback to asset URL if no encore data
+  if (!videoUrl) {
+    videoUrl = assetsById[nodeData.assetId]?.url;
+  }
+
+  // Only render if we have a URL or a placeholder color/border
+  if (!videoUrl && !style.backgroundColor && !style.borderColor) {
+    return null;
+  }
+
+  return (
+    <video
+      data-id={id}
+      data-name={name}
+      data-type="VideoComponent"
+      style={{ ...style }}
+      src={videoUrl}
+      controls
+      playsInline
+    />
+  );
+};
+
 const ColorComponent: React.FC<ComponentProps> = ({ id, name, nodeData }) => {
   const style = useEncoreStyle(nodeData.style, {
     debug: false,
@@ -2938,9 +3005,25 @@ const PageComponent = ({ id, name, nodeData, children }) => {
     measuredHeight = viewportHeight;
   }
 
-  // Calculate scale factor
+  // CHECK: Is this a mobile-first design?
+  // Reuse existing originalWidth (defaults to 1 if missing)
+  const isMobileDesign = originalWidth < 768; // Standard tablet/mobile threshold
+
+  let effectiveWidth = measuredWidth;
+  let containerMaxWidth: string | number = "100%";
+
+  // RESPONSIVE FIX: If mobile design is viewed on a wide screen, constrain it.
+  // We allow scaling up to 1.5x original size (for tablets/large phones), but not infinite stretching.
+  if (isMobileDesign && measuredWidth > originalWidth * 1.5) {
+    const maxAllowed = Math.round(originalWidth * 1.5);
+    effectiveWidth = maxAllowed;
+    containerMaxWidth = maxAllowed;
+    // console.log(`[Encore] Constraining mobile page width to ${maxAllowed}px (viewport: ${measuredWidth}px)`);
+  }
+
+  // Calculate scale factor using the effective (constrained) width
   const fitScale =
-    Math.min(measuredWidth / originalWidth, measuredHeight / originalHeight) ||
+    Math.min(effectiveWidth / originalWidth, measuredHeight / originalHeight) ||
     1;
   const context = { scaleFactor: fitScale };
 
@@ -3056,6 +3139,11 @@ const PageComponent = ({ id, name, nodeData, children }) => {
         style={{
           width: "100%",
           height: "100%",
+          maxWidth:
+            typeof containerMaxWidth === "number"
+              ? `${containerMaxWidth}px`
+              : containerMaxWidth,
+          margin: isMobileDesign ? "0 auto" : 0,
           position: "relative",
           overflow: "hidden",
           // Only use flex if we have non-background nonScrollableChildren (like top-bar)
@@ -3144,7 +3232,44 @@ const PageComponent = ({ id, name, nodeData, children }) => {
   );
 };
 
+const EmbedComponent: React.FC<ComponentProps> = ({
+  id,
+  nodeData,
+  children,
+}) => {
+  const bindingContext = useContext(EncoreBindingContext);
+  const embed = bindingContext?.embedsById?.[id];
+
+  const style = useEncoreStyle(nodeData.style, { debug: false });
+
+  if (embed) {
+    return (
+      <div
+        style={{
+          ...style,
+          display: "flex",
+          flexDirection: "column",
+          // Reset positioning if provided by wrapper
+          position: "absolute",
+        }}
+        data-type="EmbedComponent"
+        data-id={id}
+      >
+        {embed}
+      </div>
+    );
+  }
+
+  // Fallback to children or empty
+  return (
+    <div style={style} data-type="EmbedComponent-Empty" data-id={id}>
+      {children}
+    </div>
+  );
+};
+
 const components: Record<string, React.ComponentType<any>> = {
+  EmbedComponent,
   WebViewComponent,
   ColorComponent,
   GradientComponent,
@@ -3187,6 +3312,7 @@ const components: Record<string, React.ComponentType<any>> = {
   "component:stateful-compound": StatefulCompoundComponent,
   "component:slider": SliderComponent,
   "component:webview": WebViewComponent,
+  "component:video": VideoComponent,
   "component:lottie": LottieComponent,
   "component:email-input": EmailInputComponent,
   "component:text-input": TextInputComponent,
@@ -3195,6 +3321,7 @@ const components: Record<string, React.ComponentType<any>> = {
   "component:image-input": ImageInputComponent,
   "component:hidden-input": HiddenInputComponent,
   "component:tabs-menu": TabsMenuComponent,
+  "component:embed": EmbedComponent,
   ContainerSliderComponent: SliderComponent,
 };
 

package/src/contexts/EncoreBindingContext.ts

@@ -1,8 +1,25 @@
 "use client";
 
-import { createContext } from "react";
+import React, { createContext } from "react";
 
-type EncoreBindingContext = {};
-const EncoreBindingContext = createContext({});
+type EncoreBindingContextType = {
+  nodeData?: any; // Assuming nodeData is part of the context based on the default value
+  textOverridesById?: Record<string, string>; // Assuming textOverridesById is part of the context
+  /**
+   * Data provided by parent component (from `encore:data:array` tag)
+   */
+  arrayDataById?: Record<string, any[]>;
+  /**
+   * Embeddable components provided by parent component
+   */
+  embedsById?: Record<string, React.ReactNode>;
+};
+
+const EncoreBindingContext = createContext<EncoreBindingContextType>({
+  nodeData: undefined, // Changed from null to undefined for consistency with other optional properties
+  textOverridesById: undefined,
+  arrayDataById: undefined,
+  embedsById: undefined,
+});
 
 export default EncoreBindingContext;

package/src/version.ts

@@ -1 +1 @@
-export const PACKAGE_VERSION = "0.1.34";
+export const PACKAGE_VERSION = "0.1.36";