canvu-react 0.4.9 → 0.4.10

package/dist/realtime.cjs

@@ -3588,6 +3588,22 @@ function realtimeSessionPlugin(options) {
     render: () => /* @__PURE__ */ jsxRuntime.jsx(RealtimeSessionPanel, { ...options })
   };
 }
+function getSceneItemId(item) {
+  const id = item.id;
+  return typeof id === "string" ? id : null;
+}
+function hasMissingLocalItems(localItems, incomingItems) {
+  const incomingIds = /* @__PURE__ */ new Set();
+  for (const item of incomingItems) {
+    const id = getSceneItemId(item);
+    if (id) incomingIds.add(id);
+  }
+  for (const item of localItems) {
+    const id = getSceneItemId(item);
+    if (id && !incomingIds.has(id)) return true;
+  }
+  return false;
+}
 function useRealtimeCanvasDocument(options) {
   const {
     session,
@@ -3606,6 +3622,8 @@ function useRealtimeCanvasDocument(options) {
   const documentItems = session?.document?.items;
   const documentUpdatedByClientId = session?.document?.updatedByClientId ?? null;
   const connectionClientId = session?.connection.clientId ?? null;
+  const hasLocalOfflineDraft = session?.hasLocalOfflineDraft ?? false;
+  const hasPendingDocumentSync = session?.hasPendingDocumentSync ?? false;
   const applyIncomingItems = react.useCallback(
     async (nextItems) => {
       const normalizedItems = normalizeItems ? normalizeItems(nextItems) : [...nextItems];
@@ -3626,6 +3644,11 @@ function useRealtimeCanvasDocument(options) {
     },
     [enabled, normalizeItems, onItemsChange, session]
   );
+  react.useEffect(() => {
+    if (items.length > 0) {
+      hasEverPropagatedItemsRef.current = true;
+    }
+  }, [items.length]);
   react.useEffect(() => {
     if (!realtimeEnabled || !onItemsChange || !session?.document) return;
     if (documentUpdatedByClientId === connectionClientId) return;
@@ -3639,7 +3662,18 @@ function useRealtimeCanvasDocument(options) {
       if (cancelled) return;
       if (inFlightRevisionRef.current !== documentRevision) return;
       lastAppliedRevisionRef.current = documentRevision;
-      if (resolvedItems.length === 0 && hasEverPropagatedItemsRef.current) {
+      const hasLocalItems = items.length > 0;
+      const hasPendingLocalChanges = hasLocalOfflineDraft || hasPendingDocumentSync;
+      if (resolvedItems.length === 0 && (hasEverPropagatedItemsRef.current || hasLocalItems || hasPendingLocalChanges)) {
+        if (hasLocalItems) {
+          const normalizedLocalItems = normalizeItems ? normalizeItems(items) : [...items];
+          session.remoteAdapter.send?.(normalizedLocalItems);
+        }
+        return;
+      }
+      if (hasPendingLocalChanges && hasLocalItems && hasMissingLocalItems(items, resolvedItems)) {
+        const normalizedLocalItems = normalizeItems ? normalizeItems(items) : [...items];
+        session.remoteAdapter.send?.(normalizedLocalItems);
         return;
       }
       if (resolvedItems.length > 0) {
@@ -3662,8 +3696,13 @@ function useRealtimeCanvasDocument(options) {
     documentItems,
     documentRevision,
     documentUpdatedByClientId,
+    hasLocalOfflineDraft,
+    hasPendingDocumentSync,
+    items,
+    normalizeItems,
     onItemsChange,
     realtimeEnabled,
+    session?.remoteAdapter,
     session?.document
   ]);
   return react.useMemo(