y-mxgraph 0.5.8 → 0.6.1

package/iframe-bridge/provider.cjs

@@ -81,6 +81,30 @@ function createIframeBridgeProvider(ydoc, awareness$1) {
   let serverClientId = null;
   let currentCleanup = null;
   let currentMxLike = null;
+  let connected = false;
+  let initRetryTimer = null;
+  const connectListeners = /* @__PURE__ */ new Set();
+  const disconnectListeners = /* @__PURE__ */ new Set();
+  function setConnected(value) {
+    if (connected === value) return;
+    connected = value;
+    if (value) {
+      connectListeners.forEach((fn) => fn());
+    } else {
+      disconnectListeners.forEach((fn) => fn());
+    }
+  }
+  function startInitRetry() {
+    if (initRetryTimer) {
+      clearInterval(initRetryTimer);
+    }
+    window.parent.postMessage({ type: "init" }, "*");
+    initRetryTimer = setInterval(() => {
+      if (!connected) {
+        window.parent.postMessage({ type: "init" }, "*");
+      }
+    }, 1e3);
+  }
   const onYdocUpdate = (update, origin) => {
     if (applyingParentUpdate) return;
     const isBaseline = origin === null || origin === void 0;
@@ -118,6 +142,13 @@ function createIframeBridgeProvider(ydoc, awareness$1) {
       applyingParentUpdate = true;
       Y__namespace.applyUpdate(ydoc, new Uint8Array(payload));
       applyingParentUpdate = false;
+      if (type === "ydoc-sync" && !connected) {
+        setConnected(true);
+        if (initRetryTimer) {
+          clearInterval(initRetryTimer);
+          initRetryTimer = null;
+        }
+      }
     } else if (type === "awareness-sync" || type === "awareness-update") {
       if (receivedServerId != null) {
         serverClientId = receivedServerId;
@@ -136,19 +167,28 @@ function createIframeBridgeProvider(ydoc, awareness$1) {
       if (newTotal === 0) {
         currentMxLike.fireEvent(createMxEventObject("clear"));
       } else if (newIndex < oldIndex) {
-        currentMxLike.fireEvent(createMxEventObject("undo", { edit: { changes: [] } }));
+        currentMxLike.fireEvent(
+          createMxEventObject("undo", { edit: { changes: [] } })
+        );
       } else if (newIndex > oldIndex) {
-        currentMxLike.fireEvent(createMxEventObject("redo", { edit: { changes: [] } }));
+        currentMxLike.fireEvent(
+          createMxEventObject("redo", { edit: { changes: [] } })
+        );
       } else {
-        currentMxLike.fireEvent(createMxEventObject("add", { edit: { changes: [] } }));
+        currentMxLike.fireEvent(
+          createMxEventObject("add", { edit: { changes: [] } })
+        );
       }
       applyingParentUpdate = false;
+    } else if (type === "disconnect") {
+      setConnected(false);
+      startInitRetry();
     }
   };
   ydoc.on("update", onYdocUpdate);
   awareness$1.on("update", onAwarenessUpdate);
   window.addEventListener("message", onMessage);
-  window.parent.postMessage({ type: "init" }, "*");
+  startInitRetry();
   setTimeout(() => {
     window.parent.postMessage({ type: "ping" }, "*");
   }, 100);
@@ -156,6 +196,26 @@ function createIframeBridgeProvider(ydoc, awareness$1) {
     get serverClientId() {
       return serverClientId;
     },
+    get connected() {
+      return connected;
+    },
+    onConnect(fn) {
+      connectListeners.add(fn);
+      return () => connectListeners.delete(fn);
+    },
+    onDisconnect(fn) {
+      disconnectListeners.add(fn);
+      return () => disconnectListeners.delete(fn);
+    },
+    on(event, fn) {
+      if (event === "connect") {
+        connectListeners.add(fn);
+        return () => connectListeners.delete(fn);
+      } else {
+        disconnectListeners.add(fn);
+        return () => disconnectListeners.delete(fn);
+      }
+    },
     takeoverUndoManager(file) {
       if (currentCleanup) {
         currentCleanup();
@@ -235,6 +295,12 @@ function createIframeBridgeProvider(ydoc, awareness$1) {
       ydoc.off("update", onYdocUpdate);
       awareness$1.off("update", onAwarenessUpdate);
       window.removeEventListener("message", onMessage);
+      if (initRetryTimer) {
+        clearInterval(initRetryTimer);
+        initRetryTimer = null;
+      }
+      connectListeners.clear();
+      disconnectListeners.clear();
       if (currentCleanup) {
         currentCleanup();
       }

package/iframe-bridge/provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"provider.cjs","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 === \"undo-state\" && currentMxLike) {\n      // 从 Server 同步真实的 undo/redo 状态\n      const { undoStackSize, redoStackSize } = event.data;\n\n      const oldIndex = currentMxLike.indexOfNextAdd;\n      const newIndex = undoStackSize || 0;\n      const newTotal = (undoStackSize || 0) + (redoStackSize || 0);\n\n      // 直接根据 server 状态重建本地状态\n      applyingParentUpdate = true;\n\n      // 重建 history 数组匹配 server 的总大小\n      currentMxLike.history = new Array(newTotal).fill({});\n      currentMxLike.indexOfNextAdd = newIndex;\n\n      // 触发对应事件通知 UI 更新\n      if (newTotal === 0) {\n        currentMxLike.fireEvent(createMxEventObject(\"clear\"));\n      } else if (newIndex < oldIndex) {\n        currentMxLike.fireEvent(createMxEventObject(\"undo\", { edit: { changes: [] } }));\n      } else if (newIndex > oldIndex) {\n        currentMxLike.fireEvent(createMxEventObject(\"redo\", { edit: { changes: [] } }));\n      } else {\n        currentMxLike.fireEvent(createMxEventObject(\"add\", { edit: { changes: [] } }));\n      }\n\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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"}
+{"version":3,"file":"provider.cjs","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  connected: boolean;\n  onConnect: (fn: () => void) => () => void;\n  onDisconnect: (fn: () => void) => () => void;\n  on: (event: \"connect\" | \"disconnect\", fn: () => void) => () => void;\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  let connected = false;\n  let initRetryTimer: ReturnType<typeof setInterval> | null = null;\n  const connectListeners = new Set<() => void>();\n  const disconnectListeners = new Set<() => void>();\n\n  function setConnected(value: boolean) {\n    if (connected === value) return;\n    connected = value;\n    if (value) {\n      connectListeners.forEach((fn) => fn());\n    } else {\n      disconnectListeners.forEach((fn) => fn());\n    }\n  }\n\n  function startInitRetry() {\n    if (initRetryTimer) {\n      clearInterval(initRetryTimer);\n    }\n    window.parent.postMessage({ type: \"init\" }, \"*\");\n    initRetryTimer = setInterval(() => {\n      if (!connected) {\n        window.parent.postMessage({ type: \"init\" }, \"*\");\n      }\n    }, 1000);\n  }\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      if (type === \"ydoc-sync\" && !connected) {\n        setConnected(true);\n        if (initRetryTimer) {\n          clearInterval(initRetryTimer);\n          initRetryTimer = null;\n        }\n      }\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 === \"undo-state\" && currentMxLike) {\n      // 从 Server 同步真实的 undo/redo 状态\n      const { undoStackSize, redoStackSize } = event.data;\n\n      const oldIndex = currentMxLike.indexOfNextAdd;\n      const newIndex = undoStackSize || 0;\n      const newTotal = (undoStackSize || 0) + (redoStackSize || 0);\n\n      // 直接根据 server 状态重建本地状态\n      applyingParentUpdate = true;\n\n      // 重建 history 数组匹配 server 的总大小\n      currentMxLike.history = new Array(newTotal).fill({});\n      currentMxLike.indexOfNextAdd = newIndex;\n\n      // 触发对应事件通知 UI 更新\n      if (newTotal === 0) {\n        currentMxLike.fireEvent(createMxEventObject(\"clear\"));\n      } else if (newIndex < oldIndex) {\n        currentMxLike.fireEvent(\n          createMxEventObject(\"undo\", { edit: { changes: [] } }),\n        );\n      } else if (newIndex > oldIndex) {\n        currentMxLike.fireEvent(\n          createMxEventObject(\"redo\", { edit: { changes: [] } }),\n        );\n      } else {\n        currentMxLike.fireEvent(\n          createMxEventObject(\"add\", { edit: { changes: [] } }),\n        );\n      }\n\n      applyingParentUpdate = false;\n    } else if (type === \"disconnect\") {\n      setConnected(false);\n      startInitRetry();\n    }\n  };\n\n  ydoc.on(\"update\", onYdocUpdate);\n  awareness.on(\"update\", onAwarenessUpdate);\n  window.addEventListener(\"message\", onMessage);\n\n  startInitRetry();\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    get connected() {\n      return connected;\n    },\n    onConnect(fn: () => void) {\n      connectListeners.add(fn);\n      return () => connectListeners.delete(fn);\n    },\n    onDisconnect(fn: () => void) {\n      disconnectListeners.add(fn);\n      return () => disconnectListeners.delete(fn);\n    },\n    on(event: \"connect\" | \"disconnect\", fn: () => void) {\n      if (event === \"connect\") {\n        connectListeners.add(fn);\n        return () => connectListeners.delete(fn);\n      } else {\n        disconnectListeners.add(fn);\n        return () => disconnectListeners.delete(fn);\n      }\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 (initRetryTimer) {\n        clearInterval(initRetryTimer);\n        initRetryTimer = null;\n      }\n      connectListeners.clear();\n      disconnectListeners.clear();\n      if (currentCleanup) {\n        currentCleanup();\n      }\n    },\n  };\n}\n"],"names":["awareness","encodeAwarenessUpdate","Y","applyAwarenessUpdate"],"mappings":"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"}

package/iframe-bridge/provider.js

@@ -62,6 +62,30 @@ function createIframeBridgeProvider(ydoc, awareness) {
   let serverClientId = null;
   let currentCleanup = null;
   let currentMxLike = null;
+  let connected = false;
+  let initRetryTimer = null;
+  const connectListeners = /* @__PURE__ */ new Set();
+  const disconnectListeners = /* @__PURE__ */ new Set();
+  function setConnected(value) {
+    if (connected === value) return;
+    connected = value;
+    if (value) {
+      connectListeners.forEach((fn) => fn());
+    } else {
+      disconnectListeners.forEach((fn) => fn());
+    }
+  }
+  function startInitRetry() {
+    if (initRetryTimer) {
+      clearInterval(initRetryTimer);
+    }
+    window.parent.postMessage({ type: "init" }, "*");
+    initRetryTimer = setInterval(() => {
+      if (!connected) {
+        window.parent.postMessage({ type: "init" }, "*");
+      }
+    }, 1e3);
+  }
   const onYdocUpdate = (update, origin) => {
     if (applyingParentUpdate) return;
     const isBaseline = origin === null || origin === void 0;
@@ -99,6 +123,13 @@ function createIframeBridgeProvider(ydoc, awareness) {
       applyingParentUpdate = true;
       Y.applyUpdate(ydoc, new Uint8Array(payload));
       applyingParentUpdate = false;
+      if (type === "ydoc-sync" && !connected) {
+        setConnected(true);
+        if (initRetryTimer) {
+          clearInterval(initRetryTimer);
+          initRetryTimer = null;
+        }
+      }
     } else if (type === "awareness-sync" || type === "awareness-update") {
       if (receivedServerId != null) {
         serverClientId = receivedServerId;
@@ -117,19 +148,28 @@ function createIframeBridgeProvider(ydoc, awareness) {
       if (newTotal === 0) {
         currentMxLike.fireEvent(createMxEventObject("clear"));
       } else if (newIndex < oldIndex) {
-        currentMxLike.fireEvent(createMxEventObject("undo", { edit: { changes: [] } }));
+        currentMxLike.fireEvent(
+          createMxEventObject("undo", { edit: { changes: [] } })
+        );
       } else if (newIndex > oldIndex) {
-        currentMxLike.fireEvent(createMxEventObject("redo", { edit: { changes: [] } }));
+        currentMxLike.fireEvent(
+          createMxEventObject("redo", { edit: { changes: [] } })
+        );
       } else {
-        currentMxLike.fireEvent(createMxEventObject("add", { edit: { changes: [] } }));
+        currentMxLike.fireEvent(
+          createMxEventObject("add", { edit: { changes: [] } })
+        );
       }
       applyingParentUpdate = false;
+    } else if (type === "disconnect") {
+      setConnected(false);
+      startInitRetry();
     }
   };
   ydoc.on("update", onYdocUpdate);
   awareness.on("update", onAwarenessUpdate);
   window.addEventListener("message", onMessage);
-  window.parent.postMessage({ type: "init" }, "*");
+  startInitRetry();
   setTimeout(() => {
     window.parent.postMessage({ type: "ping" }, "*");
   }, 100);
@@ -137,6 +177,26 @@ function createIframeBridgeProvider(ydoc, awareness) {
     get serverClientId() {
       return serverClientId;
     },
+    get connected() {
+      return connected;
+    },
+    onConnect(fn) {
+      connectListeners.add(fn);
+      return () => connectListeners.delete(fn);
+    },
+    onDisconnect(fn) {
+      disconnectListeners.add(fn);
+      return () => disconnectListeners.delete(fn);
+    },
+    on(event, fn) {
+      if (event === "connect") {
+        connectListeners.add(fn);
+        return () => connectListeners.delete(fn);
+      } else {
+        disconnectListeners.add(fn);
+        return () => disconnectListeners.delete(fn);
+      }
+    },
     takeoverUndoManager(file) {
       if (currentCleanup) {
         currentCleanup();
@@ -216,6 +276,12 @@ function createIframeBridgeProvider(ydoc, awareness) {
       ydoc.off("update", onYdocUpdate);
       awareness.off("update", onAwarenessUpdate);
       window.removeEventListener("message", onMessage);
+      if (initRetryTimer) {
+        clearInterval(initRetryTimer);
+        initRetryTimer = null;
+      }
+      connectListeners.clear();
+      disconnectListeners.clear();
       if (currentCleanup) {
         currentCleanup();
       }

package/iframe-bridge/provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider.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 === \"undo-state\" && currentMxLike) {\n      // 从 Server 同步真实的 undo/redo 状态\n      const { undoStackSize, redoStackSize } = event.data;\n\n      const oldIndex = currentMxLike.indexOfNextAdd;\n      const newIndex = undoStackSize || 0;\n      const newTotal = (undoStackSize || 0) + (redoStackSize || 0);\n\n      // 直接根据 server 状态重建本地状态\n      applyingParentUpdate = true;\n\n      // 重建 history 数组匹配 server 的总大小\n      currentMxLike.history = new Array(newTotal).fill({});\n      currentMxLike.indexOfNextAdd = newIndex;\n\n      // 触发对应事件通知 UI 更新\n      if (newTotal === 0) {\n        currentMxLike.fireEvent(createMxEventObject(\"clear\"));\n      } else if (newIndex < oldIndex) {\n        currentMxLike.fireEvent(createMxEventObject(\"undo\", { edit: { changes: [] } }));\n      } else if (newIndex > oldIndex) {\n        currentMxLike.fireEvent(createMxEventObject(\"redo\", { edit: { changes: [] } }));\n      } else {\n        currentMxLike.fireEvent(createMxEventObject(\"add\", { edit: { changes: [] } }));\n      }\n\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":";;AASA,SAAS,oBAAoB,MAAc,OAAiC;AAC1E,QAAM,SAAS,SAAS,CAAA;AACxB,SAAO;AAAA,IACL;AAAA,IACA,SAAS,MAAM;AAAA,IACf,aAAa,CAAC,MAAc,OAAO,CAAC;AAAA,EAAA;AAExC;AAiCA,SAAS,YAAY,MAAkB,KAA+B;AACpE,MAAI,SAAS;AACb,MAAI,QAAQ;AACZ,MAAI;AACJ,KAAG;AACD,WAAO,KAAK,KAAK;AACjB,eAAW,OAAO,QAAS;AAC3B,aAAS;AAAA,EACX,SAAS,QAAQ;AACjB,SAAO,CAAC,WAAW,GAAG,GAAG;AAC3B;AAEA,SAAS,aAAa,OAAyB;AAC7C,QAAM,QAAkB,CAAA;AACxB,SAAO,QAAQ,KAAM;AACnB,UAAM,KAAM,QAAQ,MAAQ,GAAI;AAChC,eAAW;AAAA,EACb;AACA,QAAM,KAAK,KAAK;AAChB,SAAO;AACT;AAEA,SAAS,cAAc,MAAkB,KAA+B;AACtE,QAAM,CAAC,KAAK,IAAI,IAAI,YAAY,MAAM,GAAG;AACzC,QAAM,MAAM,IAAI,YAAA,EAAc,OAAO,KAAK,SAAS,MAAM,OAAO,GAAG,CAAC;AACpE,SAAO,CAAC,KAAK,OAAO,GAAG;AACzB;AAEA,SAAS,eAAe,KAAuB;AAC7C,QAAM,UAAU,IAAI,cAAc,OAAO,GAAG;AAC5C,SAAO,CAAC,GAAG,aAAa,QAAQ,MAAM,GAAG,GAAG,OAAO;AACrD;AAEA,SAAS,sBACP,QACA,QACA,MACY;AACZ,QAAM,SAAmB,CAAA;AACzB,MAAI,MAAM;AAEV,QAAM,CAAC,OAAO,IAAI,IAAI,YAAY,QAAQ,GAAG;AAC7C,QAAM;AACN,SAAO,KAAK,GAAG,aAAa,KAAK,CAAC;AAElC,WAAS,IAAI,GAAG,IAAI,OAAO,KAAK;AAC9B,UAAM,CAAC,UAAU,IAAI,IAAI,YAAY,QAAQ,GAAG;AAChD,UAAM;AACN,UAAM,CAAC,OAAO,IAAI,IAAI,YAAY,QAAQ,GAAG;AAC7C,UAAM;AACN,UAAM,CAAC,OAAO,IAAI,IAAI,cAAc,QAAQ,GAAG;AAC/C,UAAM;AAEN,UAAM,WAAW,aAAa,SAAS,OAAO;AAC9C,WAAO,KAAK,GAAG,aAAa,QAAQ,CAAC;AACrC,WAAO,KAAK,GAAG,aAAa,KAAK,CAAC;AAClC,WAAO,KAAK,GAAG,eAAe,KAAK,CAAC;AAAA,EACtC;AAEA,SAAO,IAAI,WAAW,MAAM;AAC9B;AAEO,SAAS,2BACd,MACA,WACsB;AACtB,MAAI,uBAAuB;AAC3B,MAAI,iBAAgC;AACpC,MAAI,iBAAsC;AAC1C,MAAI,gBAA+B;AAEnC,QAAM,eAAe,CAAC,QAAoB,WAAoB;AAC5D,QAAI,qBAAsB;AAE1B,UAAM,aAAa,WAAW,QAAQ,WAAW;AACjD,WAAO,OAAO;AAAA,MACZ,EAAE,MAAM,eAAe,SAAS,MAAM,KAAK,MAAM,GAAG,WAAA;AAAA,MACpD;AAAA,IAAA;AAAA,EAEJ;AAEA,QAAM,oBAAoB,CAAC;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,EAAA,MAKI;AACJ,QAAI,qBAAsB;AAC1B,UAAM,UAAU,CAAC,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO;AACjD,QAAI,QAAQ,WAAW,EAAG;AAI1B,UAAM,gBAAgB,UAAU;AAChC,UAAM,eAAe,QAAQ,SAAS,aAAa;AACnD,QAAI,CAAC,aAAc;AAEnB,UAAM,SAAS,sBAAsB,WAAW,CAAC,aAAa,CAAC;AAC/D,UAAM,WACJ,kBAAkB,OACd,sBAAsB,QAAQ,eAAe,cAAc,IAC3D;AAEN,WAAO,OAAO;AAAA,MACZ,EAAE,MAAM,oBAAoB,SAAS,MAAM,KAAK,QAAQ,EAAA;AAAA,MACxD;AAAA,IAAA;AAAA,EAEJ;AAEA,QAAM,YAAY,CAAC,UAAwB;AACzC,QAAI,MAAM,WAAW,OAAO,OAAQ;AACpC,UAAM,EAAE,MAAM,SAAS,gBAAgB,iBAAA,IAAqB,MAAM;AAElE,QAAI,SAAS,UAAU,oBAAoB,MAAM;AAC/C,uBAAiB;AACjB;AAAA,IACF;AAEA,QAAI,SAAS,eAAe,SAAS,eAAe;AAClD,6BAAuB;AACvB,QAAE,YAAY,MAAM,IAAI,WAAW,OAAO,CAAC;AAC3C,6BAAuB;AAAA,IACzB,WAAW,SAAS,oBAAoB,SAAS,oBAAoB;AACnE,UAAI,oBAAoB,MAAM;AAC5B,yBAAiB;AAAA,MACnB;AAOA,6BAAuB;AACvB,2BAAqB,WAAW,IAAI,WAAW,OAAO,GAAG,IAAI;AAC7D,6BAAuB;AAAA,IACzB,WAAW,SAAS,gBAAgB,eAAe;AAEjD,YAAM,EAAE,eAAe,cAAA,IAAkB,MAAM;AAE/C,YAAM,WAAW,cAAc;AAC/B,YAAM,WAAW,iBAAiB;AAClC,YAAM,YAAY,iBAAiB,MAAM,iBAAiB;AAG1D,6BAAuB;AAGvB,oBAAc,UAAU,IAAI,MAAM,QAAQ,EAAE,KAAK,EAAE;AACnD,oBAAc,iBAAiB;AAG/B,UAAI,aAAa,GAAG;AAClB,sBAAc,UAAU,oBAAoB,OAAO,CAAC;AAAA,MACtD,WAAW,WAAW,UAAU;AAC9B,sBAAc,UAAU,oBAAoB,QAAQ,EAAE,MAAM,EAAE,SAAS,GAAC,EAAE,CAAG,CAAC;AAAA,MAChF,WAAW,WAAW,UAAU;AAC9B,sBAAc,UAAU,oBAAoB,QAAQ,EAAE,MAAM,EAAE,SAAS,GAAC,EAAE,CAAG,CAAC;AAAA,MAChF,OAAO;AACL,sBAAc,UAAU,oBAAoB,OAAO,EAAE,MAAM,EAAE,SAAS,GAAC,EAAE,CAAG,CAAC;AAAA,MAC/E;AAEA,6BAAuB;AAAA,IACzB;AAAA,EACF;AAEA,OAAK,GAAG,UAAU,YAAY;AAC9B,YAAU,GAAG,UAAU,iBAAiB;AACxC,SAAO,iBAAiB,WAAW,SAAS;AAE5C,SAAO,OAAO,YAAY,EAAE,MAAM,OAAA,GAAU,GAAG;AAG/C,aAAW,MAAM;AACf,WAAO,OAAO,YAAY,EAAE,MAAM,OAAA,GAAU,GAAG;AAAA,EACjD,GAAG,GAAG;AAEN,SAAO;AAAA,IACL,IAAI,iBAAiB;AACnB,aAAO;AAAA,IACT;AAAA,IACA,oBAAoB,MAAkB;AACpC,UAAI,gBAAgB;AAClB,uBAAA;AAAA,MACF;AAEA,YAAM,SAAS,KAAK,MAAA,EAAQ;AAC5B,YAAM,oBAAoB,OAAO;AAEjC,YAAM,QAAqC,CAAA;AAC3C,YAAM,MAAM,MAAM,QAAQ,qBAAA,OAAA,SAAA,kBAAmB,cAAc,IACtD,kBAAkB,iBACnB,CAAA;AACJ,eAAS,IAAI,GAAG,IAAI,IAAI,IAAI,QAAQ,KAAK,GAAG;AAC1C,cAAM,MAAM,OAAO,IAAI,CAAC,CAAC;AACzB,cAAM,KAAK,IAAI,IAAI,CAAC;AACpB,cAAM,KAAK,CAAC,KAAK,EAAE,CAAC;AAAA,MACtB;AAEA,YAAM,SAAiB;AAAA,QACrB,gBAAgB,CAAA;AAAA,QAChB,SAAS,CAAA;AAAA,QACT,gBAAgB;AAAA,QAEhB,YAAY,MAAc,IAAgB;AACxC,eAAK,eAAe,KAAK,MAAM,EAAE;AAAA,QACnC;AAAA,QAEA,UAAU,KAAc;AAnQhC,cAAA,IAAA;AAoQU,gBAAM,aACH,OAAA,OAAA,SAAA,IAAuC,WACtC,MAAA,KAAA,OAAA,OAAA,SAAA,IAAgD,YAAhD,OAAA,SAAA,GAAA,KAAA,GAAA,MAAA,OAAA,KACA;AACJ,mBAAS,IAAI,GAAG,IAAI,IAAI,KAAK,eAAe,QAAQ,KAAK,GAAG;AAC1D,kBAAM,MAAM,KAAK,eAAe,CAAC;AACjC,kBAAM,WAAW,KAAK,eAAe,IAAI,CAAC;AAC1C,gBAAI,QAAQ,WAAW;AACrB,kBAAI;AACF,yBAAS,MAAM,GAAG;AAAA,cACpB,SAAS,GAAG;AACV,wBAAQ;AAAA,kBACN;AAAA,kBACA;AAAA,gBAAA;AAAA,cAEJ;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,QAEA,UAAmB;AACjB,iBAAO,KAAK,iBAAiB;AAAA,QAC/B;AAAA,QAEA,UAAmB;AACjB,iBAAO,KAAK,iBAAiB,KAAK,QAAQ;AAAA,QAC5C;AAAA,QAEA,OAAO;AACL,cAAI,CAAC,sBAAsB;AACzB,mBAAO,OAAO,YAAY,EAAE,MAAM,OAAA,GAAU,GAAG;AAAA,UACjD;AAAA,QACF;AAAA,QAEA,OAAO;AACL,cAAI,CAAC,sBAAsB;AACzB,mBAAO,OAAO,YAAY,EAAE,MAAM,OAAA,GAAU,GAAG;AAAA,UACjD;AAAA,QACF;AAAA,QAEA,uBAAuB;AAAA,QAEvB;AAAA,MAAA;AAGF,YAAM,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM;AAC3B,cAAM,IAAI,IAAI,YAAA;AACd,YAAI,MAAM,SAAS,MAAM,WAAW,MAAM,UAAU,MAAM,QAAQ;AAChE,iBAAO,YAAY,GAAG,EAAE;AAAA,QAC1B;AAAA,MACF,CAAC;AAED,sBAAgB;AAChB,aAAO,cAAc;AACrB,aAAO,eAAe,WAAY;AAAA,MAAC;AAEnC,YAAM,UAAU,MAAM;AACpB,eAAO,cAAc;AACrB,eAAO,eAAe,qBAAA,OAAA,SAAA,kBAAmB;AAGzC,wBAAgB;AAAA,MAClB;AAEA,uBAAiB;AACjB,aAAO;AAAA,IACT;AAAA,IACA,SAAS,MAAM;AACb,WAAK,IAAI,UAAU,YAAY;AAC/B,gBAAU,IAAI,UAAU,iBAAiB;AACzC,aAAO,oBAAoB,WAAW,SAAS;AAC/C,UAAI,gBAAgB;AAClB,uBAAA;AAAA,MACF;AAAA,IACF;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"provider.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  connected: boolean;\n  onConnect: (fn: () => void) => () => void;\n  onDisconnect: (fn: () => void) => () => void;\n  on: (event: \"connect\" | \"disconnect\", fn: () => void) => () => void;\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  let connected = false;\n  let initRetryTimer: ReturnType<typeof setInterval> | null = null;\n  const connectListeners = new Set<() => void>();\n  const disconnectListeners = new Set<() => void>();\n\n  function setConnected(value: boolean) {\n    if (connected === value) return;\n    connected = value;\n    if (value) {\n      connectListeners.forEach((fn) => fn());\n    } else {\n      disconnectListeners.forEach((fn) => fn());\n    }\n  }\n\n  function startInitRetry() {\n    if (initRetryTimer) {\n      clearInterval(initRetryTimer);\n    }\n    window.parent.postMessage({ type: \"init\" }, \"*\");\n    initRetryTimer = setInterval(() => {\n      if (!connected) {\n        window.parent.postMessage({ type: \"init\" }, \"*\");\n      }\n    }, 1000);\n  }\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      if (type === \"ydoc-sync\" && !connected) {\n        setConnected(true);\n        if (initRetryTimer) {\n          clearInterval(initRetryTimer);\n          initRetryTimer = null;\n        }\n      }\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 === \"undo-state\" && currentMxLike) {\n      // 从 Server 同步真实的 undo/redo 状态\n      const { undoStackSize, redoStackSize } = event.data;\n\n      const oldIndex = currentMxLike.indexOfNextAdd;\n      const newIndex = undoStackSize || 0;\n      const newTotal = (undoStackSize || 0) + (redoStackSize || 0);\n\n      // 直接根据 server 状态重建本地状态\n      applyingParentUpdate = true;\n\n      // 重建 history 数组匹配 server 的总大小\n      currentMxLike.history = new Array(newTotal).fill({});\n      currentMxLike.indexOfNextAdd = newIndex;\n\n      // 触发对应事件通知 UI 更新\n      if (newTotal === 0) {\n        currentMxLike.fireEvent(createMxEventObject(\"clear\"));\n      } else if (newIndex < oldIndex) {\n        currentMxLike.fireEvent(\n          createMxEventObject(\"undo\", { edit: { changes: [] } }),\n        );\n      } else if (newIndex > oldIndex) {\n        currentMxLike.fireEvent(\n          createMxEventObject(\"redo\", { edit: { changes: [] } }),\n        );\n      } else {\n        currentMxLike.fireEvent(\n          createMxEventObject(\"add\", { edit: { changes: [] } }),\n        );\n      }\n\n      applyingParentUpdate = false;\n    } else if (type === \"disconnect\") {\n      setConnected(false);\n      startInitRetry();\n    }\n  };\n\n  ydoc.on(\"update\", onYdocUpdate);\n  awareness.on(\"update\", onAwarenessUpdate);\n  window.addEventListener(\"message\", onMessage);\n\n  startInitRetry();\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    get connected() {\n      return connected;\n    },\n    onConnect(fn: () => void) {\n      connectListeners.add(fn);\n      return () => connectListeners.delete(fn);\n    },\n    onDisconnect(fn: () => void) {\n      disconnectListeners.add(fn);\n      return () => disconnectListeners.delete(fn);\n    },\n    on(event: \"connect\" | \"disconnect\", fn: () => void) {\n      if (event === \"connect\") {\n        connectListeners.add(fn);\n        return () => connectListeners.delete(fn);\n      } else {\n        disconnectListeners.add(fn);\n        return () => disconnectListeners.delete(fn);\n      }\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 (initRetryTimer) {\n        clearInterval(initRetryTimer);\n        initRetryTimer = null;\n      }\n      connectListeners.clear();\n      disconnectListeners.clear();\n      if (currentCleanup) {\n        currentCleanup();\n      }\n    },\n  };\n}\n"],"names":[],"mappings":"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"}

package/iframe-bridge/server.cjs

@@ -23,11 +23,26 @@ const IFRAME_ORIGIN = {};
 const BASELINE_ORIGIN = {};
 function createIframeBridgeServer(iframe, ydoc, awareness$1, options) {
   const { undoManager } = options != null ? options : {};
+  let connected = false;
   let applyingIframeUpdate = false;
+  const connectListeners = /* @__PURE__ */ new Set();
+  const disconnectListeners = /* @__PURE__ */ new Set();
+  function setConnected(value) {
+    if (connected === value) return;
+    connected = value;
+    if (value) {
+      connectListeners.forEach((fn) => fn());
+    } else {
+      disconnectListeners.forEach((fn) => fn());
+    }
+  }
   function postToIframe(type, payload) {
     const cw = iframe.contentWindow;
     if (cw) {
-      cw.postMessage({ type, payload: payload ? Array.from(payload) : [] }, "*");
+      cw.postMessage(
+        { type, payload: payload ? Array.from(payload) : [] },
+        "*"
+      );
     }
   }
   function postUndoStateToIframe() {
@@ -66,7 +81,16 @@ function createIframeBridgeServer(iframe, ydoc, awareness$1, options) {
     if (event.source !== iframe.contentWindow) return;
     const { type: msgType, payload } = event.data;
     if (msgType === "init") {
+      console.log(
+        `[iframe-bridge server] received init — connected=${connected}`
+      );
+      if (!connected) {
+        setConnected(true);
+      }
       const docState = Y__namespace.encodeStateAsUpdate(ydoc);
+      console.log(
+        `[iframe-bridge server] sending ydoc-sync — docState bytes=${docState.length}`
+      );
       const awarenessState = awareness.encodeAwarenessUpdate(
         awareness$1,
         Array.from(awareness$1.getStates().keys())
@@ -75,7 +99,11 @@ function createIframeBridgeServer(iframe, ydoc, awareness$1, options) {
       const cw = iframe.contentWindow;
       if (cw) {
         cw.postMessage(
-          { type: "awareness-sync", payload: Array.from(awarenessState), serverClientId: awareness$1.clientID },
+          {
+            type: "awareness-sync",
+            payload: Array.from(awarenessState),
+            serverClientId: awareness$1.clientID
+          },
           "*"
         );
       }
@@ -123,7 +151,29 @@ function createIframeBridgeServer(iframe, ydoc, awareness$1, options) {
     undoManager.on("stack-item-added", onStackItemAdded);
   }
   return {
+    get connected() {
+      return connected;
+    },
+    onConnect(fn) {
+      connectListeners.add(fn);
+      return () => connectListeners.delete(fn);
+    },
+    onDisconnect(fn) {
+      disconnectListeners.add(fn);
+      return () => disconnectListeners.delete(fn);
+    },
+    on(event, fn) {
+      if (event === "connect") {
+        connectListeners.add(fn);
+        return () => connectListeners.delete(fn);
+      } else {
+        disconnectListeners.add(fn);
+        return () => disconnectListeners.delete(fn);
+      }
+    },
     destroy: () => {
+      setConnected(false);
+      postToIframe("disconnect");
       ydoc.off("update", onYdocUpdate);
       awareness$1.off("update", onAwarenessUpdate);
       window.removeEventListener("message", onMessage);
@@ -132,6 +182,8 @@ function createIframeBridgeServer(iframe, ydoc, awareness$1, options) {
         undoManager.off("stack-cleared", onStackCleared);
         undoManager.off("stack-item-added", onStackItemAdded);
       }
+      connectListeners.clear();
+      disconnectListeners.clear();
     }
   };
 }

package/iframe-bridge/server.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"server.cjs","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: payload ? Array.from(payload) : [] }, \"*\");\n    }\n  }\n\n  function postUndoStateToIframe() {\n    if (!undoManager) return;\n    const undoStack = (undoManager as any).undoStack;\n    const redoStack = (undoManager as any).redoStack;\n    const cw = iframe.contentWindow;\n    if (cw) {\n      const state = {\n        type: \"undo-state\",\n        canUndo: undoManager.canUndo(),\n        canRedo: undoManager.canRedo(),\n        undoStackSize: undoStack?.length ?? 0,\n        redoStackSize: redoStack?.length ?? 0,\n      };\n      cw.postMessage(state, \"*\");\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      // 同步初始 undo 状态\n      postUndoStateToIframe();\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      postUndoStateToIframe();\n    } else if (msgType === \"redo\" && undoManager) {\n      undoManager.redo();\n      postUndoStateToIframe();\n    }\n  };\n\n  const onUndoPopped = () => {\n    postUndoStateToIframe();\n  };\n\n  const onStackCleared = () => {\n    postUndoStateToIframe();\n  };\n\n  const onStackItemAdded = () => {\n    postUndoStateToIframe();\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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"}
+{"version":3,"file":"server.cjs","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  connected: boolean;\n  onConnect: (fn: () => void) => () => void;\n  onDisconnect: (fn: () => void) => () => void;\n  on: (event: \"connect\" | \"disconnect\", fn: () => void) => () => void;\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 connected = false;\n  let applyingIframeUpdate = false;\n  const connectListeners = new Set<() => void>();\n  const disconnectListeners = new Set<() => void>();\n\n  function setConnected(value: boolean) {\n    if (connected === value) return;\n    connected = value;\n    if (value) {\n      connectListeners.forEach((fn) => fn());\n    } else {\n      disconnectListeners.forEach((fn) => fn());\n    }\n  }\n\n  function postToIframe(type: string, payload?: Uint8Array) {\n    const cw = iframe.contentWindow;\n    if (cw) {\n      cw.postMessage(\n        { type, payload: payload ? Array.from(payload) : [] },\n        \"*\",\n      );\n    }\n  }\n\n  function postUndoStateToIframe() {\n    if (!undoManager) return;\n    const undoStack = (undoManager as any).undoStack;\n    const redoStack = (undoManager as any).redoStack;\n    const cw = iframe.contentWindow;\n    if (cw) {\n      const state = {\n        type: \"undo-state\",\n        canUndo: undoManager.canUndo(),\n        canRedo: undoManager.canRedo(),\n        undoStackSize: undoStack?.length ?? 0,\n        redoStackSize: redoStack?.length ?? 0,\n      };\n      cw.postMessage(state, \"*\");\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      console.log(\n        `[iframe-bridge server] received init — connected=${connected}`,\n      );\n      if (!connected) {\n        setConnected(true);\n      }\n      const docState = Y.encodeStateAsUpdate(ydoc);\n      console.log(\n        `[iframe-bridge server] sending ydoc-sync — docState bytes=${docState.length}`,\n      );\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          {\n            type: \"awareness-sync\",\n            payload: Array.from(awarenessState),\n            serverClientId: awareness.clientID,\n          },\n          \"*\",\n        );\n      }\n      // 同步初始 undo 状态\n      postUndoStateToIframe();\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      postUndoStateToIframe();\n    } else if (msgType === \"redo\" && undoManager) {\n      undoManager.redo();\n      postUndoStateToIframe();\n    }\n  };\n\n  const onUndoPopped = () => {\n    postUndoStateToIframe();\n  };\n\n  const onStackCleared = () => {\n    postUndoStateToIframe();\n  };\n\n  const onStackItemAdded = () => {\n    postUndoStateToIframe();\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    get connected() {\n      return connected;\n    },\n    onConnect(fn: () => void) {\n      connectListeners.add(fn);\n      return () => connectListeners.delete(fn);\n    },\n    onDisconnect(fn: () => void) {\n      disconnectListeners.add(fn);\n      return () => disconnectListeners.delete(fn);\n    },\n    on(event: \"connect\" | \"disconnect\", fn: () => void) {\n      if (event === \"connect\") {\n        connectListeners.add(fn);\n        return () => connectListeners.delete(fn);\n      } else {\n        disconnectListeners.add(fn);\n        return () => disconnectListeners.delete(fn);\n      }\n    },\n    destroy: () => {\n      setConnected(false);\n      postToIframe(\"disconnect\");\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      connectListeners.clear();\n      disconnectListeners.clear();\n    },\n  };\n}\n"],"names":["awareness","encodeAwarenessUpdate","Y","applyAwarenessUpdate"],"mappings":"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"}

package/iframe-bridge/server.js

@@ -4,11 +4,26 @@ const IFRAME_ORIGIN = {};
 const BASELINE_ORIGIN = {};
 function createIframeBridgeServer(iframe, ydoc, awareness, options) {
   const { undoManager } = options != null ? options : {};
+  let connected = false;
   let applyingIframeUpdate = false;
+  const connectListeners = /* @__PURE__ */ new Set();
+  const disconnectListeners = /* @__PURE__ */ new Set();
+  function setConnected(value) {
+    if (connected === value) return;
+    connected = value;
+    if (value) {
+      connectListeners.forEach((fn) => fn());
+    } else {
+      disconnectListeners.forEach((fn) => fn());
+    }
+  }
   function postToIframe(type, payload) {
     const cw = iframe.contentWindow;
     if (cw) {
-      cw.postMessage({ type, payload: payload ? Array.from(payload) : [] }, "*");
+      cw.postMessage(
+        { type, payload: payload ? Array.from(payload) : [] },
+        "*"
+      );
     }
   }
   function postUndoStateToIframe() {
@@ -47,7 +62,16 @@ function createIframeBridgeServer(iframe, ydoc, awareness, options) {
     if (event.source !== iframe.contentWindow) return;
     const { type: msgType, payload } = event.data;
     if (msgType === "init") {
+      console.log(
+        `[iframe-bridge server] received init — connected=${connected}`
+      );
+      if (!connected) {
+        setConnected(true);
+      }
       const docState = Y.encodeStateAsUpdate(ydoc);
+      console.log(
+        `[iframe-bridge server] sending ydoc-sync — docState bytes=${docState.length}`
+      );
       const awarenessState = encodeAwarenessUpdate(
         awareness,
         Array.from(awareness.getStates().keys())
@@ -56,7 +80,11 @@ function createIframeBridgeServer(iframe, ydoc, awareness, options) {
       const cw = iframe.contentWindow;
       if (cw) {
         cw.postMessage(
-          { type: "awareness-sync", payload: Array.from(awarenessState), serverClientId: awareness.clientID },
+          {
+            type: "awareness-sync",
+            payload: Array.from(awarenessState),
+            serverClientId: awareness.clientID
+          },
           "*"
         );
       }
@@ -104,7 +132,29 @@ function createIframeBridgeServer(iframe, ydoc, awareness, options) {
     undoManager.on("stack-item-added", onStackItemAdded);
   }
   return {
+    get connected() {
+      return connected;
+    },
+    onConnect(fn) {
+      connectListeners.add(fn);
+      return () => connectListeners.delete(fn);
+    },
+    onDisconnect(fn) {
+      disconnectListeners.add(fn);
+      return () => disconnectListeners.delete(fn);
+    },
+    on(event, fn) {
+      if (event === "connect") {
+        connectListeners.add(fn);
+        return () => connectListeners.delete(fn);
+      } else {
+        disconnectListeners.add(fn);
+        return () => disconnectListeners.delete(fn);
+      }
+    },
     destroy: () => {
+      setConnected(false);
+      postToIframe("disconnect");
       ydoc.off("update", onYdocUpdate);
       awareness.off("update", onAwarenessUpdate);
       window.removeEventListener("message", onMessage);
@@ -113,6 +163,8 @@ function createIframeBridgeServer(iframe, ydoc, awareness, options) {
         undoManager.off("stack-cleared", onStackCleared);
         undoManager.off("stack-item-added", onStackItemAdded);
       }
+      connectListeners.clear();
+      disconnectListeners.clear();
     }
   };
 }