@bravostudioai/react 0.1.46 → 0.1.48

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;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"}
+{"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,4CAgXP,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;AA4uGf,QAAA,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAwDxD,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+uGf,QAAA,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAwDxD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/version.d.ts

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

package/dist/version.js

@@ -1,4 +1,4 @@
-const o = "0.1.46";
+const o = "0.1.48";
 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.46\";\n"],"names":["PACKAGE_VERSION"],"mappings":"AAAO,MAAMA,IAAkB;"}
+{"version":3,"file":"version.js","sources":["../src/version.ts"],"sourcesContent":["export const PACKAGE_VERSION = \"0.1.48\";\n"],"names":["PACKAGE_VERSION"],"mappings":"AAAO,MAAMA,IAAkB;"}

package/package.json

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

package/src/components/EncoreApp.tsx

@@ -207,14 +207,6 @@ const EncoreApp = ({
     setReloadKey((prev) => (typeof prev === "number" ? prev + 1 : Date.now()));
   }, []);
 
-  // Only enable Pusher in remote mode - it doesn't make sense in local mode
-  usePusherUpdates({
-    appId,
-    pageId: pageId || undefined,
-    enabled: !isLocalMode() && !appDefinition,
-    onUpdate: handleUpdate,
-  });
-
   const useLocalFlag = source === "local" || isLocalMode();
 
   // Determine if we should fetch app definition
@@ -235,6 +227,14 @@ const EncoreApp = ({
   // Default to dynamic if not specified
   const isDynamicMode = !isProductionMode && !isOptimisticMode;
 
+  // Only enable Pusher in remote mode - it doesn't make sense in local mode
+  usePusherUpdates({
+    appId,
+    pageId: pageId || undefined,
+    enabled: isOptimisticMode || (!isLocalMode() && !appDefinition),
+    onUpdate: handleUpdate,
+  });
+
   const shouldFetchApp = !isProductionMode && appId;
   const appUrl = shouldFetchApp
     ? `/devices/apps/${appId}${useLocalFlag ? "?useLocal=1" : ""}`
@@ -281,7 +281,7 @@ const EncoreApp = ({
             });
           }
           return Promise.resolve();
-        })
+        }),
       );
     })();
   }, [assetsById]);
@@ -316,7 +316,7 @@ const EncoreApp = ({
   // We want: render with initial componentCode, BUT ALSO fetch new code, and when valid, switch to it.
 
   const [optimisticCode, setOptimisticCode] = useState<string | undefined>(
-    componentCode
+    componentCode,
   );
 
   useEffect(() => {
@@ -341,11 +341,19 @@ const EncoreApp = ({
           const resp = await fetch(url);
           if (resp.ok) {
             const text = await resp.text();
-            // Only update if different?
-            // Comparing huge strings might be expensive, but React state update checks equality anyway (ref).
-            // Let's just set it.
-            setOptimisticCode(text);
-            logger.debug("Refreshed optimistic component code");
+            // Check if code is different from what we have (either bundled or previously fetched)
+            // Use strict equality as strings are primitives.
+            // If the server returns identical code, we skip the update to avoid re-rendering.
+            setOptimisticCode((currentCode) => {
+              if (text === currentCode) {
+                logger.debug("Optimistic code is up to date");
+                return currentCode;
+              }
+              logger.debug(
+                "Refreshed optimistic component code (new version found)",
+              );
+              return text;
+            });
           }
         } catch (e) {
           logger.warn("Failed to background refresh optimistic component", e);
@@ -357,7 +365,7 @@ const EncoreApp = ({
       // If prop changes (e.g. from HMR or parent), sync it
       setOptimisticCode(componentCode);
     }
-  }, [componentCode, isOptimisticMode, appId, pageId]);
+  }, [componentCode, isOptimisticMode, appId, pageId, reloadKey]);
 
   // Use the calculated optimistic code or the passed prop depending on mode
   const effectiveComponentCode = isOptimisticMode
@@ -399,7 +407,7 @@ const EncoreApp = ({
 
   // Manage repeating container controls (sliders, lists)
   const repeatingContainerContextValue = useRepeatingContainers(
-    repeatingContainerControls
+    repeatingContainerControls,
   );
 
   // Sync input groups from props to store
@@ -452,7 +460,7 @@ const EncoreApp = ({
           {(isLocalMode()
             ? // Local mode: app.json provides pages under app.data.pages
               ((app?.data as any)?.app?.data?.pages || []).map(
-                (pg: any) => pg?.id
+                (pg: any) => pg?.id,
               )
             : app?.data?.app.pageIds || []
           ).map((p: string) => (

package/src/components.tsx

@@ -2037,7 +2037,10 @@ const ContainerComponent = ({
     nodeData.style.layout?.layoutSizingHorizontal ||
     nodeData.style.layout?.layoutSizingVertical;
   const shouldBeAbsolute =
-    nodeData.style.positioning && !isFlex && (hasLayoutSizing || true);
+    nodeData.style.positioning &&
+    !isFlex &&
+    !parentIsFlex &&
+    (hasLayoutSizing || true);
 
   // Only force position: relative if the element shouldn't be absolutely positioned.
   // This allows absolutely positioned children (with layout sizing) to remain absolute.

package/src/version.ts

@@ -1 +1 @@
-export const PACKAGE_VERSION = "0.1.46";
+export const PACKAGE_VERSION = "0.1.48";