canvu-react 0.3.11 → 0.3.12

package/dist/realtime.js

@@ -2198,7 +2198,7 @@ function useRealtimeSession(options) {
       items: preparedItems.items,
       serialized: preparedItems.serialized
     };
-    const didSend = sendRaw({
+    const didSend = sendRawRef.current({
       type: "document:update",
       roomId,
       clientId: clientIdRef.current,
@@ -2210,7 +2210,7 @@ function useRealtimeSession(options) {
       outboundInFlightRef.current = null;
       setHasPendingDocumentSync(true);
     }
-  }, [clearDocumentFlushSchedule, roomId, sendRaw]);
+  }, [clearDocumentFlushSchedule, roomId]);
   const scheduleDocumentFlush = useCallback(() => {
     clearDocumentFlushSchedule();
     documentFlushTimerRef.current = window.setTimeout(() => {
@@ -2233,9 +2233,9 @@ function useRealtimeSession(options) {
       queuedItemsRef.current = items;
       setHasPendingDocumentSync(true);
       if (conflictRef.current) return;
-      scheduleDocumentFlush();
+      scheduleDocumentFlushRef.current();
     },
-    [roomId, scheduleDocumentFlush, scheduleDraftPersistence, setLocalDraft]
+    [roomId, scheduleDraftPersistence, setLocalDraft]
   );
   const applyDraftSnapshot = useCallback(
     (draft, options2) => {
@@ -2253,7 +2253,7 @@ function useRealtimeSession(options) {
         return false;
       }
       if (sameSerializedItems(localDraft.items, serverDocument.items)) {
-        clearLocalDraft();
+        clearLocalDraftRef.current();
         setHasPendingDocumentSync(false);
         setConflictState(null);
         applyDocument(serverDocument, options2);
@@ -2280,13 +2280,7 @@ function useRealtimeSession(options) {
       });
       return true;
     },
-    [
-      applyDocument,
-      applyDraftSnapshot,
-      clearLocalDraft,
-      scheduleDocumentFlush,
-      setConflictState
-    ]
+    [applyDocument, applyDraftSnapshot, scheduleDocumentFlush, setConflictState]
   );
   const sendPresenceUpdate = useCallback(() => {
     sendRaw({
@@ -2373,6 +2367,26 @@ function useRealtimeSession(options) {
       setLocalDraft
     ]
   );
+  const setConflictStateRef = useRef(setConflictState);
+  setConflictStateRef.current = setConflictState;
+  const updateConnectionRef = useRef(updateConnection);
+  updateConnectionRef.current = updateConnection;
+  const applyDocumentRef = useRef(applyDocument);
+  applyDocumentRef.current = applyDocument;
+  const clearLocalDraftRef = useRef(clearLocalDraft);
+  clearLocalDraftRef.current = clearLocalDraft;
+  const collapsePeersToSelfRef = useRef(collapsePeersToSelf);
+  collapsePeersToSelfRef.current = collapsePeersToSelf;
+  const applyPeersRef = useRef(applyPeers);
+  applyPeersRef.current = applyPeers;
+  const resolveAuthoritativeDocumentRef = useRef(resolveAuthoritativeDocument);
+  resolveAuthoritativeDocumentRef.current = resolveAuthoritativeDocument;
+  const scheduleDocumentFlushRef = useRef(scheduleDocumentFlush);
+  scheduleDocumentFlushRef.current = scheduleDocumentFlush;
+  const scheduleReconnectRef = useRef(scheduleReconnect);
+  scheduleReconnectRef.current = scheduleReconnect;
+  const sendRawRef = useRef(sendRaw);
+  sendRawRef.current = sendRaw;
   useEffect(() => {
     if (!roomId) {
       clearDocumentFlushSchedule();
@@ -2426,8 +2440,8 @@ function useRealtimeSession(options) {
       queuedItemsRef.current = localDraftRef.current?.items ?? null;
       outboundInFlightRef.current = null;
       setHasPendingDocumentSync(localDraftRef.current != null);
-      collapsePeersToSelf("offline");
-      updateConnection((prev) => ({
+      collapsePeersToSelfRef.current("offline");
+      updateConnectionRef.current((prev) => ({
         ...prev,
         state: "offline",
         connected: false,
@@ -2439,8 +2453,8 @@ function useRealtimeSession(options) {
     manualDisconnectRef.current = false;
     const socketUrl = normalizeSocketUrl(url);
     if (!socketUrl) {
-      collapsePeersToSelf("offline");
-      updateConnection((prev) => ({
+      collapsePeersToSelfRef.current("offline");
+      updateConnectionRef.current((prev) => ({
         ...prev,
         state: "offline",
         connected: false,
@@ -2450,7 +2464,7 @@ function useRealtimeSession(options) {
       return;
     }
     if (!isValidSocketUrl(socketUrl)) {
-      updateConnection((prev) => ({
+      updateConnectionRef.current((prev) => ({
         ...prev,
         state: "error",
         connected: false,
@@ -2461,7 +2475,7 @@ function useRealtimeSession(options) {
       return;
     }
     let disposed = false;
-    updateConnection((prev) => ({
+    updateConnectionRef.current((prev) => ({
       ...prev,
       state: retryCountRef.current > 0 ? "reconnecting" : "connecting",
       connected: false,
@@ -2479,7 +2493,7 @@ function useRealtimeSession(options) {
     socket.addEventListener("open", () => {
       if (disposed) return;
       clearConnectTimeout();
-      sendRaw({
+      sendRawRef.current({
         type: "session:join",
         roomId,
         peer: {
@@ -2492,7 +2506,7 @@ function useRealtimeSession(options) {
       });
       clearHeartbeatTimer();
       heartbeatTimerRef.current = window.setInterval(() => {
-        sendRaw({
+        sendRawRef.current({
           type: "session:ping",
           roomId,
           clientId: clientIdRef.current,
@@ -2512,13 +2526,13 @@ function useRealtimeSession(options) {
       }
       const parsed = parseRealtimeServerMessage(payload);
       if (!parsed) return;
-      updateConnection((prev) => ({
+      updateConnectionRef.current((prev) => ({
         ...prev,
         lastMessageAt: nowMs()
       }));
       if (parsed.type === "session:welcome") {
         retryCountRef.current = 0;
-        updateConnection((prev) => ({
+        updateConnectionRef.current((prev) => ({
           ...prev,
           state: "connected",
           connected: true,
@@ -2527,8 +2541,8 @@ function useRealtimeSession(options) {
           lastConnectedAt: nowMs(),
           lastError: null
         }));
-        applyPeers(parsed.peers);
-        const handledByDraft = resolveAuthoritativeDocument(
+        applyPeersRef.current(parsed.peers);
+        const handledByDraft = resolveAuthoritativeDocumentRef.current(
           sanitizeRealtimeSnapshot(parsed.document),
           {
             suppressSubscriberNotify: localDraftRef.current != null && sameSerializedItems(
@@ -2542,11 +2556,11 @@ function useRealtimeSession(options) {
           outboundInFlightRef.current = null;
           setHasPendingDocumentSync(false);
         }
-        scheduleDocumentFlush();
+        scheduleDocumentFlushRef.current();
         return;
       }
       if (parsed.type === "presence:sync") {
-        applyPeers(parsed.peers);
+        applyPeersRef.current(parsed.peers);
         return;
       }
       if (parsed.type === "session:peer-joined") {
@@ -2568,14 +2582,14 @@ function useRealtimeSession(options) {
         return;
       }
       if (parsed.type === "session:pong") {
-        updateConnection((prev) => ({
+        updateConnectionRef.current((prev) => ({
           ...prev,
           lastPongAt: parsed.serverTime
         }));
         return;
       }
       if (parsed.type === "session:error") {
-        updateConnection((prev) => ({
+        updateConnectionRef.current((prev) => ({
           ...prev,
           state: prev.connected ? prev.state : "error",
           lastError: parsed.message
@@ -2591,42 +2605,46 @@ function useRealtimeSession(options) {
           outboundInFlightRef.current = null;
           queuedItemsRef.current = localDraftRef.current?.items ?? null;
           setHasPendingDocumentSync(queuedItemsRef.current != null);
-          resolveAuthoritativeDocument(sanitizeRealtimeSnapshot(parsed.document));
+          resolveAuthoritativeDocumentRef.current(
+            sanitizeRealtimeSnapshot(parsed.document)
+          );
           return;
         }
         const shouldSuppress = inFlight != null && sameSerializedItems(inFlight.items, parsed.document.items);
         outboundInFlightRef.current = null;
-        applyDocument(sanitizeRealtimeSnapshot(parsed.document), {
+        applyDocumentRef.current(sanitizeRealtimeSnapshot(parsed.document), {
           suppressSubscriberNotify: shouldSuppress
         });
         if (queuedItemsRef.current) {
           if (sameSerializedItems(queuedItemsRef.current, parsed.document.items)) {
             queuedItemsRef.current = null;
           } else {
-            scheduleDocumentFlush();
+            scheduleDocumentFlushRef.current();
           }
         }
         if (!queuedItemsRef.current) {
-          clearLocalDraft();
+          clearLocalDraftRef.current();
         }
         setHasPendingDocumentSync(queuedItemsRef.current != null);
-        setConflictState(null);
+        setConflictStateRef.current(null);
         return;
       }
       if (parsed.type === "document:resync-required") {
         outboundInFlightRef.current = null;
         queuedItemsRef.current = localDraftRef.current?.items ?? null;
         setHasPendingDocumentSync(queuedItemsRef.current != null);
-        updateConnection((prev) => ({
+        updateConnectionRef.current((prev) => ({
           ...prev,
           lastError: parsed.reason
         }));
-        resolveAuthoritativeDocument(sanitizeRealtimeSnapshot(parsed.document));
+        resolveAuthoritativeDocumentRef.current(
+          sanitizeRealtimeSnapshot(parsed.document)
+        );
       }
     });
     socket.addEventListener("error", () => {
       if (disposed) return;
-      updateConnection((prev) => ({
+      updateConnectionRef.current((prev) => ({
         ...prev,
         state: prev.connected ? prev.state : "error",
         lastError: "Falha de conex\xE3o websocket."
@@ -2637,17 +2655,17 @@ function useRealtimeSession(options) {
       clearHeartbeatTimer();
       clearConnectTimeout();
       wsRef.current = null;
-      collapsePeersToSelf(
+      collapsePeersToSelfRef.current(
         manualDisconnectRef.current || !enabled ? "offline" : "reconnecting"
       );
-      updateConnection((prev) => ({
+      updateConnectionRef.current((prev) => ({
         ...prev,
         connected: false,
         clientId: prev.clientId,
         state: manualDisconnectRef.current || !enabled ? "offline" : prev.state
       }));
       if (!manualDisconnectRef.current && enabled) {
-        scheduleReconnect();
+        scheduleReconnectRef.current();
       }
     });
     return () => {
@@ -2659,14 +2677,10 @@ function useRealtimeSession(options) {
       socket.close();
     };
   }, [
-    applyDocument,
-    applyPeers,
     clearConnectTimeout,
+    clearDocumentFlushSchedule,
     clearHeartbeatTimer,
-    clearLocalDraft,
     clearReconnectTimer,
-    collapsePeersToSelf,
-    clearDocumentFlushSchedule,
     connectSequence,
     connectTimeoutMs,
     enabled,
@@ -2675,13 +2689,7 @@ function useRealtimeSession(options) {
     peer.displayName,
     peer.id,
     peer.image,
-    resolveAuthoritativeDocument,
     roomId,
-    scheduleDocumentFlush,
-    scheduleReconnect,
-    sendRaw,
-    setConflictState,
-    updateConnection,
     url
   ]);
   useEffect(() => {