canvu-react 0.4.59 → 0.4.60

package/dist/realtime.cjs

@@ -1251,7 +1251,10 @@ function RealtimeCommentsOverlay({
         (item) => item.id === drag.itemId ? moveCommentItem(item, deltaX, deltaY) : item
       );
       itemsRef.current = nextItems;
-      onItemsChange(nextItems);
+      onItemsChange(nextItems, {
+        motive: "plugin",
+        itemIds: [drag.itemId]
+      });
     };
     const onPointerUp = () => {
       dragStateRef.current = null;
@@ -1757,20 +1760,20 @@ function useRealtimeComments({
     [author.color]
   );
   const handleViewportItemsChange = react.useCallback(
-    (nextItems, overrideOnItemsChange) => {
+    (nextItems, overrideOnItemsChange, info) => {
       const applyItemsChange = overrideOnItemsChange ?? onItemsChange;
       const currentIds = new Set(items.map((item) => item.id));
       const draftItem = nextItems.find(
         (item) => !currentIds.has(item.id) && isRealtimeCommentDraftItem(item)
       );
       if (!draftItem) {
-        applyItemsChange(nextItems);
+        applyItemsChange(nextItems, info);
         return;
       }
       const filteredItems = nextItems.filter((item) => item.id !== draftItem.id);
       const shouldPersistFiltered = filteredItems.length !== items.length || filteredItems.some((item, index) => items[index]?.id !== item.id);
       if (shouldPersistFiltered) {
-        applyItemsChange(filteredItems);
+        applyItemsChange(filteredItems, info);
       }
       setCommentComposer({
         worldX: draftItem.bounds.x + draftItem.bounds.width / 2,
@@ -1812,7 +1815,10 @@ function useRealtimeComments({
         authorImage
       }
     );
-    onItemsChange(items.concat(nextItem));
+    onItemsChange(items.concat(nextItem), {
+      motive: "plugin",
+      itemIds: [nextItem.id]
+    });
     setCommentComposer(null);
   }, [
     author.color,
@@ -1870,7 +1876,7 @@ function useRealtimeComments({
   const viewport = react.useMemo(
     () => ({
       customPlacement,
-      onItemsChange: (nextItems) => handleViewportItemsChange(nextItems),
+      onItemsChange: (nextItems, info) => handleViewportItemsChange(nextItems, void 0, info),
       onCameraChange
     }),
     [customPlacement, handleViewportItemsChange, onCameraChange]
@@ -3523,7 +3529,7 @@ function RealtimeCollaborationPluginComponent({
   );
   const handleCommentItemsChange = react.useCallback(
     (nextItems) => {
-      onItemsChange?.([...nextItems]);
+      onItemsChange?.([...nextItems], { motive: "plugin" });
       session.remoteAdapter.send?.([...nextItems]);
     },
     [onItemsChange, session.remoteAdapter]
@@ -3573,7 +3579,7 @@ function RealtimeCollaborationPluginComponent({
   react.useEffect(() => {
     if (!onItemsChange || !session.document) return;
     if (session.document.updatedByClientId === session.connection.clientId) return;
-    onItemsChange(session.document.items);
+    onItemsChange(session.document.items, { motive: "remote-sync" });
   }, [onItemsChange, session.connection.clientId, session.document]);
   const contribution = react.useMemo(
     () => ({
@@ -3588,15 +3594,19 @@ function RealtimeCollaborationPluginComponent({
         onPlacementPreviewChange: presenceBindings.onPlacementPreviewChange,
         onCameraChange: onViewportCameraChange
       },
-      wrapOnItemsChange: (nextItems, ctx) => {
+      wrapOnItemsChange: (nextItems, ctx, info) => {
         if (commentOptions) {
-          comments.handleViewportItemsChange(nextItems, (processedItems) => {
-            ctx.next(processedItems);
-            session.remoteAdapter.send?.([...processedItems]);
-          });
+          comments.handleViewportItemsChange(
+            nextItems,
+            (processedItems, processedInfo) => {
+              ctx.next(processedItems, processedInfo);
+              session.remoteAdapter.send?.([...processedItems]);
+            },
+            info
+          );
           return;
         }
-        ctx.next(nextItems);
+        ctx.next(nextItems, info);
         session.remoteAdapter.send?.(nextItems);
       }
     }),
@@ -3737,14 +3747,17 @@ function useRealtimeCanvasDocument(options) {
     [hydrateItems, normalizeItems]
   );
   const handleItemsChange = react.useCallback(
-    (nextItems) => {
+    (nextItems, info) => {
       if (!enabled) {
-        onItemsChange?.(normalizeItems ? normalizeItems(nextItems) : nextItems);
+        onItemsChange?.(
+          normalizeItems ? normalizeItems(nextItems) : nextItems,
+          info
+        );
         return;
       }
       hasLocalChangeInFlightRef.current = true;
       const normalizedItems = normalizeItems ? normalizeItems(nextItems) : nextItems;
-      onItemsChange?.(normalizedItems);
+      onItemsChange?.(normalizedItems, info);
       session?.remoteAdapter.send?.(normalizedItems);
     },
     [enabled, normalizeItems, onItemsChange, session]
@@ -3795,7 +3808,7 @@ function useRealtimeCanvasDocument(options) {
       if (resolvedItems.length > 0) {
         hasEverPropagatedItemsRef.current = true;
       }
-      onItemsChange(resolvedItems);
+      onItemsChange(resolvedItems, { motive: "remote-sync" });
     }).finally(() => {
       if (inFlightRevisionRef.current === documentRevision) {
         inFlightRevisionRef.current = null;