canvu-react 0.4.78 → 0.4.80

package/dist/realtime.cjs

@@ -2120,6 +2120,38 @@ function normalizeRealtimeItem(item) {
   normalized.childrenSvg = "";
   return normalized;
 }
+function reorderYItemsToMatchLocalItems(yItems, items) {
+  const currentItems = readVectorItems(yItems);
+  const currentItemsById = /* @__PURE__ */ new Map();
+  for (const currentItem of currentItems) {
+    const id = getItemId(currentItem);
+    if (id) currentItemsById.set(id, currentItem);
+  }
+  const orderedItems = [];
+  const orderedIds = /* @__PURE__ */ new Set();
+  for (const item of items) {
+    const id = getItemId(item);
+    if (!id) continue;
+    const currentItem = currentItemsById.get(id);
+    if (!currentItem) continue;
+    orderedItems.push(currentItem);
+    orderedIds.add(id);
+  }
+  for (const currentItem of currentItems) {
+    const id = getItemId(currentItem);
+    if (!id || !orderedIds.has(id)) orderedItems.push(currentItem);
+  }
+  const alreadyOrdered = currentItems.length === orderedItems.length && currentItems.every((currentItem, index) => {
+    const nextItem = orderedItems[index];
+    return nextItem ? getItemId(currentItem) === getItemId(nextItem) : false;
+  });
+  if (alreadyOrdered) return;
+  if (yItems.length > 0) yItems.delete(0, yItems.length);
+  yItems.insert(
+    0,
+    orderedItems.map((item) => vectorItemToYMap(item))
+  );
+}
 function applyLocalItemsToYDoc(board, options) {
   const { items, origin } = options;
   const addedIds = [];
@@ -2163,6 +2195,7 @@ function applyLocalItemsToYDoc(board, options) {
       board.yItems.push([yMap]);
       addedIds.push(id);
     }
+    reorderYItemsToMatchLocalItems(board.yItems, items);
   }, origin);
   return { addedIds, removedIds };
 }