y-mxgraph 0.4.1 → 0.5.1

package/iframe-bridge/provider.cjs.js

@@ -81,21 +81,11 @@ function createIframeBridgeProvider(ydoc, awareness$1) {
   let serverClientId = null;
   let currentCleanup = null;
   let currentMxLike = null;
-  const onYdocUpdate = (update) => {
+  const onYdocUpdate = (update, origin) => {
     if (applyingParentUpdate) return;
-    if (currentMxLike) {
-      if (currentMxLike.indexOfNextAdd < currentMxLike.history.length) {
-        currentMxLike.history.splice(
-          currentMxLike.indexOfNextAdd,
-          currentMxLike.history.length - currentMxLike.indexOfNextAdd
-        );
-      }
-      currentMxLike.history.push({});
-      currentMxLike.indexOfNextAdd = currentMxLike.history.length;
-      currentMxLike.fireEvent(createMxEventObject("add", { edit: { changes: [] } }));
-    }
+    const isBaseline = origin === null || origin === void 0;
     window.parent.postMessage(
-      { type: "ydoc-update", payload: Array.from(update) },
+      { type: "ydoc-update", payload: Array.from(update), isBaseline },
       "*"
     );
   };
@@ -107,8 +97,11 @@ function createIframeBridgeProvider(ydoc, awareness$1) {
     if (applyingParentUpdate) return;
     const changes = [...added, ...updated, ...removed];
     if (changes.length === 0) return;
-    const update = awareness.encodeAwarenessUpdate(awareness$1, changes);
-    const remapped = serverClientId != null ? remapClientIdInUpdate(update, awareness$1.clientID, serverClientId) : update;
+    const localClientId = awareness$1.clientID;
+    const localChanged = changes.includes(localClientId);
+    if (!localChanged) return;
+    const update = awareness.encodeAwarenessUpdate(awareness$1, [localClientId]);
+    const remapped = serverClientId != null ? remapClientIdInUpdate(update, localClientId, serverClientId) : update;
     window.parent.postMessage(
       { type: "awareness-update", payload: Array.from(remapped) },
       "*"
@@ -129,20 +122,47 @@ function createIframeBridgeProvider(ydoc, awareness$1) {
       if (receivedServerId != null) {
         serverClientId = receivedServerId;
       }
-      const raw = new Uint8Array(payload);
-      const remapped = serverClientId != null ? remapClientIdInUpdate(raw, serverClientId, awareness$1.clientID) : raw;
       applyingParentUpdate = true;
-      awareness.applyAwarenessUpdate(awareness$1, remapped, null);
+      awareness.applyAwarenessUpdate(awareness$1, new Uint8Array(payload), null);
       applyingParentUpdate = false;
+    } else if (type === "add" && currentMxLike) {
+      applyingParentUpdate = true;
+      if (currentMxLike.indexOfNextAdd < currentMxLike.history.length) {
+        currentMxLike.history.splice(
+          currentMxLike.indexOfNextAdd,
+          currentMxLike.history.length - currentMxLike.indexOfNextAdd
+        );
+      }
+      currentMxLike.history.push({});
+      currentMxLike.indexOfNextAdd = currentMxLike.history.length;
+      currentMxLike.fireEvent(
+        createMxEventObject("add", { edit: { changes: [] } })
+      );
+      applyingParentUpdate = false;
+    } else if (type === "undo-state" && currentMxLike) {
+      const { canUndo, canRedo, undoStackSize, redoStackSize } = event.data;
+      const totalSize = (undoStackSize || 0) + (redoStackSize || 0);
+      while (currentMxLike.history.length < totalSize) {
+        currentMxLike.history.push({});
+      }
+      while (currentMxLike.history.length > totalSize) {
+        currentMxLike.history.pop();
+      }
+      currentMxLike.indexOfNextAdd = undoStackSize || 0;
     } else if (type === "undo" && currentMxLike) {
       applyingParentUpdate = true;
       if (currentMxLike.indexOfNextAdd > 0) currentMxLike.indexOfNextAdd--;
-      currentMxLike.fireEvent(createMxEventObject("undo", { edit: { changes: [] } }));
+      currentMxLike.fireEvent(
+        createMxEventObject("undo", { edit: { changes: [] } })
+      );
       applyingParentUpdate = false;
     } else if (type === "redo" && currentMxLike) {
       applyingParentUpdate = true;
-      if (currentMxLike.indexOfNextAdd < currentMxLike.history.length) currentMxLike.indexOfNextAdd++;
-      currentMxLike.fireEvent(createMxEventObject("redo", { edit: { changes: [] } }));
+      if (currentMxLike.indexOfNextAdd < currentMxLike.history.length)
+        currentMxLike.indexOfNextAdd++;
+      currentMxLike.fireEvent(
+        createMxEventObject("redo", { edit: { changes: [] } })
+      );
       applyingParentUpdate = false;
     } else if (type === "clear" && currentMxLike) {
       applyingParentUpdate = true;
@@ -156,6 +176,9 @@ function createIframeBridgeProvider(ydoc, awareness$1) {
   awareness$1.on("update", onAwarenessUpdate);
   window.addEventListener("message", onMessage);
   window.parent.postMessage({ type: "init" }, "*");
+  setTimeout(() => {
+    window.parent.postMessage({ type: "ping" }, "*");
+  }, 100);
   return {
     get serverClientId() {
       return serverClientId;
@@ -190,7 +213,10 @@ function createIframeBridgeProvider(ydoc, awareness$1) {
               try {
                 listener(this, evt);
               } catch (e) {
-                console.warn("[iframe-bridge] undoManager event listener error:", e);
+                console.warn(
+                  "[iframe-bridge] undoManager event listener error:",
+                  e
+                );
               }
             }
           }

package/iframe-bridge/provider.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider.cjs.js","sources":["../../../iframe-bridge/src/provider.ts"],"sourcesContent":["import * as Y from \"yjs\";\nimport {\n  Awareness,\n  applyAwarenessUpdate,\n  encodeAwarenessUpdate,\n} from \"y-protocols/awareness\";\n\ntype ListenerFn = (sender: unknown, evt?: unknown) => void;\n\nfunction createMxEventObject(name: string, props?: Record<string, unknown>) {\n  const _props = props || {};\n  return {\n    name,\n    getName: () => name,\n    getProperty: (k: string) => _props[k],\n  };\n}\n\ntype MxLike = Record<string, unknown> & {\n  eventListeners: Array<string | ListenerFn>;\n  history: unknown[];\n  indexOfNextAdd: number;\n  addListener(name: string, fn: ListenerFn): void;\n  fireEvent(evt: unknown): void;\n  canUndo(): boolean;\n  canRedo(): boolean;\n  undo(): void;\n  redo(): void;\n  undoableEditHappened(_edit: unknown): void;\n};\n\nexport interface DrawioEditor {\n  undoManager?: {\n    eventListeners?: unknown[];\n    [key: string]: unknown;\n  };\n  undoListener?: (...args: unknown[]) => void;\n}\n\nexport interface DrawioFile {\n  getUi(): { editor: DrawioEditor };\n}\n\nexport interface IframeBridgeProvider {\n  serverClientId: number | null;\n  takeoverUndoManager: (file: DrawioFile) => () => void;\n  destroy: () => void;\n}\n\nfunction readVarUint(data: Uint8Array, pos: number): [number, number] {\n  let result = 0;\n  let shift = 0;\n  let byte: number;\n  do {\n    byte = data[pos++];\n    result |= (byte & 0x7f) << shift;\n    shift += 7;\n  } while (byte >= 0x80);\n  return [result >>> 0, pos];\n}\n\nfunction writeVarUint(value: number): number[] {\n  const bytes: number[] = [];\n  while (value > 0x7f) {\n    bytes.push((value & 0x7f) | 0x80);\n    value >>>= 7;\n  }\n  bytes.push(value);\n  return bytes;\n}\n\nfunction readVarString(data: Uint8Array, pos: number): [string, number] {\n  const [len, pos2] = readVarUint(data, pos);\n  const str = new TextDecoder().decode(data.subarray(pos2, pos2 + len));\n  return [str, pos2 + len];\n}\n\nfunction writeVarString(str: string): number[] {\n  const encoded = new TextEncoder().encode(str);\n  return [...writeVarUint(encoded.length), ...encoded];\n}\n\nfunction remapClientIdInUpdate(\n  update: Uint8Array,\n  fromId: number,\n  toId: number,\n): Uint8Array {\n  const result: number[] = [];\n  let pos = 0;\n\n  const [count, pos2] = readVarUint(update, pos);\n  pos = pos2;\n  result.push(...writeVarUint(count));\n\n  for (let i = 0; i < count; i++) {\n    const [clientID, pos3] = readVarUint(update, pos);\n    pos = pos3;\n    const [clock, pos4] = readVarUint(update, pos);\n    pos = pos4;\n    const [state, pos5] = readVarString(update, pos);\n    pos = pos5;\n\n    const mappedId = clientID === fromId ? toId : clientID;\n    result.push(...writeVarUint(mappedId));\n    result.push(...writeVarUint(clock));\n    result.push(...writeVarString(state));\n  }\n\n  return new Uint8Array(result);\n}\n\nexport function createIframeBridgeProvider(\n  ydoc: Y.Doc,\n  awareness: Awareness,\n): IframeBridgeProvider {\n  let applyingParentUpdate = false;\n  let serverClientId: number | null = null;\n  let currentCleanup: (() => void) | null = null;\n  let currentMxLike: MxLike | null = null;\n\n  const onYdocUpdate = (update: Uint8Array) => {\n    if (applyingParentUpdate) return;\n    // 本地编辑，添加 history 条目\n    if (currentMxLike) {\n      if (currentMxLike.indexOfNextAdd < currentMxLike.history.length) {\n        currentMxLike.history.splice(\n          currentMxLike.indexOfNextAdd,\n          currentMxLike.history.length - currentMxLike.indexOfNextAdd,\n        );\n      }\n      currentMxLike.history.push({});\n      currentMxLike.indexOfNextAdd = currentMxLike.history.length;\n      currentMxLike.fireEvent(createMxEventObject(\"add\", { edit: { changes: [] } }));\n    }\n    window.parent.postMessage(\n      { type: \"ydoc-update\", payload: Array.from(update) },\n      \"*\",\n    );\n  };\n\n  const onAwarenessUpdate = ({\n    added,\n    updated,\n    removed,\n  }: {\n    added: number[];\n    updated: number[];\n    removed: number[];\n  }) => {\n    if (applyingParentUpdate) return;\n    const changes = [...added, ...updated, ...removed];\n    if (changes.length === 0) return;\n\n    const update = encodeAwarenessUpdate(awareness, changes);\n    const remapped =\n      serverClientId != null\n        ? remapClientIdInUpdate(update, awareness.clientID, serverClientId)\n        : update;\n\n    window.parent.postMessage(\n      { type: \"awareness-update\", payload: Array.from(remapped) },\n      \"*\",\n    );\n  };\n\n  const onMessage = (event: MessageEvent) => {\n    if (event.source !== window.parent) return;\n    const { type, payload, serverClientId: receivedServerId } = event.data;\n\n    if (type === \"pong\" && receivedServerId != null) {\n      serverClientId = receivedServerId;\n      return;\n    }\n\n    if (type === \"ydoc-sync\" || type === \"ydoc-update\") {\n      applyingParentUpdate = true;\n      Y.applyUpdate(ydoc, new Uint8Array(payload));\n      applyingParentUpdate = false;\n    } else if (type === \"awareness-sync\" || type === \"awareness-update\") {\n      if (receivedServerId != null) {\n        serverClientId = receivedServerId;\n      }\n\n      const raw = new Uint8Array(payload);\n      const remapped =\n        serverClientId != null\n          ? remapClientIdInUpdate(raw, serverClientId, awareness.clientID)\n          : raw;\n\n      applyingParentUpdate = true;\n      applyAwarenessUpdate(awareness, remapped, null);\n      applyingParentUpdate = false;\n    } else if (type === \"undo\" && currentMxLike) {\n      applyingParentUpdate = true;\n      if (currentMxLike.indexOfNextAdd > 0) currentMxLike.indexOfNextAdd--;\n      currentMxLike.fireEvent(createMxEventObject(\"undo\", { edit: { changes: [] } }));\n      applyingParentUpdate = false;\n    } else if (type === \"redo\" && currentMxLike) {\n      applyingParentUpdate = true;\n      if (currentMxLike.indexOfNextAdd < currentMxLike.history.length) currentMxLike.indexOfNextAdd++;\n      currentMxLike.fireEvent(createMxEventObject(\"redo\", { edit: { changes: [] } }));\n      applyingParentUpdate = false;\n    } else if (type === \"clear\" && currentMxLike) {\n      applyingParentUpdate = true;\n      currentMxLike.history = [];\n      currentMxLike.indexOfNextAdd = 0;\n      currentMxLike.fireEvent(createMxEventObject(\"clear\"));\n      applyingParentUpdate = false;\n    }\n  };\n\n  ydoc.on(\"update\", onYdocUpdate);\n  awareness.on(\"update\", onAwarenessUpdate);\n  window.addEventListener(\"message\", onMessage);\n\n  window.parent.postMessage({ type: \"init\" }, \"*\");\n\n  return {\n    get serverClientId() {\n      return serverClientId;\n    },\n    takeoverUndoManager(file: DrawioFile) {\n      if (currentCleanup) {\n        currentCleanup();\n      }\n\n      const editor = file.getUi().editor;\n      const originUndoManager = editor.undoManager;\n\n      const pairs: Array<[string, ListenerFn]> = [];\n      const raw = Array.isArray(originUndoManager?.eventListeners)\n        ? (originUndoManager.eventListeners as unknown[])\n        : [];\n      for (let i = 0; i + 1 < raw.length; i += 2) {\n        const key = String(raw[i]);\n        const fn = raw[i + 1] as ListenerFn;\n        pairs.push([key, fn]);\n      }\n\n      const mxLike: MxLike = {\n        eventListeners: [] as Array<string | ListenerFn>,\n        history: [] as unknown[],\n        indexOfNextAdd: 0,\n\n        addListener(name: string, fn: ListenerFn) {\n          this.eventListeners.push(name, fn);\n        },\n\n        fireEvent(evt: unknown) {\n          const eventName: string =\n            (evt as { name?: string } | undefined)?.name ||\n            ((evt as { getName?: () => string } | undefined)?.getName?.() ?? \"\");\n          for (let i = 0; i + 1 < this.eventListeners.length; i += 2) {\n            const key = this.eventListeners[i];\n            const listener = this.eventListeners[i + 1] as ListenerFn;\n            if (key === eventName) {\n              try {\n                listener(this, evt);\n              } catch (e) {\n                console.warn(\"[iframe-bridge] undoManager event listener error:\", e);\n              }\n            }\n          }\n        },\n\n        canUndo(): boolean {\n          return this.indexOfNextAdd > 0;\n        },\n\n        canRedo(): boolean {\n          return this.indexOfNextAdd < this.history.length;\n        },\n\n        undo() {\n          if (!applyingParentUpdate) {\n            window.parent.postMessage({ type: \"undo\" }, \"*\");\n          }\n        },\n\n        redo() {\n          if (!applyingParentUpdate) {\n            window.parent.postMessage({ type: \"redo\" }, \"*\");\n          }\n        },\n\n        undoableEditHappened() {\n          // no-op\n        },\n      };\n\n      pairs.forEach(([key, fn]) => {\n        const k = key.toLowerCase();\n        if (k === \"add\" || k === \"clear\" || k === \"undo\" || k === \"redo\") {\n          mxLike.addListener(k, fn);\n        }\n      });\n\n      currentMxLike = mxLike;\n      editor.undoManager = mxLike as any;\n      editor.undoListener = function () {};\n\n      const cleanup = () => {\n        editor.undoManager = originUndoManager;\n        editor.undoListener = originUndoManager?.undoListener as ((...args: unknown[]) => void) | undefined;\n        currentMxLike = null;\n      };\n\n      currentCleanup = cleanup;\n      return cleanup;\n    },\n    destroy: () => {\n      ydoc.off(\"update\", onYdocUpdate);\n      awareness.off(\"update\", onAwarenessUpdate);\n      window.removeEventListener(\"message\", onMessage);\n      if (currentCleanup) {\n        currentCleanup();\n      }\n    },\n  };\n}\n"],"names":["awareness","encodeAwarenessUpdate","Y","applyAwarenessUpdate"],"mappings":"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"}
+{"version":3,"file":"provider.cjs.js","sources":["../../../iframe-bridge/src/provider.ts"],"sourcesContent":["import * as Y from \"yjs\";\nimport {\n  Awareness,\n  applyAwarenessUpdate,\n  encodeAwarenessUpdate,\n} from \"y-protocols/awareness\";\n\ntype ListenerFn = (sender: unknown, evt?: unknown) => void;\n\nfunction createMxEventObject(name: string, props?: Record<string, unknown>) {\n  const _props = props || {};\n  return {\n    name,\n    getName: () => name,\n    getProperty: (k: string) => _props[k],\n  };\n}\n\ntype MxLike = Record<string, unknown> & {\n  eventListeners: Array<string | ListenerFn>;\n  history: unknown[];\n  indexOfNextAdd: number;\n  addListener(name: string, fn: ListenerFn): void;\n  fireEvent(evt: unknown): void;\n  canUndo(): boolean;\n  canRedo(): boolean;\n  undo(): void;\n  redo(): void;\n  undoableEditHappened(_edit: unknown): void;\n};\n\nexport interface DrawioEditor {\n  undoManager?: {\n    eventListeners?: unknown[];\n    [key: string]: unknown;\n  };\n  undoListener?: (...args: unknown[]) => void;\n}\n\nexport interface DrawioFile {\n  getUi(): { editor: DrawioEditor };\n}\n\nexport interface IframeBridgeProvider {\n  serverClientId: number | null;\n  takeoverUndoManager: (file: DrawioFile) => () => void;\n  destroy: () => void;\n}\n\nfunction readVarUint(data: Uint8Array, pos: number): [number, number] {\n  let result = 0;\n  let shift = 0;\n  let byte: number;\n  do {\n    byte = data[pos++];\n    result |= (byte & 0x7f) << shift;\n    shift += 7;\n  } while (byte >= 0x80);\n  return [result >>> 0, pos];\n}\n\nfunction writeVarUint(value: number): number[] {\n  const bytes: number[] = [];\n  while (value > 0x7f) {\n    bytes.push((value & 0x7f) | 0x80);\n    value >>>= 7;\n  }\n  bytes.push(value);\n  return bytes;\n}\n\nfunction readVarString(data: Uint8Array, pos: number): [string, number] {\n  const [len, pos2] = readVarUint(data, pos);\n  const str = new TextDecoder().decode(data.subarray(pos2, pos2 + len));\n  return [str, pos2 + len];\n}\n\nfunction writeVarString(str: string): number[] {\n  const encoded = new TextEncoder().encode(str);\n  return [...writeVarUint(encoded.length), ...encoded];\n}\n\nfunction remapClientIdInUpdate(\n  update: Uint8Array,\n  fromId: number,\n  toId: number,\n): Uint8Array {\n  const result: number[] = [];\n  let pos = 0;\n\n  const [count, pos2] = readVarUint(update, pos);\n  pos = pos2;\n  result.push(...writeVarUint(count));\n\n  for (let i = 0; i < count; i++) {\n    const [clientID, pos3] = readVarUint(update, pos);\n    pos = pos3;\n    const [clock, pos4] = readVarUint(update, pos);\n    pos = pos4;\n    const [state, pos5] = readVarString(update, pos);\n    pos = pos5;\n\n    const mappedId = clientID === fromId ? toId : clientID;\n    result.push(...writeVarUint(mappedId));\n    result.push(...writeVarUint(clock));\n    result.push(...writeVarString(state));\n  }\n\n  return new Uint8Array(result);\n}\n\nexport function createIframeBridgeProvider(\n  ydoc: Y.Doc,\n  awareness: Awareness,\n): IframeBridgeProvider {\n  let applyingParentUpdate = false;\n  let serverClientId: number | null = null;\n  let currentCleanup: (() => void) | null = null;\n  let currentMxLike: MxLike | null = null;\n\n  const onYdocUpdate = (update: Uint8Array, origin: unknown) => {\n    if (applyingParentUpdate) return;\n    // 检测基线数据：origin 为 null 时是 xml2ydoc 首次初始化\n    const isBaseline = origin === null || origin === undefined;\n    window.parent.postMessage(\n      { type: \"ydoc-update\", payload: Array.from(update), isBaseline },\n      \"*\",\n    );\n  };\n\n  const onAwarenessUpdate = ({\n    added,\n    updated,\n    removed,\n  }: {\n    added: number[];\n    updated: number[];\n    removed: number[];\n  }) => {\n    if (applyingParentUpdate) return;\n    const changes = [...added, ...updated, ...removed];\n    if (changes.length === 0) return;\n\n    // 只发送本地 clientID 的更新给父页面\n    // 其他 peers 的更新通过父页面的 WebrtcProvider 同步，不应该从 iframe 回传\n    const localClientId = awareness.clientID;\n    const localChanged = changes.includes(localClientId);\n    if (!localChanged) return;\n\n    const update = encodeAwarenessUpdate(awareness, [localClientId]);\n    const remapped =\n      serverClientId != null\n        ? remapClientIdInUpdate(update, localClientId, serverClientId)\n        : update;\n\n    window.parent.postMessage(\n      { type: \"awareness-update\", payload: Array.from(remapped) },\n      \"*\",\n    );\n  };\n\n  const onMessage = (event: MessageEvent) => {\n    if (event.source !== window.parent) return;\n    const { type, payload, serverClientId: receivedServerId } = event.data;\n\n    if (type === \"pong\" && receivedServerId != null) {\n      serverClientId = receivedServerId;\n      return;\n    }\n\n    if (type === \"ydoc-sync\" || type === \"ydoc-update\") {\n      applyingParentUpdate = true;\n      Y.applyUpdate(ydoc, new Uint8Array(payload));\n      applyingParentUpdate = false;\n    } else if (type === \"awareness-sync\" || type === \"awareness-update\") {\n      if (receivedServerId != null) {\n        serverClientId = receivedServerId;\n      }\n\n      // 直接使用 server 发送的原始 clientID，不做映射\n      // iframe 的 awareness 中会包含：\n      // - iframe 自身的 clientID (awareness.clientID)\n      // - server 的 clientID (serverClientId)\n      // - 其他 Webrtc peers 的 clientID\n      applyingParentUpdate = true;\n      applyAwarenessUpdate(awareness, new Uint8Array(payload), null);\n      applyingParentUpdate = false;\n    } else if (type === \"add\" && currentMxLike) {\n      applyingParentUpdate = true;\n      if (currentMxLike.indexOfNextAdd < currentMxLike.history.length) {\n        currentMxLike.history.splice(\n          currentMxLike.indexOfNextAdd,\n          currentMxLike.history.length - currentMxLike.indexOfNextAdd,\n        );\n      }\n      currentMxLike.history.push({});\n      currentMxLike.indexOfNextAdd = currentMxLike.history.length;\n      currentMxLike.fireEvent(\n        createMxEventObject(\"add\", { edit: { changes: [] } }),\n      );\n      applyingParentUpdate = false;\n    } else if (type === \"undo-state\" && currentMxLike) {\n      // 从 Server 同步真实的 undo/redo 状态\n      const { canUndo, canRedo, undoStackSize, redoStackSize } = event.data;\n      // 调整 history 长度匹配 Server\n      const totalSize = (undoStackSize || 0) + (redoStackSize || 0);\n      while (currentMxLike.history.length < totalSize) {\n        currentMxLike.history.push({});\n      }\n      while (currentMxLike.history.length > totalSize) {\n        currentMxLike.history.pop();\n      }\n      currentMxLike.indexOfNextAdd = undoStackSize || 0;\n    } else if (type === \"undo\" && currentMxLike) {\n      applyingParentUpdate = true;\n      if (currentMxLike.indexOfNextAdd > 0) currentMxLike.indexOfNextAdd--;\n      currentMxLike.fireEvent(\n        createMxEventObject(\"undo\", { edit: { changes: [] } }),\n      );\n      applyingParentUpdate = false;\n    } else if (type === \"redo\" && currentMxLike) {\n      applyingParentUpdate = true;\n      if (currentMxLike.indexOfNextAdd < currentMxLike.history.length)\n        currentMxLike.indexOfNextAdd++;\n      currentMxLike.fireEvent(\n        createMxEventObject(\"redo\", { edit: { changes: [] } }),\n      );\n      applyingParentUpdate = false;\n    } else if (type === \"clear\" && currentMxLike) {\n      applyingParentUpdate = true;\n      currentMxLike.history = [];\n      currentMxLike.indexOfNextAdd = 0;\n      currentMxLike.fireEvent(createMxEventObject(\"clear\"));\n      applyingParentUpdate = false;\n    }\n  };\n\n  ydoc.on(\"update\", onYdocUpdate);\n  awareness.on(\"update\", onAwarenessUpdate);\n  window.addEventListener(\"message\", onMessage);\n\n  window.parent.postMessage({ type: \"init\" }, \"*\");\n\n  // 发送 ping 获取 serverClientId\n  setTimeout(() => {\n    window.parent.postMessage({ type: \"ping\" }, \"*\");\n  }, 100);\n\n  return {\n    get serverClientId() {\n      return serverClientId;\n    },\n    takeoverUndoManager(file: DrawioFile) {\n      if (currentCleanup) {\n        currentCleanup();\n      }\n\n      const editor = file.getUi().editor;\n      const originUndoManager = editor.undoManager;\n\n      const pairs: Array<[string, ListenerFn]> = [];\n      const raw = Array.isArray(originUndoManager?.eventListeners)\n        ? (originUndoManager.eventListeners as unknown[])\n        : [];\n      for (let i = 0; i + 1 < raw.length; i += 2) {\n        const key = String(raw[i]);\n        const fn = raw[i + 1] as ListenerFn;\n        pairs.push([key, fn]);\n      }\n\n      const mxLike: MxLike = {\n        eventListeners: [] as Array<string | ListenerFn>,\n        history: [] as unknown[],\n        indexOfNextAdd: 0,\n\n        addListener(name: string, fn: ListenerFn) {\n          this.eventListeners.push(name, fn);\n        },\n\n        fireEvent(evt: unknown) {\n          const eventName: string =\n            (evt as { name?: string } | undefined)?.name ||\n            ((evt as { getName?: () => string } | undefined)?.getName?.() ??\n              \"\");\n          for (let i = 0; i + 1 < this.eventListeners.length; i += 2) {\n            const key = this.eventListeners[i];\n            const listener = this.eventListeners[i + 1] as ListenerFn;\n            if (key === eventName) {\n              try {\n                listener(this, evt);\n              } catch (e) {\n                console.warn(\n                  \"[iframe-bridge] undoManager event listener error:\",\n                  e,\n                );\n              }\n            }\n          }\n        },\n\n        canUndo(): boolean {\n          return this.indexOfNextAdd > 0;\n        },\n\n        canRedo(): boolean {\n          return this.indexOfNextAdd < this.history.length;\n        },\n\n        undo() {\n          if (!applyingParentUpdate) {\n            window.parent.postMessage({ type: \"undo\" }, \"*\");\n          }\n        },\n\n        redo() {\n          if (!applyingParentUpdate) {\n            window.parent.postMessage({ type: \"redo\" }, \"*\");\n          }\n        },\n\n        undoableEditHappened() {\n          // no-op\n        },\n      };\n\n      pairs.forEach(([key, fn]) => {\n        const k = key.toLowerCase();\n        if (k === \"add\" || k === \"clear\" || k === \"undo\" || k === \"redo\") {\n          mxLike.addListener(k, fn);\n        }\n      });\n\n      currentMxLike = mxLike;\n      editor.undoManager = mxLike as any;\n      editor.undoListener = function () {};\n\n      const cleanup = () => {\n        editor.undoManager = originUndoManager;\n        editor.undoListener = originUndoManager?.undoListener as\n          | ((...args: unknown[]) => void)\n          | undefined;\n        currentMxLike = null;\n      };\n\n      currentCleanup = cleanup;\n      return cleanup;\n    },\n    destroy: () => {\n      ydoc.off(\"update\", onYdocUpdate);\n      awareness.off(\"update\", onAwarenessUpdate);\n      window.removeEventListener(\"message\", onMessage);\n      if (currentCleanup) {\n        currentCleanup();\n      }\n    },\n  };\n}\n"],"names":["awareness","encodeAwarenessUpdate","Y","applyAwarenessUpdate"],"mappings":"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"}

package/iframe-bridge/provider.es.js

@@ -62,21 +62,11 @@ function createIframeBridgeProvider(ydoc, awareness) {
   let serverClientId = null;
   let currentCleanup = null;
   let currentMxLike = null;
-  const onYdocUpdate = (update) => {
+  const onYdocUpdate = (update, origin) => {
     if (applyingParentUpdate) return;
-    if (currentMxLike) {
-      if (currentMxLike.indexOfNextAdd < currentMxLike.history.length) {
-        currentMxLike.history.splice(
-          currentMxLike.indexOfNextAdd,
-          currentMxLike.history.length - currentMxLike.indexOfNextAdd
-        );
-      }
-      currentMxLike.history.push({});
-      currentMxLike.indexOfNextAdd = currentMxLike.history.length;
-      currentMxLike.fireEvent(createMxEventObject("add", { edit: { changes: [] } }));
-    }
+    const isBaseline = origin === null || origin === void 0;
     window.parent.postMessage(
-      { type: "ydoc-update", payload: Array.from(update) },
+      { type: "ydoc-update", payload: Array.from(update), isBaseline },
       "*"
     );
   };
@@ -88,8 +78,11 @@ function createIframeBridgeProvider(ydoc, awareness) {
     if (applyingParentUpdate) return;
     const changes = [...added, ...updated, ...removed];
     if (changes.length === 0) return;
-    const update = encodeAwarenessUpdate(awareness, changes);
-    const remapped = serverClientId != null ? remapClientIdInUpdate(update, awareness.clientID, serverClientId) : update;
+    const localClientId = awareness.clientID;
+    const localChanged = changes.includes(localClientId);
+    if (!localChanged) return;
+    const update = encodeAwarenessUpdate(awareness, [localClientId]);
+    const remapped = serverClientId != null ? remapClientIdInUpdate(update, localClientId, serverClientId) : update;
     window.parent.postMessage(
       { type: "awareness-update", payload: Array.from(remapped) },
       "*"
@@ -110,20 +103,47 @@ function createIframeBridgeProvider(ydoc, awareness) {
       if (receivedServerId != null) {
         serverClientId = receivedServerId;
       }
-      const raw = new Uint8Array(payload);
-      const remapped = serverClientId != null ? remapClientIdInUpdate(raw, serverClientId, awareness.clientID) : raw;
       applyingParentUpdate = true;
-      applyAwarenessUpdate(awareness, remapped, null);
+      applyAwarenessUpdate(awareness, new Uint8Array(payload), null);
       applyingParentUpdate = false;
+    } else if (type === "add" && currentMxLike) {
+      applyingParentUpdate = true;
+      if (currentMxLike.indexOfNextAdd < currentMxLike.history.length) {
+        currentMxLike.history.splice(
+          currentMxLike.indexOfNextAdd,
+          currentMxLike.history.length - currentMxLike.indexOfNextAdd
+        );
+      }
+      currentMxLike.history.push({});
+      currentMxLike.indexOfNextAdd = currentMxLike.history.length;
+      currentMxLike.fireEvent(
+        createMxEventObject("add", { edit: { changes: [] } })
+      );
+      applyingParentUpdate = false;
+    } else if (type === "undo-state" && currentMxLike) {
+      const { canUndo, canRedo, undoStackSize, redoStackSize } = event.data;
+      const totalSize = (undoStackSize || 0) + (redoStackSize || 0);
+      while (currentMxLike.history.length < totalSize) {
+        currentMxLike.history.push({});
+      }
+      while (currentMxLike.history.length > totalSize) {
+        currentMxLike.history.pop();
+      }
+      currentMxLike.indexOfNextAdd = undoStackSize || 0;
     } else if (type === "undo" && currentMxLike) {
       applyingParentUpdate = true;
       if (currentMxLike.indexOfNextAdd > 0) currentMxLike.indexOfNextAdd--;
-      currentMxLike.fireEvent(createMxEventObject("undo", { edit: { changes: [] } }));
+      currentMxLike.fireEvent(
+        createMxEventObject("undo", { edit: { changes: [] } })
+      );
       applyingParentUpdate = false;
     } else if (type === "redo" && currentMxLike) {
       applyingParentUpdate = true;
-      if (currentMxLike.indexOfNextAdd < currentMxLike.history.length) currentMxLike.indexOfNextAdd++;
-      currentMxLike.fireEvent(createMxEventObject("redo", { edit: { changes: [] } }));
+      if (currentMxLike.indexOfNextAdd < currentMxLike.history.length)
+        currentMxLike.indexOfNextAdd++;
+      currentMxLike.fireEvent(
+        createMxEventObject("redo", { edit: { changes: [] } })
+      );
       applyingParentUpdate = false;
     } else if (type === "clear" && currentMxLike) {
       applyingParentUpdate = true;
@@ -137,6 +157,9 @@ function createIframeBridgeProvider(ydoc, awareness) {
   awareness.on("update", onAwarenessUpdate);
   window.addEventListener("message", onMessage);
   window.parent.postMessage({ type: "init" }, "*");
+  setTimeout(() => {
+    window.parent.postMessage({ type: "ping" }, "*");
+  }, 100);
   return {
     get serverClientId() {
       return serverClientId;
@@ -171,7 +194,10 @@ function createIframeBridgeProvider(ydoc, awareness) {
               try {
                 listener(this, evt);
               } catch (e) {
-                console.warn("[iframe-bridge] undoManager event listener error:", e);
+                console.warn(
+                  "[iframe-bridge] undoManager event listener error:",
+                  e
+                );
               }
             }
           }

package/iframe-bridge/provider.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider.es.js","sources":["../../../iframe-bridge/src/provider.ts"],"sourcesContent":["import * as Y from \"yjs\";\nimport {\n  Awareness,\n  applyAwarenessUpdate,\n  encodeAwarenessUpdate,\n} from \"y-protocols/awareness\";\n\ntype ListenerFn = (sender: unknown, evt?: unknown) => void;\n\nfunction createMxEventObject(name: string, props?: Record<string, unknown>) {\n  const _props = props || {};\n  return {\n    name,\n    getName: () => name,\n    getProperty: (k: string) => _props[k],\n  };\n}\n\ntype MxLike = Record<string, unknown> & {\n  eventListeners: Array<string | ListenerFn>;\n  history: unknown[];\n  indexOfNextAdd: number;\n  addListener(name: string, fn: ListenerFn): void;\n  fireEvent(evt: unknown): void;\n  canUndo(): boolean;\n  canRedo(): boolean;\n  undo(): void;\n  redo(): void;\n  undoableEditHappened(_edit: unknown): void;\n};\n\nexport interface DrawioEditor {\n  undoManager?: {\n    eventListeners?: unknown[];\n    [key: string]: unknown;\n  };\n  undoListener?: (...args: unknown[]) => void;\n}\n\nexport interface DrawioFile {\n  getUi(): { editor: DrawioEditor };\n}\n\nexport interface IframeBridgeProvider {\n  serverClientId: number | null;\n  takeoverUndoManager: (file: DrawioFile) => () => void;\n  destroy: () => void;\n}\n\nfunction readVarUint(data: Uint8Array, pos: number): [number, number] {\n  let result = 0;\n  let shift = 0;\n  let byte: number;\n  do {\n    byte = data[pos++];\n    result |= (byte & 0x7f) << shift;\n    shift += 7;\n  } while (byte >= 0x80);\n  return [result >>> 0, pos];\n}\n\nfunction writeVarUint(value: number): number[] {\n  const bytes: number[] = [];\n  while (value > 0x7f) {\n    bytes.push((value & 0x7f) | 0x80);\n    value >>>= 7;\n  }\n  bytes.push(value);\n  return bytes;\n}\n\nfunction readVarString(data: Uint8Array, pos: number): [string, number] {\n  const [len, pos2] = readVarUint(data, pos);\n  const str = new TextDecoder().decode(data.subarray(pos2, pos2 + len));\n  return [str, pos2 + len];\n}\n\nfunction writeVarString(str: string): number[] {\n  const encoded = new TextEncoder().encode(str);\n  return [...writeVarUint(encoded.length), ...encoded];\n}\n\nfunction remapClientIdInUpdate(\n  update: Uint8Array,\n  fromId: number,\n  toId: number,\n): Uint8Array {\n  const result: number[] = [];\n  let pos = 0;\n\n  const [count, pos2] = readVarUint(update, pos);\n  pos = pos2;\n  result.push(...writeVarUint(count));\n\n  for (let i = 0; i < count; i++) {\n    const [clientID, pos3] = readVarUint(update, pos);\n    pos = pos3;\n    const [clock, pos4] = readVarUint(update, pos);\n    pos = pos4;\n    const [state, pos5] = readVarString(update, pos);\n    pos = pos5;\n\n    const mappedId = clientID === fromId ? toId : clientID;\n    result.push(...writeVarUint(mappedId));\n    result.push(...writeVarUint(clock));\n    result.push(...writeVarString(state));\n  }\n\n  return new Uint8Array(result);\n}\n\nexport function createIframeBridgeProvider(\n  ydoc: Y.Doc,\n  awareness: Awareness,\n): IframeBridgeProvider {\n  let applyingParentUpdate = false;\n  let serverClientId: number | null = null;\n  let currentCleanup: (() => void) | null = null;\n  let currentMxLike: MxLike | null = null;\n\n  const onYdocUpdate = (update: Uint8Array) => {\n    if (applyingParentUpdate) return;\n    // 本地编辑，添加 history 条目\n    if (currentMxLike) {\n      if (currentMxLike.indexOfNextAdd < currentMxLike.history.length) {\n        currentMxLike.history.splice(\n          currentMxLike.indexOfNextAdd,\n          currentMxLike.history.length - currentMxLike.indexOfNextAdd,\n        );\n      }\n      currentMxLike.history.push({});\n      currentMxLike.indexOfNextAdd = currentMxLike.history.length;\n      currentMxLike.fireEvent(createMxEventObject(\"add\", { edit: { changes: [] } }));\n    }\n    window.parent.postMessage(\n      { type: \"ydoc-update\", payload: Array.from(update) },\n      \"*\",\n    );\n  };\n\n  const onAwarenessUpdate = ({\n    added,\n    updated,\n    removed,\n  }: {\n    added: number[];\n    updated: number[];\n    removed: number[];\n  }) => {\n    if (applyingParentUpdate) return;\n    const changes = [...added, ...updated, ...removed];\n    if (changes.length === 0) return;\n\n    const update = encodeAwarenessUpdate(awareness, changes);\n    const remapped =\n      serverClientId != null\n        ? remapClientIdInUpdate(update, awareness.clientID, serverClientId)\n        : update;\n\n    window.parent.postMessage(\n      { type: \"awareness-update\", payload: Array.from(remapped) },\n      \"*\",\n    );\n  };\n\n  const onMessage = (event: MessageEvent) => {\n    if (event.source !== window.parent) return;\n    const { type, payload, serverClientId: receivedServerId } = event.data;\n\n    if (type === \"pong\" && receivedServerId != null) {\n      serverClientId = receivedServerId;\n      return;\n    }\n\n    if (type === \"ydoc-sync\" || type === \"ydoc-update\") {\n      applyingParentUpdate = true;\n      Y.applyUpdate(ydoc, new Uint8Array(payload));\n      applyingParentUpdate = false;\n    } else if (type === \"awareness-sync\" || type === \"awareness-update\") {\n      if (receivedServerId != null) {\n        serverClientId = receivedServerId;\n      }\n\n      const raw = new Uint8Array(payload);\n      const remapped =\n        serverClientId != null\n          ? remapClientIdInUpdate(raw, serverClientId, awareness.clientID)\n          : raw;\n\n      applyingParentUpdate = true;\n      applyAwarenessUpdate(awareness, remapped, null);\n      applyingParentUpdate = false;\n    } else if (type === \"undo\" && currentMxLike) {\n      applyingParentUpdate = true;\n      if (currentMxLike.indexOfNextAdd > 0) currentMxLike.indexOfNextAdd--;\n      currentMxLike.fireEvent(createMxEventObject(\"undo\", { edit: { changes: [] } }));\n      applyingParentUpdate = false;\n    } else if (type === \"redo\" && currentMxLike) {\n      applyingParentUpdate = true;\n      if (currentMxLike.indexOfNextAdd < currentMxLike.history.length) currentMxLike.indexOfNextAdd++;\n      currentMxLike.fireEvent(createMxEventObject(\"redo\", { edit: { changes: [] } }));\n      applyingParentUpdate = false;\n    } else if (type === \"clear\" && currentMxLike) {\n      applyingParentUpdate = true;\n      currentMxLike.history = [];\n      currentMxLike.indexOfNextAdd = 0;\n      currentMxLike.fireEvent(createMxEventObject(\"clear\"));\n      applyingParentUpdate = false;\n    }\n  };\n\n  ydoc.on(\"update\", onYdocUpdate);\n  awareness.on(\"update\", onAwarenessUpdate);\n  window.addEventListener(\"message\", onMessage);\n\n  window.parent.postMessage({ type: \"init\" }, \"*\");\n\n  return {\n    get serverClientId() {\n      return serverClientId;\n    },\n    takeoverUndoManager(file: DrawioFile) {\n      if (currentCleanup) {\n        currentCleanup();\n      }\n\n      const editor = file.getUi().editor;\n      const originUndoManager = editor.undoManager;\n\n      const pairs: Array<[string, ListenerFn]> = [];\n      const raw = Array.isArray(originUndoManager?.eventListeners)\n        ? (originUndoManager.eventListeners as unknown[])\n        : [];\n      for (let i = 0; i + 1 < raw.length; i += 2) {\n        const key = String(raw[i]);\n        const fn = raw[i + 1] as ListenerFn;\n        pairs.push([key, fn]);\n      }\n\n      const mxLike: MxLike = {\n        eventListeners: [] as Array<string | ListenerFn>,\n        history: [] as unknown[],\n        indexOfNextAdd: 0,\n\n        addListener(name: string, fn: ListenerFn) {\n          this.eventListeners.push(name, fn);\n        },\n\n        fireEvent(evt: unknown) {\n          const eventName: string =\n            (evt as { name?: string } | undefined)?.name ||\n            ((evt as { getName?: () => string } | undefined)?.getName?.() ?? \"\");\n          for (let i = 0; i + 1 < this.eventListeners.length; i += 2) {\n            const key = this.eventListeners[i];\n            const listener = this.eventListeners[i + 1] as ListenerFn;\n            if (key === eventName) {\n              try {\n                listener(this, evt);\n              } catch (e) {\n                console.warn(\"[iframe-bridge] undoManager event listener error:\", e);\n              }\n            }\n          }\n        },\n\n        canUndo(): boolean {\n          return this.indexOfNextAdd > 0;\n        },\n\n        canRedo(): boolean {\n          return this.indexOfNextAdd < this.history.length;\n        },\n\n        undo() {\n          if (!applyingParentUpdate) {\n            window.parent.postMessage({ type: \"undo\" }, \"*\");\n          }\n        },\n\n        redo() {\n          if (!applyingParentUpdate) {\n            window.parent.postMessage({ type: \"redo\" }, \"*\");\n          }\n        },\n\n        undoableEditHappened() {\n          // no-op\n        },\n      };\n\n      pairs.forEach(([key, fn]) => {\n        const k = key.toLowerCase();\n        if (k === \"add\" || k === \"clear\" || k === \"undo\" || k === \"redo\") {\n          mxLike.addListener(k, fn);\n        }\n      });\n\n      currentMxLike = mxLike;\n      editor.undoManager = mxLike as any;\n      editor.undoListener = function () {};\n\n      const cleanup = () => {\n        editor.undoManager = originUndoManager;\n        editor.undoListener = originUndoManager?.undoListener as ((...args: unknown[]) => void) | undefined;\n        currentMxLike = null;\n      };\n\n      currentCleanup = cleanup;\n      return cleanup;\n    },\n    destroy: () => {\n      ydoc.off(\"update\", onYdocUpdate);\n      awareness.off(\"update\", onAwarenessUpdate);\n      window.removeEventListener(\"message\", onMessage);\n      if (currentCleanup) {\n        currentCleanup();\n      }\n    },\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"provider.es.js","sources":["../../../iframe-bridge/src/provider.ts"],"sourcesContent":["import * as Y from \"yjs\";\nimport {\n  Awareness,\n  applyAwarenessUpdate,\n  encodeAwarenessUpdate,\n} from \"y-protocols/awareness\";\n\ntype ListenerFn = (sender: unknown, evt?: unknown) => void;\n\nfunction createMxEventObject(name: string, props?: Record<string, unknown>) {\n  const _props = props || {};\n  return {\n    name,\n    getName: () => name,\n    getProperty: (k: string) => _props[k],\n  };\n}\n\ntype MxLike = Record<string, unknown> & {\n  eventListeners: Array<string | ListenerFn>;\n  history: unknown[];\n  indexOfNextAdd: number;\n  addListener(name: string, fn: ListenerFn): void;\n  fireEvent(evt: unknown): void;\n  canUndo(): boolean;\n  canRedo(): boolean;\n  undo(): void;\n  redo(): void;\n  undoableEditHappened(_edit: unknown): void;\n};\n\nexport interface DrawioEditor {\n  undoManager?: {\n    eventListeners?: unknown[];\n    [key: string]: unknown;\n  };\n  undoListener?: (...args: unknown[]) => void;\n}\n\nexport interface DrawioFile {\n  getUi(): { editor: DrawioEditor };\n}\n\nexport interface IframeBridgeProvider {\n  serverClientId: number | null;\n  takeoverUndoManager: (file: DrawioFile) => () => void;\n  destroy: () => void;\n}\n\nfunction readVarUint(data: Uint8Array, pos: number): [number, number] {\n  let result = 0;\n  let shift = 0;\n  let byte: number;\n  do {\n    byte = data[pos++];\n    result |= (byte & 0x7f) << shift;\n    shift += 7;\n  } while (byte >= 0x80);\n  return [result >>> 0, pos];\n}\n\nfunction writeVarUint(value: number): number[] {\n  const bytes: number[] = [];\n  while (value > 0x7f) {\n    bytes.push((value & 0x7f) | 0x80);\n    value >>>= 7;\n  }\n  bytes.push(value);\n  return bytes;\n}\n\nfunction readVarString(data: Uint8Array, pos: number): [string, number] {\n  const [len, pos2] = readVarUint(data, pos);\n  const str = new TextDecoder().decode(data.subarray(pos2, pos2 + len));\n  return [str, pos2 + len];\n}\n\nfunction writeVarString(str: string): number[] {\n  const encoded = new TextEncoder().encode(str);\n  return [...writeVarUint(encoded.length), ...encoded];\n}\n\nfunction remapClientIdInUpdate(\n  update: Uint8Array,\n  fromId: number,\n  toId: number,\n): Uint8Array {\n  const result: number[] = [];\n  let pos = 0;\n\n  const [count, pos2] = readVarUint(update, pos);\n  pos = pos2;\n  result.push(...writeVarUint(count));\n\n  for (let i = 0; i < count; i++) {\n    const [clientID, pos3] = readVarUint(update, pos);\n    pos = pos3;\n    const [clock, pos4] = readVarUint(update, pos);\n    pos = pos4;\n    const [state, pos5] = readVarString(update, pos);\n    pos = pos5;\n\n    const mappedId = clientID === fromId ? toId : clientID;\n    result.push(...writeVarUint(mappedId));\n    result.push(...writeVarUint(clock));\n    result.push(...writeVarString(state));\n  }\n\n  return new Uint8Array(result);\n}\n\nexport function createIframeBridgeProvider(\n  ydoc: Y.Doc,\n  awareness: Awareness,\n): IframeBridgeProvider {\n  let applyingParentUpdate = false;\n  let serverClientId: number | null = null;\n  let currentCleanup: (() => void) | null = null;\n  let currentMxLike: MxLike | null = null;\n\n  const onYdocUpdate = (update: Uint8Array, origin: unknown) => {\n    if (applyingParentUpdate) return;\n    // 检测基线数据：origin 为 null 时是 xml2ydoc 首次初始化\n    const isBaseline = origin === null || origin === undefined;\n    window.parent.postMessage(\n      { type: \"ydoc-update\", payload: Array.from(update), isBaseline },\n      \"*\",\n    );\n  };\n\n  const onAwarenessUpdate = ({\n    added,\n    updated,\n    removed,\n  }: {\n    added: number[];\n    updated: number[];\n    removed: number[];\n  }) => {\n    if (applyingParentUpdate) return;\n    const changes = [...added, ...updated, ...removed];\n    if (changes.length === 0) return;\n\n    // 只发送本地 clientID 的更新给父页面\n    // 其他 peers 的更新通过父页面的 WebrtcProvider 同步，不应该从 iframe 回传\n    const localClientId = awareness.clientID;\n    const localChanged = changes.includes(localClientId);\n    if (!localChanged) return;\n\n    const update = encodeAwarenessUpdate(awareness, [localClientId]);\n    const remapped =\n      serverClientId != null\n        ? remapClientIdInUpdate(update, localClientId, serverClientId)\n        : update;\n\n    window.parent.postMessage(\n      { type: \"awareness-update\", payload: Array.from(remapped) },\n      \"*\",\n    );\n  };\n\n  const onMessage = (event: MessageEvent) => {\n    if (event.source !== window.parent) return;\n    const { type, payload, serverClientId: receivedServerId } = event.data;\n\n    if (type === \"pong\" && receivedServerId != null) {\n      serverClientId = receivedServerId;\n      return;\n    }\n\n    if (type === \"ydoc-sync\" || type === \"ydoc-update\") {\n      applyingParentUpdate = true;\n      Y.applyUpdate(ydoc, new Uint8Array(payload));\n      applyingParentUpdate = false;\n    } else if (type === \"awareness-sync\" || type === \"awareness-update\") {\n      if (receivedServerId != null) {\n        serverClientId = receivedServerId;\n      }\n\n      // 直接使用 server 发送的原始 clientID，不做映射\n      // iframe 的 awareness 中会包含：\n      // - iframe 自身的 clientID (awareness.clientID)\n      // - server 的 clientID (serverClientId)\n      // - 其他 Webrtc peers 的 clientID\n      applyingParentUpdate = true;\n      applyAwarenessUpdate(awareness, new Uint8Array(payload), null);\n      applyingParentUpdate = false;\n    } else if (type === \"add\" && currentMxLike) {\n      applyingParentUpdate = true;\n      if (currentMxLike.indexOfNextAdd < currentMxLike.history.length) {\n        currentMxLike.history.splice(\n          currentMxLike.indexOfNextAdd,\n          currentMxLike.history.length - currentMxLike.indexOfNextAdd,\n        );\n      }\n      currentMxLike.history.push({});\n      currentMxLike.indexOfNextAdd = currentMxLike.history.length;\n      currentMxLike.fireEvent(\n        createMxEventObject(\"add\", { edit: { changes: [] } }),\n      );\n      applyingParentUpdate = false;\n    } else if (type === \"undo-state\" && currentMxLike) {\n      // 从 Server 同步真实的 undo/redo 状态\n      const { canUndo, canRedo, undoStackSize, redoStackSize } = event.data;\n      // 调整 history 长度匹配 Server\n      const totalSize = (undoStackSize || 0) + (redoStackSize || 0);\n      while (currentMxLike.history.length < totalSize) {\n        currentMxLike.history.push({});\n      }\n      while (currentMxLike.history.length > totalSize) {\n        currentMxLike.history.pop();\n      }\n      currentMxLike.indexOfNextAdd = undoStackSize || 0;\n    } else if (type === \"undo\" && currentMxLike) {\n      applyingParentUpdate = true;\n      if (currentMxLike.indexOfNextAdd > 0) currentMxLike.indexOfNextAdd--;\n      currentMxLike.fireEvent(\n        createMxEventObject(\"undo\", { edit: { changes: [] } }),\n      );\n      applyingParentUpdate = false;\n    } else if (type === \"redo\" && currentMxLike) {\n      applyingParentUpdate = true;\n      if (currentMxLike.indexOfNextAdd < currentMxLike.history.length)\n        currentMxLike.indexOfNextAdd++;\n      currentMxLike.fireEvent(\n        createMxEventObject(\"redo\", { edit: { changes: [] } }),\n      );\n      applyingParentUpdate = false;\n    } else if (type === \"clear\" && currentMxLike) {\n      applyingParentUpdate = true;\n      currentMxLike.history = [];\n      currentMxLike.indexOfNextAdd = 0;\n      currentMxLike.fireEvent(createMxEventObject(\"clear\"));\n      applyingParentUpdate = false;\n    }\n  };\n\n  ydoc.on(\"update\", onYdocUpdate);\n  awareness.on(\"update\", onAwarenessUpdate);\n  window.addEventListener(\"message\", onMessage);\n\n  window.parent.postMessage({ type: \"init\" }, \"*\");\n\n  // 发送 ping 获取 serverClientId\n  setTimeout(() => {\n    window.parent.postMessage({ type: \"ping\" }, \"*\");\n  }, 100);\n\n  return {\n    get serverClientId() {\n      return serverClientId;\n    },\n    takeoverUndoManager(file: DrawioFile) {\n      if (currentCleanup) {\n        currentCleanup();\n      }\n\n      const editor = file.getUi().editor;\n      const originUndoManager = editor.undoManager;\n\n      const pairs: Array<[string, ListenerFn]> = [];\n      const raw = Array.isArray(originUndoManager?.eventListeners)\n        ? (originUndoManager.eventListeners as unknown[])\n        : [];\n      for (let i = 0; i + 1 < raw.length; i += 2) {\n        const key = String(raw[i]);\n        const fn = raw[i + 1] as ListenerFn;\n        pairs.push([key, fn]);\n      }\n\n      const mxLike: MxLike = {\n        eventListeners: [] as Array<string | ListenerFn>,\n        history: [] as unknown[],\n        indexOfNextAdd: 0,\n\n        addListener(name: string, fn: ListenerFn) {\n          this.eventListeners.push(name, fn);\n        },\n\n        fireEvent(evt: unknown) {\n          const eventName: string =\n            (evt as { name?: string } | undefined)?.name ||\n            ((evt as { getName?: () => string } | undefined)?.getName?.() ??\n              \"\");\n          for (let i = 0; i + 1 < this.eventListeners.length; i += 2) {\n            const key = this.eventListeners[i];\n            const listener = this.eventListeners[i + 1] as ListenerFn;\n            if (key === eventName) {\n              try {\n                listener(this, evt);\n              } catch (e) {\n                console.warn(\n                  \"[iframe-bridge] undoManager event listener error:\",\n                  e,\n                );\n              }\n            }\n          }\n        },\n\n        canUndo(): boolean {\n          return this.indexOfNextAdd > 0;\n        },\n\n        canRedo(): boolean {\n          return this.indexOfNextAdd < this.history.length;\n        },\n\n        undo() {\n          if (!applyingParentUpdate) {\n            window.parent.postMessage({ type: \"undo\" }, \"*\");\n          }\n        },\n\n        redo() {\n          if (!applyingParentUpdate) {\n            window.parent.postMessage({ type: \"redo\" }, \"*\");\n          }\n        },\n\n        undoableEditHappened() {\n          // no-op\n        },\n      };\n\n      pairs.forEach(([key, fn]) => {\n        const k = key.toLowerCase();\n        if (k === \"add\" || k === \"clear\" || k === \"undo\" || k === \"redo\") {\n          mxLike.addListener(k, fn);\n        }\n      });\n\n      currentMxLike = mxLike;\n      editor.undoManager = mxLike as any;\n      editor.undoListener = function () {};\n\n      const cleanup = () => {\n        editor.undoManager = originUndoManager;\n        editor.undoListener = originUndoManager?.undoListener as\n          | ((...args: unknown[]) => void)\n          | undefined;\n        currentMxLike = null;\n      };\n\n      currentCleanup = cleanup;\n      return cleanup;\n    },\n    destroy: () => {\n      ydoc.off(\"update\", onYdocUpdate);\n      awareness.off(\"update\", onAwarenessUpdate);\n      window.removeEventListener(\"message\", onMessage);\n      if (currentCleanup) {\n        currentCleanup();\n      }\n    },\n  };\n}\n"],"names":[],"mappings":"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"}

package/iframe-bridge/server.cjs.js

@@ -20,97 +20,84 @@ function _interopNamespaceDefault(e) {
 }
 const Y__namespace = /* @__PURE__ */ _interopNamespaceDefault(Y);
 const IFRAME_ORIGIN = {};
-function createIframeBridgeServer(ydoc, awareness$1, options) {
+const BASELINE_ORIGIN = {};
+function createIframeBridgeServer(iframe, ydoc, awareness$1, options) {
   const { undoManager } = options ?? {};
-  const iframes = /* @__PURE__ */ new Map();
-  const iframeReady = /* @__PURE__ */ new Set();
+  let applyingIframeUpdate = false;
+  function postToIframe(type, payload) {
+    const cw = iframe.contentWindow;
+    if (cw) {
+      cw.postMessage({ type, payload }, "*");
+    }
+  }
   const onYdocUpdate = (update, origin) => {
     if (origin === IFRAME_ORIGIN) return;
-    broadcastToAll("ydoc-update", update);
+    postToIframe("ydoc-update", update);
   };
   const onAwarenessUpdate = ({
     added,
     updated,
     removed
   }) => {
+    if (applyingIframeUpdate) return;
     const changes = [...added, ...updated, ...removed];
     if (changes.length === 0) return;
     const update = awareness.encodeAwarenessUpdate(awareness$1, changes);
-    broadcastToAll("awareness-update", update);
+    postToIframe("awareness-update", update);
   };
-  function broadcastToAll(type, payload, excludeSource) {
-    for (const iframe of iframes.values()) {
-      if (iframe.contentWindow && iframe.contentWindow !== excludeSource) {
-        iframe.contentWindow.postMessage({ type, payload }, "*");
-      }
-    }
-  }
   const onMessage = (event) => {
-    let iframeId = null;
-    for (const [id, iframe] of iframes) {
-      if (event.source === iframe.contentWindow) {
-        iframeId = id;
-        break;
-      }
-    }
-    if (!iframeId) return;
+    if (event.source !== iframe.contentWindow) return;
     const { type: msgType, payload } = event.data;
-    const sourceWindow = event.source;
     if (msgType === "init") {
-      if (!iframeReady.has(iframeId)) {
-        iframeReady.add(iframeId);
-      }
       const docState = Y__namespace.encodeStateAsUpdate(ydoc);
       const awarenessState = awareness.encodeAwarenessUpdate(
         awareness$1,
         Array.from(awareness$1.getStates().keys())
       );
-      sourceWindow.postMessage(
-        { type: "ydoc-sync", payload: Array.from(docState) },
-        "*"
-      );
-      sourceWindow.postMessage(
-        {
-          type: "awareness-sync",
-          payload: Array.from(awarenessState),
-          serverClientId: awareness$1.clientID
-        },
-        "*"
-      );
+      postToIframe("ydoc-sync", new Uint8Array(Array.from(docState)));
+      const cw = iframe.contentWindow;
+      if (cw) {
+        cw.postMessage(
+          { type: "awareness-sync", payload: Array.from(awarenessState), serverClientId: awareness$1.clientID },
+          "*"
+        );
+      }
     } else if (msgType === "ping") {
-      sourceWindow.postMessage(
-        { type: "pong", serverClientId: awareness$1.clientID },
-        "*"
-      );
+      const cw = iframe.contentWindow;
+      if (cw) {
+        cw.postMessage(
+          { type: "pong", serverClientId: awareness$1.clientID },
+          "*"
+        );
+      }
     } else if (msgType === "ydoc-update") {
       const update = new Uint8Array(payload);
-      Y__namespace.applyUpdate(ydoc, update, IFRAME_ORIGIN);
-      broadcastToAll("ydoc-update", update, sourceWindow);
+      const isBaseline = event.data.isBaseline;
+      const applyOrigin = isBaseline ? BASELINE_ORIGIN : IFRAME_ORIGIN;
+      Y__namespace.applyUpdate(ydoc, update, applyOrigin);
     } else if (msgType === "awareness-update") {
-      awareness.applyAwarenessUpdate(awareness$1, new Uint8Array(payload), null);
+      applyingIframeUpdate = true;
+      awareness.applyAwarenessUpdate(awareness$1, new Uint8Array(payload), IFRAME_ORIGIN);
+      applyingIframeUpdate = false;
     } else if (msgType === "undo" && undoManager) {
       undoManager.undo();
     } else if (msgType === "redo" && undoManager) {
       undoManager.redo();
     }
   };
-  function addIframe(iframe, iframeId) {
-    iframes.set(iframeId, iframe);
-  }
-  function removeIframe(iframeId) {
-    iframes.delete(iframeId);
-    iframeReady.delete(iframeId);
-  }
   const onUndoPopped = (e) => {
     const t = e && (e.type || e.reason || e.kind);
     if (t === "undo") {
-      broadcastToAll("undo", new Uint8Array());
+      postToIframe("undo", new Uint8Array());
     } else if (t === "redo") {
-      broadcastToAll("redo", new Uint8Array());
+      postToIframe("redo", new Uint8Array());
     }
   };
   const onStackCleared = () => {
-    broadcastToAll("clear", new Uint8Array());
+    postToIframe("clear", new Uint8Array());
+  };
+  const onStackItemAdded = () => {
+    postToIframe("add", new Uint8Array());
   };
   ydoc.on("update", onYdocUpdate);
   awareness$1.on("update", onAwarenessUpdate);
@@ -118,10 +105,9 @@ function createIframeBridgeServer(ydoc, awareness$1, options) {
   if (undoManager) {
     undoManager.on("stack-item-popped", onUndoPopped);
     undoManager.on("stack-cleared", onStackCleared);
+    undoManager.on("stack-item-added", onStackItemAdded);
   }
   return {
-    addIframe,
-    removeIframe,
     destroy: () => {
       ydoc.off("update", onYdocUpdate);
       awareness$1.off("update", onAwarenessUpdate);
@@ -129,9 +115,8 @@ function createIframeBridgeServer(ydoc, awareness$1, options) {
       if (undoManager) {
         undoManager.off("stack-item-popped", onUndoPopped);
         undoManager.off("stack-cleared", onStackCleared);
+        undoManager.off("stack-item-added", onStackItemAdded);
       }
-      iframes.clear();
-      iframeReady.clear();
     }
   };
 }

package/iframe-bridge/server.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"server.cjs.js","sources":["../../../iframe-bridge/src/origin.ts","../../../iframe-bridge/src/server.ts"],"sourcesContent":["/**\n * iframe bridge 内部变更的 origin 标识。\n * 当 provider 端产生 ydoc-update 时，使用此 origin 标记，\n * 以便 server 端的 UndoManager 能正确追踪来自 iframe 的变更。\n */\nexport const IFRAME_ORIGIN: object = {};\n","import * as Y from \"yjs\";\nimport {\n  Awareness,\n  applyAwarenessUpdate,\n  encodeAwarenessUpdate,\n} from \"y-protocols/awareness\";\nimport { IFRAME_ORIGIN } from \"./origin.js\";\n\nexport interface IframeBridgeServerOptions {\n  undoManager?: Y.UndoManager;\n}\n\nexport interface IframeBridgeServer {\n  addIframe: (iframe: HTMLIFrameElement, iframeId: string) => void;\n  removeIframe: (iframeId: string) => void;\n  destroy: () => void;\n}\n\nexport function createIframeBridgeServer(\n  ydoc: Y.Doc,\n  awareness: Awareness,\n  options?: IframeBridgeServerOptions,\n): IframeBridgeServer {\n  const { undoManager } = options ?? {};\n  const iframes = new Map<string, HTMLIFrameElement>();\n  const iframeReady = new Set<string>();\n\n  const onYdocUpdate = (update: Uint8Array, origin: unknown) => {\n    if (origin === IFRAME_ORIGIN) return;\n    broadcastToAll(\"ydoc-update\", update);\n  };\n\n  const onAwarenessUpdate = ({\n    added,\n    updated,\n    removed,\n  }: {\n    added: number[];\n    updated: number[];\n    removed: number[];\n  }) => {\n    const changes = [...added, ...updated, ...removed];\n    if (changes.length === 0) return;\n    const update = encodeAwarenessUpdate(awareness, changes);\n    broadcastToAll(\"awareness-update\", update);\n  };\n\n  function broadcastToAll(type: string, payload: Uint8Array, excludeSource?: Window) {\n    for (const iframe of iframes.values()) {\n      if (iframe.contentWindow && iframe.contentWindow !== excludeSource) {\n        iframe.contentWindow.postMessage({ type, payload }, \"*\");\n      }\n    }\n  }\n\n  const onMessage = (event: MessageEvent) => {\n    let iframeId: string | null = null;\n    for (const [id, iframe] of iframes) {\n      if (event.source === iframe.contentWindow) {\n        iframeId = id;\n        break;\n      }\n    }\n    if (!iframeId) return;\n\n    const { type: msgType, payload } = event.data;\n    const sourceWindow = event.source as Window;\n\n    if (msgType === \"init\") {\n      if (!iframeReady.has(iframeId)) {\n        iframeReady.add(iframeId);\n      }\n      const docState = Y.encodeStateAsUpdate(ydoc);\n      const awarenessState = encodeAwarenessUpdate(\n        awareness,\n        Array.from(awareness.getStates().keys()),\n      );\n      sourceWindow.postMessage(\n        { type: \"ydoc-sync\", payload: Array.from(docState) },\n        \"*\",\n      );\n      sourceWindow.postMessage(\n        {\n          type: \"awareness-sync\",\n          payload: Array.from(awarenessState),\n          serverClientId: awareness.clientID,\n        },\n        \"*\",\n      );\n    } else if (msgType === \"ping\") {\n      sourceWindow.postMessage(\n        { type: \"pong\", serverClientId: awareness.clientID },\n        \"*\",\n      );\n    } else if (msgType === \"ydoc-update\") {\n      const update = new Uint8Array(payload);\n      Y.applyUpdate(ydoc, update, IFRAME_ORIGIN);\n      broadcastToAll(\"ydoc-update\", update, sourceWindow);\n    } else if (msgType === \"awareness-update\") {\n      applyAwarenessUpdate(awareness, new Uint8Array(payload), null);\n    } else if (msgType === \"undo\" && undoManager) {\n      undoManager.undo();\n    } else if (msgType === \"redo\" && undoManager) {\n      undoManager.redo();\n    }\n  };\n\n  function addIframe(iframe: HTMLIFrameElement, iframeId: string) {\n    iframes.set(iframeId, iframe);\n  }\n\n  function removeIframe(iframeId: string) {\n    iframes.delete(iframeId);\n    iframeReady.delete(iframeId);\n  }\n\n  const onUndoPopped = (e: { type?: string; reason?: string; kind?: string }) => {\n    const t = e && (e.type || e.reason || e.kind);\n    if (t === \"undo\") {\n      broadcastToAll(\"undo\", new Uint8Array());\n    } else if (t === \"redo\") {\n      broadcastToAll(\"redo\", new Uint8Array());\n    }\n  };\n\n  const onStackCleared = () => {\n    broadcastToAll(\"clear\", new Uint8Array());\n  };\n\n  ydoc.on(\"update\", onYdocUpdate);\n  awareness.on(\"update\", onAwarenessUpdate);\n  window.addEventListener(\"message\", onMessage);\n  if (undoManager) {\n    undoManager.on(\"stack-item-popped\", onUndoPopped);\n    undoManager.on(\"stack-cleared\", onStackCleared);\n  }\n\n  return {\n    addIframe,\n    removeIframe,\n    destroy: () => {\n      ydoc.off(\"update\", onYdocUpdate);\n      awareness.off(\"update\", onAwarenessUpdate);\n      window.removeEventListener(\"message\", onMessage);\n      if (undoManager) {\n        undoManager.off(\"stack-item-popped\", onUndoPopped);\n        undoManager.off(\"stack-cleared\", onStackCleared);\n      }\n      iframes.clear();\n      iframeReady.clear();\n    },\n  };\n}\n"],"names":["awareness","encodeAwarenessUpdate","Y","applyAwarenessUpdate"],"mappings":"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"}
+{"version":3,"file":"server.cjs.js","sources":["../../../iframe-bridge/src/origin.ts","../../../iframe-bridge/src/server.ts"],"sourcesContent":["/**\n * iframe bridge 内部变更的 origin 标识。\n * 当 provider 端产生 ydoc-update 时，使用此 origin 标记，\n * 以便 server 端的 UndoManager 能正确追踪来自 iframe 的变更。\n */\nexport const IFRAME_ORIGIN: object = {};\n\n/**\n * 基线数据标记（用于首次初始化）。\n * 此 origin 的更新不应进入 UndoManager 的撤销栈。\n */\nexport const BASELINE_ORIGIN: object = {};\n","import * as Y from \"yjs\";\nimport {\n  Awareness,\n  applyAwarenessUpdate,\n  encodeAwarenessUpdate,\n} from \"y-protocols/awareness\";\nimport { IFRAME_ORIGIN, BASELINE_ORIGIN } from \"./origin.js\";\n\nexport interface IframeBridgeServerOptions {\n  undoManager?: Y.UndoManager;\n}\n\nexport interface IframeBridgeServer {\n  destroy: () => void;\n}\n\nexport function createIframeBridgeServer(\n  iframe: HTMLIFrameElement,\n  ydoc: Y.Doc,\n  awareness: Awareness,\n  options?: IframeBridgeServerOptions,\n): IframeBridgeServer {\n  const { undoManager } = options ?? {};\n  let iframeReady = false;\n  let applyingIframeUpdate = false;\n\n  function postToIframe(type: string, payload: Uint8Array) {\n    const cw = iframe.contentWindow;\n    if (cw) {\n      cw.postMessage({ type, payload }, \"*\");\n    }\n  }\n\n  const onYdocUpdate = (update: Uint8Array, origin: unknown) => {\n    if (origin === IFRAME_ORIGIN) return;\n    postToIframe(\"ydoc-update\", update);\n  };\n\n  const onAwarenessUpdate = ({\n    added,\n    updated,\n    removed,\n  }: {\n    added: number[];\n    updated: number[];\n    removed: number[];\n  }) => {\n    if (applyingIframeUpdate) return;\n    const changes = [...added, ...updated, ...removed];\n    if (changes.length === 0) return;\n\n    // 把所有变化的 clientID 都发送给 iframe（包括其他 Webrtc peers 的光标更新）\n    // 但要注意：server 自身的 clientID 需要被 iframe 识别为 serverClientId\n    const update = encodeAwarenessUpdate(awareness, changes);\n    postToIframe(\"awareness-update\", update);\n  };\n\n  const onMessage = (event: MessageEvent) => {\n    if (event.source !== iframe.contentWindow) return;\n\n    const { type: msgType, payload } = event.data;\n\n    if (msgType === \"init\") {\n      if (!iframeReady) {\n        iframeReady = true;\n      }\n      const docState = Y.encodeStateAsUpdate(ydoc);\n      const awarenessState = encodeAwarenessUpdate(\n        awareness,\n        Array.from(awareness.getStates().keys()),\n      );\n      postToIframe(\"ydoc-sync\", new Uint8Array(Array.from(docState)));\n      // 在单独的 postMessage 中发送 serverClientId，方便 iframe 接收\n      const cw = iframe.contentWindow;\n      if (cw) {\n        cw.postMessage(\n          { type: \"awareness-sync\", payload: Array.from(awarenessState), serverClientId: awareness.clientID },\n          \"*\",\n        );\n      }\n    } else if (msgType === \"ping\") {\n      const cw = iframe.contentWindow;\n      if (cw) {\n        cw.postMessage(\n          { type: \"pong\", serverClientId: awareness.clientID },\n          \"*\",\n        );\n      }\n    } else if (msgType === \"ydoc-update\") {\n      const update = new Uint8Array(payload);\n      const isBaseline = event.data.isBaseline;\n      // 基线数据使用 BASELINE_ORIGIN（不进入 undo 栈），编辑数据使用 IFRAME_ORIGIN\n      const applyOrigin = isBaseline ? BASELINE_ORIGIN : IFRAME_ORIGIN;\n      Y.applyUpdate(ydoc, update, applyOrigin);\n      // 源 iframe 已经持有此 update，无需回传\n    } else if (msgType === \"awareness-update\") {\n      // 应用 iframe 的 awareness 更新时设置标志，防止触发 onAwarenessUpdate 回传\n      applyingIframeUpdate = true;\n      applyAwarenessUpdate(awareness, new Uint8Array(payload), IFRAME_ORIGIN);\n      applyingIframeUpdate = false;\n    } else if (msgType === \"undo\" && undoManager) {\n      undoManager.undo();\n    } else if (msgType === \"redo\" && undoManager) {\n      undoManager.redo();\n    }\n  };\n\n  const onUndoPopped = (e: {\n    type?: string;\n    reason?: string;\n    kind?: string;\n  }) => {\n    const t = e && (e.type || e.reason || e.kind);\n    if (t === \"undo\") {\n      postToIframe(\"undo\", new Uint8Array());\n    } else if (t === \"redo\") {\n      postToIframe(\"redo\", new Uint8Array());\n    }\n  };\n\n  const onStackCleared = () => {\n    postToIframe(\"clear\", new Uint8Array());\n  };\n\n  const onStackItemAdded = () => {\n    postToIframe(\"add\", new Uint8Array());\n  };\n\n  ydoc.on(\"update\", onYdocUpdate);\n  awareness.on(\"update\", onAwarenessUpdate);\n  window.addEventListener(\"message\", onMessage);\n  if (undoManager) {\n    undoManager.on(\"stack-item-popped\", onUndoPopped);\n    undoManager.on(\"stack-cleared\", onStackCleared);\n    undoManager.on(\"stack-item-added\", onStackItemAdded);\n  }\n\n  return {\n    destroy: () => {\n      ydoc.off(\"update\", onYdocUpdate);\n      awareness.off(\"update\", onAwarenessUpdate);\n      window.removeEventListener(\"message\", onMessage);\n      if (undoManager) {\n        undoManager.off(\"stack-item-popped\", onUndoPopped);\n        undoManager.off(\"stack-cleared\", onStackCleared);\n        undoManager.off(\"stack-item-added\", onStackItemAdded);\n      }\n      iframeReady = false;\n    },\n  };\n}\n"],"names":["awareness","encodeAwarenessUpdate","Y","applyAwarenessUpdate"],"mappings":"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"}

package/iframe-bridge/server.es.js

@@ -1,97 +1,84 @@
 import * as Y from "yjs";
 import { encodeAwarenessUpdate, applyAwarenessUpdate } from "y-protocols/awareness";
 const IFRAME_ORIGIN = {};
-function createIframeBridgeServer(ydoc, awareness, options) {
+const BASELINE_ORIGIN = {};
+function createIframeBridgeServer(iframe, ydoc, awareness, options) {
   const { undoManager } = options ?? {};
-  const iframes = /* @__PURE__ */ new Map();
-  const iframeReady = /* @__PURE__ */ new Set();
+  let applyingIframeUpdate = false;
+  function postToIframe(type, payload) {
+    const cw = iframe.contentWindow;
+    if (cw) {
+      cw.postMessage({ type, payload }, "*");
+    }
+  }
   const onYdocUpdate = (update, origin) => {
     if (origin === IFRAME_ORIGIN) return;
-    broadcastToAll("ydoc-update", update);
+    postToIframe("ydoc-update", update);
   };
   const onAwarenessUpdate = ({
     added,
     updated,
     removed
   }) => {
+    if (applyingIframeUpdate) return;
     const changes = [...added, ...updated, ...removed];
     if (changes.length === 0) return;
     const update = encodeAwarenessUpdate(awareness, changes);
-    broadcastToAll("awareness-update", update);
+    postToIframe("awareness-update", update);
   };
-  function broadcastToAll(type, payload, excludeSource) {
-    for (const iframe of iframes.values()) {
-      if (iframe.contentWindow && iframe.contentWindow !== excludeSource) {
-        iframe.contentWindow.postMessage({ type, payload }, "*");
-      }
-    }
-  }
   const onMessage = (event) => {
-    let iframeId = null;
-    for (const [id, iframe] of iframes) {
-      if (event.source === iframe.contentWindow) {
-        iframeId = id;
-        break;
-      }
-    }
-    if (!iframeId) return;
+    if (event.source !== iframe.contentWindow) return;
     const { type: msgType, payload } = event.data;
-    const sourceWindow = event.source;
     if (msgType === "init") {
-      if (!iframeReady.has(iframeId)) {
-        iframeReady.add(iframeId);
-      }
       const docState = Y.encodeStateAsUpdate(ydoc);
       const awarenessState = encodeAwarenessUpdate(
         awareness,
         Array.from(awareness.getStates().keys())
       );
-      sourceWindow.postMessage(
-        { type: "ydoc-sync", payload: Array.from(docState) },
-        "*"
-      );
-      sourceWindow.postMessage(
-        {
-          type: "awareness-sync",
-          payload: Array.from(awarenessState),
-          serverClientId: awareness.clientID
-        },
-        "*"
-      );
+      postToIframe("ydoc-sync", new Uint8Array(Array.from(docState)));
+      const cw = iframe.contentWindow;
+      if (cw) {
+        cw.postMessage(
+          { type: "awareness-sync", payload: Array.from(awarenessState), serverClientId: awareness.clientID },
+          "*"
+        );
+      }
     } else if (msgType === "ping") {
-      sourceWindow.postMessage(
-        { type: "pong", serverClientId: awareness.clientID },
-        "*"
-      );
+      const cw = iframe.contentWindow;
+      if (cw) {
+        cw.postMessage(
+          { type: "pong", serverClientId: awareness.clientID },
+          "*"
+        );
+      }
     } else if (msgType === "ydoc-update") {
       const update = new Uint8Array(payload);
-      Y.applyUpdate(ydoc, update, IFRAME_ORIGIN);
-      broadcastToAll("ydoc-update", update, sourceWindow);
+      const isBaseline = event.data.isBaseline;
+      const applyOrigin = isBaseline ? BASELINE_ORIGIN : IFRAME_ORIGIN;
+      Y.applyUpdate(ydoc, update, applyOrigin);
     } else if (msgType === "awareness-update") {
-      applyAwarenessUpdate(awareness, new Uint8Array(payload), null);
+      applyingIframeUpdate = true;
+      applyAwarenessUpdate(awareness, new Uint8Array(payload), IFRAME_ORIGIN);
+      applyingIframeUpdate = false;
     } else if (msgType === "undo" && undoManager) {
       undoManager.undo();
     } else if (msgType === "redo" && undoManager) {
       undoManager.redo();
     }
   };
-  function addIframe(iframe, iframeId) {
-    iframes.set(iframeId, iframe);
-  }
-  function removeIframe(iframeId) {
-    iframes.delete(iframeId);
-    iframeReady.delete(iframeId);
-  }
   const onUndoPopped = (e) => {
     const t = e && (e.type || e.reason || e.kind);
     if (t === "undo") {
-      broadcastToAll("undo", new Uint8Array());
+      postToIframe("undo", new Uint8Array());
     } else if (t === "redo") {
-      broadcastToAll("redo", new Uint8Array());
+      postToIframe("redo", new Uint8Array());
     }
   };
   const onStackCleared = () => {
-    broadcastToAll("clear", new Uint8Array());
+    postToIframe("clear", new Uint8Array());
+  };
+  const onStackItemAdded = () => {
+    postToIframe("add", new Uint8Array());
   };
   ydoc.on("update", onYdocUpdate);
   awareness.on("update", onAwarenessUpdate);
@@ -99,10 +86,9 @@ function createIframeBridgeServer(ydoc, awareness, options) {
   if (undoManager) {
     undoManager.on("stack-item-popped", onUndoPopped);
     undoManager.on("stack-cleared", onStackCleared);
+    undoManager.on("stack-item-added", onStackItemAdded);
   }
   return {
-    addIframe,
-    removeIframe,
     destroy: () => {
       ydoc.off("update", onYdocUpdate);
       awareness.off("update", onAwarenessUpdate);
@@ -110,9 +96,8 @@ function createIframeBridgeServer(ydoc, awareness, options) {
       if (undoManager) {
         undoManager.off("stack-item-popped", onUndoPopped);
         undoManager.off("stack-cleared", onStackCleared);
+        undoManager.off("stack-item-added", onStackItemAdded);
       }
-      iframes.clear();
-      iframeReady.clear();
     }
   };
 }

package/iframe-bridge/server.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"server.es.js","sources":["../../../iframe-bridge/src/origin.ts","../../../iframe-bridge/src/server.ts"],"sourcesContent":["/**\n * iframe bridge 内部变更的 origin 标识。\n * 当 provider 端产生 ydoc-update 时，使用此 origin 标记，\n * 以便 server 端的 UndoManager 能正确追踪来自 iframe 的变更。\n */\nexport const IFRAME_ORIGIN: object = {};\n","import * as Y from \"yjs\";\nimport {\n  Awareness,\n  applyAwarenessUpdate,\n  encodeAwarenessUpdate,\n} from \"y-protocols/awareness\";\nimport { IFRAME_ORIGIN } from \"./origin.js\";\n\nexport interface IframeBridgeServerOptions {\n  undoManager?: Y.UndoManager;\n}\n\nexport interface IframeBridgeServer {\n  addIframe: (iframe: HTMLIFrameElement, iframeId: string) => void;\n  removeIframe: (iframeId: string) => void;\n  destroy: () => void;\n}\n\nexport function createIframeBridgeServer(\n  ydoc: Y.Doc,\n  awareness: Awareness,\n  options?: IframeBridgeServerOptions,\n): IframeBridgeServer {\n  const { undoManager } = options ?? {};\n  const iframes = new Map<string, HTMLIFrameElement>();\n  const iframeReady = new Set<string>();\n\n  const onYdocUpdate = (update: Uint8Array, origin: unknown) => {\n    if (origin === IFRAME_ORIGIN) return;\n    broadcastToAll(\"ydoc-update\", update);\n  };\n\n  const onAwarenessUpdate = ({\n    added,\n    updated,\n    removed,\n  }: {\n    added: number[];\n    updated: number[];\n    removed: number[];\n  }) => {\n    const changes = [...added, ...updated, ...removed];\n    if (changes.length === 0) return;\n    const update = encodeAwarenessUpdate(awareness, changes);\n    broadcastToAll(\"awareness-update\", update);\n  };\n\n  function broadcastToAll(type: string, payload: Uint8Array, excludeSource?: Window) {\n    for (const iframe of iframes.values()) {\n      if (iframe.contentWindow && iframe.contentWindow !== excludeSource) {\n        iframe.contentWindow.postMessage({ type, payload }, \"*\");\n      }\n    }\n  }\n\n  const onMessage = (event: MessageEvent) => {\n    let iframeId: string | null = null;\n    for (const [id, iframe] of iframes) {\n      if (event.source === iframe.contentWindow) {\n        iframeId = id;\n        break;\n      }\n    }\n    if (!iframeId) return;\n\n    const { type: msgType, payload } = event.data;\n    const sourceWindow = event.source as Window;\n\n    if (msgType === \"init\") {\n      if (!iframeReady.has(iframeId)) {\n        iframeReady.add(iframeId);\n      }\n      const docState = Y.encodeStateAsUpdate(ydoc);\n      const awarenessState = encodeAwarenessUpdate(\n        awareness,\n        Array.from(awareness.getStates().keys()),\n      );\n      sourceWindow.postMessage(\n        { type: \"ydoc-sync\", payload: Array.from(docState) },\n        \"*\",\n      );\n      sourceWindow.postMessage(\n        {\n          type: \"awareness-sync\",\n          payload: Array.from(awarenessState),\n          serverClientId: awareness.clientID,\n        },\n        \"*\",\n      );\n    } else if (msgType === \"ping\") {\n      sourceWindow.postMessage(\n        { type: \"pong\", serverClientId: awareness.clientID },\n        \"*\",\n      );\n    } else if (msgType === \"ydoc-update\") {\n      const update = new Uint8Array(payload);\n      Y.applyUpdate(ydoc, update, IFRAME_ORIGIN);\n      broadcastToAll(\"ydoc-update\", update, sourceWindow);\n    } else if (msgType === \"awareness-update\") {\n      applyAwarenessUpdate(awareness, new Uint8Array(payload), null);\n    } else if (msgType === \"undo\" && undoManager) {\n      undoManager.undo();\n    } else if (msgType === \"redo\" && undoManager) {\n      undoManager.redo();\n    }\n  };\n\n  function addIframe(iframe: HTMLIFrameElement, iframeId: string) {\n    iframes.set(iframeId, iframe);\n  }\n\n  function removeIframe(iframeId: string) {\n    iframes.delete(iframeId);\n    iframeReady.delete(iframeId);\n  }\n\n  const onUndoPopped = (e: { type?: string; reason?: string; kind?: string }) => {\n    const t = e && (e.type || e.reason || e.kind);\n    if (t === \"undo\") {\n      broadcastToAll(\"undo\", new Uint8Array());\n    } else if (t === \"redo\") {\n      broadcastToAll(\"redo\", new Uint8Array());\n    }\n  };\n\n  const onStackCleared = () => {\n    broadcastToAll(\"clear\", new Uint8Array());\n  };\n\n  ydoc.on(\"update\", onYdocUpdate);\n  awareness.on(\"update\", onAwarenessUpdate);\n  window.addEventListener(\"message\", onMessage);\n  if (undoManager) {\n    undoManager.on(\"stack-item-popped\", onUndoPopped);\n    undoManager.on(\"stack-cleared\", onStackCleared);\n  }\n\n  return {\n    addIframe,\n    removeIframe,\n    destroy: () => {\n      ydoc.off(\"update\", onYdocUpdate);\n      awareness.off(\"update\", onAwarenessUpdate);\n      window.removeEventListener(\"message\", onMessage);\n      if (undoManager) {\n        undoManager.off(\"stack-item-popped\", onUndoPopped);\n        undoManager.off(\"stack-cleared\", onStackCleared);\n      }\n      iframes.clear();\n      iframeReady.clear();\n    },\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"server.es.js","sources":["../../../iframe-bridge/src/origin.ts","../../../iframe-bridge/src/server.ts"],"sourcesContent":["/**\n * iframe bridge 内部变更的 origin 标识。\n * 当 provider 端产生 ydoc-update 时，使用此 origin 标记，\n * 以便 server 端的 UndoManager 能正确追踪来自 iframe 的变更。\n */\nexport const IFRAME_ORIGIN: object = {};\n\n/**\n * 基线数据标记（用于首次初始化）。\n * 此 origin 的更新不应进入 UndoManager 的撤销栈。\n */\nexport const BASELINE_ORIGIN: object = {};\n","import * as Y from \"yjs\";\nimport {\n  Awareness,\n  applyAwarenessUpdate,\n  encodeAwarenessUpdate,\n} from \"y-protocols/awareness\";\nimport { IFRAME_ORIGIN, BASELINE_ORIGIN } from \"./origin.js\";\n\nexport interface IframeBridgeServerOptions {\n  undoManager?: Y.UndoManager;\n}\n\nexport interface IframeBridgeServer {\n  destroy: () => void;\n}\n\nexport function createIframeBridgeServer(\n  iframe: HTMLIFrameElement,\n  ydoc: Y.Doc,\n  awareness: Awareness,\n  options?: IframeBridgeServerOptions,\n): IframeBridgeServer {\n  const { undoManager } = options ?? {};\n  let iframeReady = false;\n  let applyingIframeUpdate = false;\n\n  function postToIframe(type: string, payload: Uint8Array) {\n    const cw = iframe.contentWindow;\n    if (cw) {\n      cw.postMessage({ type, payload }, \"*\");\n    }\n  }\n\n  const onYdocUpdate = (update: Uint8Array, origin: unknown) => {\n    if (origin === IFRAME_ORIGIN) return;\n    postToIframe(\"ydoc-update\", update);\n  };\n\n  const onAwarenessUpdate = ({\n    added,\n    updated,\n    removed,\n  }: {\n    added: number[];\n    updated: number[];\n    removed: number[];\n  }) => {\n    if (applyingIframeUpdate) return;\n    const changes = [...added, ...updated, ...removed];\n    if (changes.length === 0) return;\n\n    // 把所有变化的 clientID 都发送给 iframe（包括其他 Webrtc peers 的光标更新）\n    // 但要注意：server 自身的 clientID 需要被 iframe 识别为 serverClientId\n    const update = encodeAwarenessUpdate(awareness, changes);\n    postToIframe(\"awareness-update\", update);\n  };\n\n  const onMessage = (event: MessageEvent) => {\n    if (event.source !== iframe.contentWindow) return;\n\n    const { type: msgType, payload } = event.data;\n\n    if (msgType === \"init\") {\n      if (!iframeReady) {\n        iframeReady = true;\n      }\n      const docState = Y.encodeStateAsUpdate(ydoc);\n      const awarenessState = encodeAwarenessUpdate(\n        awareness,\n        Array.from(awareness.getStates().keys()),\n      );\n      postToIframe(\"ydoc-sync\", new Uint8Array(Array.from(docState)));\n      // 在单独的 postMessage 中发送 serverClientId，方便 iframe 接收\n      const cw = iframe.contentWindow;\n      if (cw) {\n        cw.postMessage(\n          { type: \"awareness-sync\", payload: Array.from(awarenessState), serverClientId: awareness.clientID },\n          \"*\",\n        );\n      }\n    } else if (msgType === \"ping\") {\n      const cw = iframe.contentWindow;\n      if (cw) {\n        cw.postMessage(\n          { type: \"pong\", serverClientId: awareness.clientID },\n          \"*\",\n        );\n      }\n    } else if (msgType === \"ydoc-update\") {\n      const update = new Uint8Array(payload);\n      const isBaseline = event.data.isBaseline;\n      // 基线数据使用 BASELINE_ORIGIN（不进入 undo 栈），编辑数据使用 IFRAME_ORIGIN\n      const applyOrigin = isBaseline ? BASELINE_ORIGIN : IFRAME_ORIGIN;\n      Y.applyUpdate(ydoc, update, applyOrigin);\n      // 源 iframe 已经持有此 update，无需回传\n    } else if (msgType === \"awareness-update\") {\n      // 应用 iframe 的 awareness 更新时设置标志，防止触发 onAwarenessUpdate 回传\n      applyingIframeUpdate = true;\n      applyAwarenessUpdate(awareness, new Uint8Array(payload), IFRAME_ORIGIN);\n      applyingIframeUpdate = false;\n    } else if (msgType === \"undo\" && undoManager) {\n      undoManager.undo();\n    } else if (msgType === \"redo\" && undoManager) {\n      undoManager.redo();\n    }\n  };\n\n  const onUndoPopped = (e: {\n    type?: string;\n    reason?: string;\n    kind?: string;\n  }) => {\n    const t = e && (e.type || e.reason || e.kind);\n    if (t === \"undo\") {\n      postToIframe(\"undo\", new Uint8Array());\n    } else if (t === \"redo\") {\n      postToIframe(\"redo\", new Uint8Array());\n    }\n  };\n\n  const onStackCleared = () => {\n    postToIframe(\"clear\", new Uint8Array());\n  };\n\n  const onStackItemAdded = () => {\n    postToIframe(\"add\", new Uint8Array());\n  };\n\n  ydoc.on(\"update\", onYdocUpdate);\n  awareness.on(\"update\", onAwarenessUpdate);\n  window.addEventListener(\"message\", onMessage);\n  if (undoManager) {\n    undoManager.on(\"stack-item-popped\", onUndoPopped);\n    undoManager.on(\"stack-cleared\", onStackCleared);\n    undoManager.on(\"stack-item-added\", onStackItemAdded);\n  }\n\n  return {\n    destroy: () => {\n      ydoc.off(\"update\", onYdocUpdate);\n      awareness.off(\"update\", onAwarenessUpdate);\n      window.removeEventListener(\"message\", onMessage);\n      if (undoManager) {\n        undoManager.off(\"stack-item-popped\", onUndoPopped);\n        undoManager.off(\"stack-cleared\", onStackCleared);\n        undoManager.off(\"stack-item-added\", onStackItemAdded);\n      }\n      iframeReady = false;\n    },\n  };\n}\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "y-mxgraph",
-  "version": "0.4.1",
+  "version": "0.5.1",
   "description": "Yjs binding for draw.io (mxGraph) documents",
   "keywords": [
     "yjs",