@bravostudioai/react 0.1.13 → 0.1.15

package/dist/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,0DACsB,CAAC;AAE1D,eAAO,MAAM,wBAAwB,oDACc,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,0DACsB,CAAC;AAG1D,eAAO,MAAM,wBAAwB,oDACc,CAAC"}

package/dist/contexts/EncoreActionContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"EncoreActionContext.js","sources":["../../src/contexts/EncoreActionContext.ts"],"sourcesContent":["import React from \"react\";\n\nexport type EncoreActionPayload = {\n  bravo: {\n    cancel: () => void;\n    action: any;\n  };\n};\n\ntype EncoreActionContextType = {\n  onAction?: (payload: EncoreActionPayload) => void | Promise<void>;\n};\n\nconst EncoreActionContext = React.createContext<EncoreActionContextType>({});\n\nexport default EncoreActionContext;\n\n\n"],"names":["EncoreActionContext","React"],"mappings":";AAaA,MAAMA,IAAsBC,EAAM,cAAuC,CAAA,CAAE;"}
+{"version":3,"file":"EncoreActionContext.js","sources":["../../src/contexts/EncoreActionContext.ts"],"sourcesContent":["import React from \"react\";\n\nexport type EncoreActionPayload = {\n  bravo: {\n    cancel: () => void;\n    action: any;\n    componentId?: string; // ID of the component that triggered the action\n  };\n};\n\ntype EncoreActionContextType = {\n  onAction?: (payload: EncoreActionPayload) => void | Promise<void>;\n};\n\nconst EncoreActionContext = React.createContext<EncoreActionContextType>({});\n\nexport default EncoreActionContext;\n"],"names":["EncoreActionContext","React"],"mappings":";AAcA,MAAMA,IAAsBC,EAAM,cAAuC,CAAA,CAAE;"}

package/dist/packages/encore-lib/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../constants.ts"],"sourcesContent":["export const CONST_APPS_SERVICE_URL =\n  \"https://apps-service-585087176299.us-central1.run.app\";\n\nexport const CONST_COMPONENTS_CDN_URL =\n  \"https://bsai-public.sfo3.digitaloceanspaces.com\";\n"],"names":["CONST_APPS_SERVICE_URL","CONST_COMPONENTS_CDN_URL"],"mappings":"AAAO,MAAMA,IACX,yDAEWC,IACX;"}
+{"version":3,"file":"constants.js","sources":["../../../constants.ts"],"sourcesContent":["export const CONST_APPS_SERVICE_URL =\n  \"https://apps-service-585087176299.us-central1.run.app\";\n// export const CONST_APPS_SERVICE_URL = \"http://localhost:3001\";\n\nexport const CONST_COMPONENTS_CDN_URL =\n  \"https://bsai-public.sfo3.digitaloceanspaces.com\";\n"],"names":["CONST_APPS_SERVICE_URL","CONST_COMPONENTS_CDN_URL"],"mappings":"AAAO,MAAMA,IACX,yDAGWC,IACX;"}

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;AA6hGf,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;AA6jGf,QAAA,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAoDxD,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -3,6 +3,7 @@ export type EncoreActionPayload = {
     bravo: {
         cancel: () => void;
         action: any;
+        componentId?: string;
     };
 };
 type EncoreActionContextType = {

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

@@ -1 +1 @@
-{"version":3,"file":"EncoreActionContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/EncoreActionContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,MAAM,EAAE,GAAG,CAAC;KACb,CAAC;CACH,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACnE,CAAC;AAEF,QAAA,MAAM,mBAAmB,wCAAmD,CAAC;AAE7E,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"EncoreActionContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/EncoreActionContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,MAAM,EAAE,GAAG,CAAC;QACZ,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACnE,CAAC;AAEF,QAAA,MAAM,mBAAmB,wCAAmD,CAAC;AAE7E,eAAe,mBAAmB,CAAC"}

package/package.json

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

package/src/components.tsx

@@ -136,12 +136,7 @@ const useEncoreStyle = (
 
   if (!style) return undefined;
 
-  // DEBUG: Log style for specific components
-  const debugIds = [
-    "01KB929X1DQJN954WNGF5AH38B", // Slider
-    "01KB929X1KK5TX0K8VBNP6ZDPG", // Hero Container
-    "01KB929X17VWVF3A2J2DY0KHC5", // Page
-  ];
+  if (!style) return undefined;
   // We don't have 'id' here directly in useEncoreStyle, but we can try to infer or pass it.
   // Actually, let's just log if we see interesting positioning values or if we can pass ID.
   // Since we can't easily pass ID without changing signature, let's add logging in the components themselves.
@@ -196,10 +191,18 @@ const useEncoreStyle = (
         : style.positioning.left;
 
     // HEURISTIC: Detect if element should be centered horizontally
+    let shouldCenterHorizontally = false;
+
+    // Explicit valid check from StyleDto
+    if (style.horizontalPosition === "center") {
+      shouldCenterHorizontally = true;
+    }
+
     // If element has explicit width that's nearly full-width (>= 95% of container) and left position
     // is in the range 15-35% (which suggests the element should be centered but is
     // currently positioned from its left edge), center it using transform
     if (
+      !shouldCenterHorizontally &&
       hasExplicitDimensions &&
       style.layout?.layoutSizingHorizontal === "FIXED" &&
       style.layout?.size?.x
@@ -250,6 +253,7 @@ const useEncoreStyle = (
         result.left = "50%";
         result.right = "auto";
       }
+      result.transform = "translateX(-50%)";
     } else {
       if (hasInset) {
         // Preserve original inset if not centering
@@ -401,6 +405,12 @@ const useEncoreStyle = (
     result.width = style.layout.size.x * scale;
   }
 
+  // HUG sizing: explicitly do NOT set width
+  // Let flex layout determine width based on content
+  if (style.layout?.layoutSizingHorizontal === "HUG") {
+    // Don't set result.width
+  }
+
   if (style.layout?.layoutSizingVertical === "FIXED") {
     const scale = pageContext.scaleFactor ?? 1;
     result.height = style.layout.size.y * scale;
@@ -1578,6 +1588,7 @@ const TextComponent: React.FC<ComponentProps> = ({ id, name, nodeData }) => {
   const styleWithFont = nodeData.fontId
     ? { ...bravoStyle, fontId: nodeData.fontId }
     : bravoStyle;
+
   const style = useEncoreStyle(styleWithFont, {
     debug: false,
   });