@snowcone-app/ui 0.9.4 → 0.9.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.9.6
+
+### Patch Changes
+
+- [#4354](https://github.com/snowcone-app/snowcone-monorepo/pull/4354) [`426ba73`](https://github.com/snowcone-app/snowcone-monorepo/commit/426ba73e27630f48c0c673a9f3510bc0c14540ab) Thanks [@kevinsproles](https://github.com/kevinsproles)! - `rerender` requests are paced to the render box's limit (one per 550 ms): failures inside the interval wait and go out as one request, instead of being refused with E_RERENDER_RATE_LIMITED and falling back to configs.
+
+## 0.9.5
+
+### Patch Changes
+
+- [#4351](https://github.com/snowcone-app/snowcone-monorepo/pull/4351) [`f9910a8`](https://github.com/snowcone-app/snowcone-monorepo/commit/f9910a86ec7d3ee48d9d4fbd5099f4790ce91e98) Thanks [@kevinsproles](https://github.com/kevinsproles)! - A cropped frame whose blob: URL was already revoked (its newer frame reached the SDK before React state delivered it) no longer switches the session to full-frame delivery: it waits up to 2 s for the newer frame, and only counts as a real failure if none arrives.
+
 ## 0.9.4
 
 ### Patch Changes

package/dist/index.cjs

@@ -6062,6 +6062,8 @@ async function compositeCroppedFrame(args) {
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var DEFAULT_ARTBOARD_SIZE = 2e3;
 var MAX_CONCURRENT_BLOBS = 5;
+var FRAME_SUPERSEDE_GRACE_MS = 2e3;
+var RERENDER_MIN_INTERVAL_MS = 550;
 function mergeMockupIds(current, extra) {
   const out = [...current];
   for (const id of extra) if (!out.includes(id)) out.push(id);
@@ -6219,6 +6221,9 @@ function RealtimeProvider({
   const serverStampsVersionsRef = (0, import_react25.useRef)(false);
   const pendingRerenderRef = (0, import_react25.useRef)([]);
   const forceRerenderByConfigRef = (0, import_react25.useRef)(null);
+  const lastRerenderAtRef = (0, import_react25.useRef)(0);
+  const rerenderQueueRef = (0, import_react25.useRef)([]);
+  const rerenderTimerRef = (0, import_react25.useRef)(null);
   const fullFrameRerenderIdsRef = (0, import_react25.useRef)(/* @__PURE__ */ new Set());
   const fullFrameRerenderTimerRef = (0, import_react25.useRef)(null);
   (0, import_react25.useEffect)(
@@ -6301,6 +6306,28 @@ function RealtimeProvider({
     [sendFullFrameConfig]
   );
   forceRerenderByConfigRef.current = forceRerenderByConfig;
+  const sendRerenderPaced = (0, import_react25.useCallback)(
+    (ids) => {
+      rerenderQueueRef.current = mergeMockupIds(rerenderQueueRef.current, ids);
+      if (rerenderTimerRef.current) return;
+      const wait = Math.max(0, lastRerenderAtRef.current + RERENDER_MIN_INTERVAL_MS - Date.now());
+      const flush = () => {
+        rerenderTimerRef.current = null;
+        const batch = rerenderQueueRef.current;
+        rerenderQueueRef.current = [];
+        if (batch.length === 0) return;
+        lastRerenderAtRef.current = Date.now();
+        pendingRerenderRef.current = mergeMockupIds(pendingRerenderRef.current, batch);
+        if (!rerenderRaw(batch)) {
+          pendingRerenderRef.current = [];
+          forceRerenderByConfigRef.current?.(batch);
+        }
+      };
+      if (wait === 0) flush();
+      else rerenderTimerRef.current = setTimeout(flush, wait);
+    },
+    [rerenderRaw]
+  );
   const rerenderFullFrame = (0, import_react25.useCallback)(
     (mockupId) => {
       fullFrameRerenderIdsRef.current.add(mockupId);
@@ -6321,14 +6348,13 @@ function RealtimeProvider({
         }
         if (serverStampsVersionsRef.current) {
           sendFullFrameConfig(ids);
-          pendingRerenderRef.current = failed;
-          if (rerenderRaw(failed)) return;
-          pendingRerenderRef.current = [];
+          sendRerenderPaced(failed);
+          return;
         }
         forceRerenderByConfig(failed);
       }, 0);
     },
-    [sendFullFrameConfig, forceRerenderByConfig, rerenderRaw]
+    [sendFullFrameConfig, forceRerenderByConfig, sendRerenderPaced]
   );
   const maybeFlipCrop = (0, import_react25.useCallback)(() => {
     if (!croppedDeliveryEnabled || !cropCapableRef.current) return;
@@ -6454,6 +6480,22 @@ function RealtimeProvider({
         if (gen !== sceneGenRef.current || compositeQueueRef.current.has(result.mockupId) || processedFrameRef.current.get(result.mockupId) !== result.imageUrl) {
           return;
         }
+        const message = err instanceof Error ? err.message : String(err);
+        if (result.imageUrl.startsWith("blob:") && message.startsWith("E_OVERLAY_FRAME_LOAD") && message.includes(result.imageUrl.slice(0, 160))) {
+          const failedUrl = result.imageUrl;
+          setTimeout(() => {
+            if (gen !== sceneGenRef.current) return;
+            if (compositeQueueRef.current.has(result.mockupId)) return;
+            if (processedFrameRef.current.get(result.mockupId) !== failedUrl) return;
+            console.error(
+              `[RealtimeProvider] E_OVERLAY_COMPOSITE_FAILED: frame for ${result.mockupId} failed to load and no newer frame arrived within ${FRAME_SUPERSEDE_GRACE_MS} ms \u2014 full-frame delivery for the rest of this session.`,
+              err
+            );
+            cropCapableRef.current = false;
+            rerenderFullFrame(result.mockupId);
+          }, FRAME_SUPERSEDE_GRACE_MS);
+          return;
+        }
         console.error(
           "[RealtimeProvider] E_OVERLAY_COMPOSITE_FAILED: cropped-frame composite failed \u2014 full-frame delivery for the rest of this session.",
           err