@snowcone-app/ui 0.9.5 → 0.9.6

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # 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

package/dist/index.cjs

@@ -6063,6 +6063,7 @@ 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);
@@ -6220,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)(
@@ -6302,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);
@@ -6322,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;