@snowcone-app/ui 0.9.5 → 0.9.6

package/dist/index.js

@@ -5704,6 +5704,7 @@ import { jsx as jsx52 } from "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);
@@ -5861,6 +5862,9 @@ function RealtimeProvider({
   const serverStampsVersionsRef = useRef12(false);
   const pendingRerenderRef = useRef12([]);
   const forceRerenderByConfigRef = useRef12(null);
+  const lastRerenderAtRef = useRef12(0);
+  const rerenderQueueRef = useRef12([]);
+  const rerenderTimerRef = useRef12(null);
   const fullFrameRerenderIdsRef = useRef12(/* @__PURE__ */ new Set());
   const fullFrameRerenderTimerRef = useRef12(null);
   useEffect17(
@@ -5943,6 +5947,28 @@ function RealtimeProvider({
     [sendFullFrameConfig]
   );
   forceRerenderByConfigRef.current = forceRerenderByConfig;
+  const sendRerenderPaced = useCallback10(
+    (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 = useCallback10(
     (mockupId) => {
       fullFrameRerenderIdsRef.current.add(mockupId);
@@ -5963,14 +5989,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 = useCallback10(() => {
     if (!croppedDeliveryEnabled || !cropCapableRef.current) return;