y-mxgraph 0.3.2 → 0.4.1

package/README.md

@@ -120,20 +120,45 @@ pnpm --filter @y-mxgraph/ws-demo dev     # Start client on port 5174
 
 ```ts
 // Server (parent page)
+import * as Y from 'yjs';
+import { WebrtcProvider } from 'y-webrtc';
+import { LOCAL_ORIGIN } from 'y-mxgraph';
+import { IFRAME_ORIGIN } from 'y-mxgraph/iframe-bridge';
 import { createIframeBridgeServer } from 'y-mxgraph/iframe-bridge/server';
 
 const doc = new Y.Doc();
 const provider = new WebrtcProvider(roomName, doc, { signaling });
-const bridge = createIframeBridgeServer(doc, provider.awareness);
+const awareness = provider.awareness;
+
+// Optional: enable cross-iframe undo/redo
+const undoManager = new Y.UndoManager(doc, {
+  trackedOrigins: new Set([LOCAL_ORIGIN, IFRAME_ORIGIN]),
+});
+
+const bridge = createIframeBridgeServer(doc, awareness, { undoManager });
 bridge.addIframe(iframeElement, 'child-1');
 
+// Undo/redo from parent page
+document.getElementById('undo-btn')!.onclick = () => {
+  if (undoManager.canUndo()) undoManager.undo();
+};
+
 // Provider (iframe child)
+import * as Y from 'yjs';
+import { Awareness } from 'y-protocols/awareness';
+import { Binding } from 'y-mxgraph';
 import { createIframeBridgeProvider } from 'y-mxgraph/iframe-bridge/provider';
 
 const doc = new Y.Doc();
 const awareness = new Awareness(doc);
 const bridge = createIframeBridgeProvider(doc, awareness);
-// awareness states are automatically synced with the server
+
+App.main((app) => {
+  const file = app.currentFile;
+  const binding = new Binding(file, { doc, awareness });
+  // Takeover draw.io's undo manager to route through Server
+  bridge.takeoverUndoManager(file);
+});
 ```
 
 See [iframe Bridge documentation](https://mizuka-wu.github.io/y-mxgraph/en/guide/iframe-bridge) for details.

package/README.zh-CN.md

@@ -82,20 +82,45 @@ App.main((app) => {
 
 ```ts
 // Server（父页面）
+import * as Y from 'yjs';
+import { WebrtcProvider } from 'y-webrtc';
+import { LOCAL_ORIGIN } from 'y-mxgraph';
+import { IFRAME_ORIGIN } from 'y-mxgraph/iframe-bridge';
 import { createIframeBridgeServer } from 'y-mxgraph/iframe-bridge/server';
 
 const doc = new Y.Doc();
 const provider = new WebrtcProvider(roomName, doc, { signaling });
-const bridge = createIframeBridgeServer(doc, provider.awareness);
+const awareness = provider.awareness;
+
+// 可选：启用跨 iframe 撤销/重做
+const undoManager = new Y.UndoManager(doc, {
+  trackedOrigins: new Set([LOCAL_ORIGIN, IFRAME_ORIGIN]),
+});
+
+const bridge = createIframeBridgeServer(doc, awareness, { undoManager });
 bridge.addIframe(iframeElement, 'child-1');
 
+// 从父页面执行撤销/重做
+document.getElementById('undo-btn')!.onclick = () => {
+  if (undoManager.canUndo()) undoManager.undo();
+};
+
 // Provider（iframe 子页面）
+import * as Y from 'yjs';
+import { Awareness } from 'y-protocols/awareness';
+import { Binding } from 'y-mxgraph';
 import { createIframeBridgeProvider } from 'y-mxgraph/iframe-bridge/provider';
 
 const doc = new Y.Doc();
 const awareness = new Awareness(doc);
 const bridge = createIframeBridgeProvider(doc, awareness);
-// awareness 状态自动与 server 同步
+
+App.main((app) => {
+  const file = app.currentFile;
+  const binding = new Binding(file, { doc, awareness });
+  // 接管 draw.io 的 undo manager，使其通过 Server 执行
+  bridge.takeoverUndoManager(file);
+});
 ```
 
 详见 [iframe Bridge 文档](https://mizuka-wu.github.io/y-mxgraph/guide/iframe-bridge)。

package/binding/index.d.ts

@@ -11,7 +11,13 @@ export type InitialContentStrategy = "replace" | "merge-remote" | "merge-client"
 export interface BindDrawioFileOptions {
     doc: Y.Doc;
     awareness?: Awareness;
-    undoManager?: Y.UndoManager;
+    /**
+     * UndoManager 实例，用于支持 undo/redo。
+     * - 传入 Y.UndoManager 实例：绑定到 draw.io 的 undoManager
+     * - 传入 false：跳过绑定（用于 iframe-bridge 等外部接管场景）
+     * - 不传或 undefined：不绑定 undoManager
+     */
+    undoManager?: Y.UndoManager | false;
     mouseMoveThrottle?: number;
     cursor?: boolean | {
         userNameKey?: string;
@@ -55,6 +61,8 @@ export interface BindDrawioFileOptions {
 export declare class Binding {
     /** Y.Doc 实例，用于协同数据存储 */
     readonly doc: Y.Doc;
+    /** draw.io file 实例 */
+    readonly file: DrawioFile;
     /** mxGraph 的数据模型，用于监听本地变更 */
     private mxGraphModel;
     /** 本地变更抑制标志，防止循环同步 */

package/binding/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/binding/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AACzB,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAiBvD,OAAO,KAAK,EAAE,UAAU,EAA0B,MAAM,iBAAiB,CAAC;AAE1E;;;;;GAKG;AACH,MAAM,MAAM,sBAAsB,GAC9B,SAAS,GACT,cAAc,GACd,cAAc,CAAC;AAEnB,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC;IACX,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EACH,OAAO,GACP;QACE,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;IACN;;OAEG;IACH,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD;;;;;;;;;;OAUG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AA0KD;;;;;;;GAOG;AACH,qBAAa,OAAO;IAClB,wBAAwB;IACxB,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC;IACpB,6BAA6B;IAC7B,OAAO,CAAC,YAAY,CAAe;IACnC,sBAAsB;IACtB,OAAO,CAAC,kBAAkB,CAAS;IACnC,4BAA4B;IAC5B,OAAO,CAAC,cAAc,CAAS;IAC/B,2BAA2B;IAC3B,OAAO,CAAC,UAAU,CAAa;IAC/B,oBAAoB;IACpB,OAAO,CAAC,WAAW,CAKT;IACV,gCAAgC;IAChC,OAAO,CAAC,mBAAmB,CAAC,CAAa;IACzC,yBAAyB;IACzB,OAAO,CAAC,kBAAkB,CAAC,CAAa;IACxC,aAAa;IACb,OAAO,CAAC,sBAAsB,CAAyB;IACvD,0CAA0C;IAC1C,OAAO,CAAC,EAAE,CAAyB;IAEnC,+CAA+C;IAC/C,OAAO,KAAK,2BAA2B,GAEtC;gBAEW,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,qBAAqB;IAoJ5D;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAOzB;;;OAGG;IACH,OAAO,CAAC,IAAI,UAAQ,GAAG,IAAI;IAS3B;;;;;;;;;;;;;;OAcG;IACH,MAAM,CAAC,oBAAoB,CAAC,SAAS,SAAc,GAAG,MAAM;IAa5D;;;OAGG;IACH,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,qBAAqB,GAAG,OAAO;CAGzE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/binding/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AACzB,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAiBvD,OAAO,KAAK,EAAE,UAAU,EAA0B,MAAM,iBAAiB,CAAC;AAE1E;;;;;GAKG;AACH,MAAM,MAAM,sBAAsB,GAC9B,SAAS,GACT,cAAc,GACd,cAAc,CAAC;AAEnB,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC;IACX,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,WAAW,GAAG,KAAK,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EACH,OAAO,GACP;QACE,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;IACN;;OAEG;IACH,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD;;;;;;;;;;OAUG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AA0KD;;;;;;;GAOG;AACH,qBAAa,OAAO;IAClB,wBAAwB;IACxB,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC;IACpB,sBAAsB;IACtB,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,6BAA6B;IAC7B,OAAO,CAAC,YAAY,CAAe;IACnC,sBAAsB;IACtB,OAAO,CAAC,kBAAkB,CAAS;IACnC,4BAA4B;IAC5B,OAAO,CAAC,cAAc,CAAS;IAC/B,2BAA2B;IAC3B,OAAO,CAAC,UAAU,CAAa;IAC/B,oBAAoB;IACpB,OAAO,CAAC,WAAW,CAKT;IACV,gCAAgC;IAChC,OAAO,CAAC,mBAAmB,CAAC,CAAa;IACzC,yBAAyB;IACzB,OAAO,CAAC,kBAAkB,CAAC,CAAa;IACxC,aAAa;IACb,OAAO,CAAC,sBAAsB,CAAyB;IACvD,0CAA0C;IAC1C,OAAO,CAAC,EAAE,CAAyB;IAEnC,+CAA+C;IAC/C,OAAO,KAAK,2BAA2B,GAEtC;gBAEW,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,qBAAqB;IAqJ5D;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAOzB;;;OAGG;IACH,OAAO,CAAC,IAAI,UAAQ,GAAG,IAAI;IAS3B;;;;;;;;;;;;;;OAcG;IACH,MAAM,CAAC,oBAAoB,CAAC,SAAS,SAAc,GAAG,MAAM;IAa5D;;;OAGG;IACH,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,qBAAqB,GAAG,OAAO;CAGzE"}

package/iframe-bridge/index.d.ts

@@ -0,0 +1,2 @@
+export { IFRAME_ORIGIN } from "@y-mxgraph/iframe-bridge";
+//# sourceMappingURL=index.d.ts.map

package/iframe-bridge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/iframe-bridge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC"}

package/iframe-bridge/provider.cjs.js

@@ -19,6 +19,14 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const Y__namespace = /* @__PURE__ */ _interopNamespaceDefault(Y);
+function createMxEventObject(name, props) {
+  const _props = props || {};
+  return {
+    name,
+    getName: () => name,
+    getProperty: (k) => _props[k]
+  };
+}
 function readVarUint(data, pos) {
   let result = 0;
   let shift = 0;
@@ -71,8 +79,21 @@ function remapClientIdInUpdate(update, fromId, toId) {
 function createIframeBridgeProvider(ydoc, awareness$1) {
   let applyingParentUpdate = false;
   let serverClientId = null;
+  let currentCleanup = null;
+  let currentMxLike = null;
   const onYdocUpdate = (update) => {
     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: [] } }));
+    }
     window.parent.postMessage(
       { type: "ydoc-update", payload: Array.from(update) },
       "*"
@@ -113,6 +134,22 @@ function createIframeBridgeProvider(ydoc, awareness$1) {
       applyingParentUpdate = true;
       awareness.applyAwarenessUpdate(awareness$1, remapped, null);
       applyingParentUpdate = false;
+    } else if (type === "undo" && currentMxLike) {
+      applyingParentUpdate = true;
+      if (currentMxLike.indexOfNextAdd > 0) currentMxLike.indexOfNextAdd--;
+      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: [] } }));
+      applyingParentUpdate = false;
+    } else if (type === "clear" && currentMxLike) {
+      applyingParentUpdate = true;
+      currentMxLike.history = [];
+      currentMxLike.indexOfNextAdd = 0;
+      currentMxLike.fireEvent(createMxEventObject("clear"));
+      applyingParentUpdate = false;
     }
   };
   ydoc.on("update", onYdocUpdate);
@@ -123,10 +160,85 @@ function createIframeBridgeProvider(ydoc, awareness$1) {
     get serverClientId() {
       return serverClientId;
     },
-    dispose: () => {
+    takeoverUndoManager(file) {
+      if (currentCleanup) {
+        currentCleanup();
+      }
+      const editor = file.getUi().editor;
+      const originUndoManager = editor.undoManager;
+      const pairs = [];
+      const raw = Array.isArray(originUndoManager == null ? void 0 : originUndoManager.eventListeners) ? originUndoManager.eventListeners : [];
+      for (let i = 0; i + 1 < raw.length; i += 2) {
+        const key = String(raw[i]);
+        const fn = raw[i + 1];
+        pairs.push([key, fn]);
+      }
+      const mxLike = {
+        eventListeners: [],
+        history: [],
+        indexOfNextAdd: 0,
+        addListener(name, fn) {
+          this.eventListeners.push(name, fn);
+        },
+        fireEvent(evt) {
+          var _a;
+          const eventName = (evt == null ? void 0 : evt.name) || (((_a = evt == null ? void 0 : evt.getName) == null ? void 0 : _a.call(evt)) ?? "");
+          for (let i = 0; i + 1 < this.eventListeners.length; i += 2) {
+            const key = this.eventListeners[i];
+            const listener = this.eventListeners[i + 1];
+            if (key === eventName) {
+              try {
+                listener(this, evt);
+              } catch (e) {
+                console.warn("[iframe-bridge] undoManager event listener error:", e);
+              }
+            }
+          }
+        },
+        canUndo() {
+          return this.indexOfNextAdd > 0;
+        },
+        canRedo() {
+          return this.indexOfNextAdd < this.history.length;
+        },
+        undo() {
+          if (!applyingParentUpdate) {
+            window.parent.postMessage({ type: "undo" }, "*");
+          }
+        },
+        redo() {
+          if (!applyingParentUpdate) {
+            window.parent.postMessage({ type: "redo" }, "*");
+          }
+        },
+        undoableEditHappened() {
+        }
+      };
+      pairs.forEach(([key, fn]) => {
+        const k = key.toLowerCase();
+        if (k === "add" || k === "clear" || k === "undo" || k === "redo") {
+          mxLike.addListener(k, fn);
+        }
+      });
+      currentMxLike = mxLike;
+      editor.undoManager = mxLike;
+      editor.undoListener = function() {
+      };
+      const cleanup = () => {
+        editor.undoManager = originUndoManager;
+        editor.undoListener = originUndoManager == null ? void 0 : originUndoManager.undoListener;
+        currentMxLike = null;
+      };
+      currentCleanup = cleanup;
+      return cleanup;
+    },
+    destroy: () => {
       ydoc.off("update", onYdocUpdate);
       awareness$1.off("update", onAwarenessUpdate);
       window.removeEventListener("message", onMessage);
+      if (currentCleanup) {
+        currentCleanup();
+      }
     }
   };
 }

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\nexport interface IframeBridgeProvider {\n  serverClientId: number | null;\n  dispose: () => 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\n  const onYdocUpdate = (update: Uint8Array) => {\n    if (applyingParentUpdate) return;\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    }\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    dispose: () => {\n      ydoc.off(\"update\", onYdocUpdate);\n      awareness.off(\"update\", onAwarenessUpdate);\n      window.removeEventListener(\"message\", onMessage);\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) => {\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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"}

package/iframe-bridge/provider.es.js

@@ -1,5 +1,13 @@
 import * as Y from "yjs";
 import { encodeAwarenessUpdate, applyAwarenessUpdate } from "y-protocols/awareness";
+function createMxEventObject(name, props) {
+  const _props = props || {};
+  return {
+    name,
+    getName: () => name,
+    getProperty: (k) => _props[k]
+  };
+}
 function readVarUint(data, pos) {
   let result = 0;
   let shift = 0;
@@ -52,8 +60,21 @@ function remapClientIdInUpdate(update, fromId, toId) {
 function createIframeBridgeProvider(ydoc, awareness) {
   let applyingParentUpdate = false;
   let serverClientId = null;
+  let currentCleanup = null;
+  let currentMxLike = null;
   const onYdocUpdate = (update) => {
     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: [] } }));
+    }
     window.parent.postMessage(
       { type: "ydoc-update", payload: Array.from(update) },
       "*"
@@ -94,6 +115,22 @@ function createIframeBridgeProvider(ydoc, awareness) {
       applyingParentUpdate = true;
       applyAwarenessUpdate(awareness, remapped, null);
       applyingParentUpdate = false;
+    } else if (type === "undo" && currentMxLike) {
+      applyingParentUpdate = true;
+      if (currentMxLike.indexOfNextAdd > 0) currentMxLike.indexOfNextAdd--;
+      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: [] } }));
+      applyingParentUpdate = false;
+    } else if (type === "clear" && currentMxLike) {
+      applyingParentUpdate = true;
+      currentMxLike.history = [];
+      currentMxLike.indexOfNextAdd = 0;
+      currentMxLike.fireEvent(createMxEventObject("clear"));
+      applyingParentUpdate = false;
     }
   };
   ydoc.on("update", onYdocUpdate);
@@ -104,10 +141,85 @@ function createIframeBridgeProvider(ydoc, awareness) {
     get serverClientId() {
       return serverClientId;
     },
-    dispose: () => {
+    takeoverUndoManager(file) {
+      if (currentCleanup) {
+        currentCleanup();
+      }
+      const editor = file.getUi().editor;
+      const originUndoManager = editor.undoManager;
+      const pairs = [];
+      const raw = Array.isArray(originUndoManager == null ? void 0 : originUndoManager.eventListeners) ? originUndoManager.eventListeners : [];
+      for (let i = 0; i + 1 < raw.length; i += 2) {
+        const key = String(raw[i]);
+        const fn = raw[i + 1];
+        pairs.push([key, fn]);
+      }
+      const mxLike = {
+        eventListeners: [],
+        history: [],
+        indexOfNextAdd: 0,
+        addListener(name, fn) {
+          this.eventListeners.push(name, fn);
+        },
+        fireEvent(evt) {
+          var _a;
+          const eventName = (evt == null ? void 0 : evt.name) || (((_a = evt == null ? void 0 : evt.getName) == null ? void 0 : _a.call(evt)) ?? "");
+          for (let i = 0; i + 1 < this.eventListeners.length; i += 2) {
+            const key = this.eventListeners[i];
+            const listener = this.eventListeners[i + 1];
+            if (key === eventName) {
+              try {
+                listener(this, evt);
+              } catch (e) {
+                console.warn("[iframe-bridge] undoManager event listener error:", e);
+              }
+            }
+          }
+        },
+        canUndo() {
+          return this.indexOfNextAdd > 0;
+        },
+        canRedo() {
+          return this.indexOfNextAdd < this.history.length;
+        },
+        undo() {
+          if (!applyingParentUpdate) {
+            window.parent.postMessage({ type: "undo" }, "*");
+          }
+        },
+        redo() {
+          if (!applyingParentUpdate) {
+            window.parent.postMessage({ type: "redo" }, "*");
+          }
+        },
+        undoableEditHappened() {
+        }
+      };
+      pairs.forEach(([key, fn]) => {
+        const k = key.toLowerCase();
+        if (k === "add" || k === "clear" || k === "undo" || k === "redo") {
+          mxLike.addListener(k, fn);
+        }
+      });
+      currentMxLike = mxLike;
+      editor.undoManager = mxLike;
+      editor.undoListener = function() {
+      };
+      const cleanup = () => {
+        editor.undoManager = originUndoManager;
+        editor.undoListener = originUndoManager == null ? void 0 : originUndoManager.undoListener;
+        currentMxLike = null;
+      };
+      currentCleanup = cleanup;
+      return cleanup;
+    },
+    destroy: () => {
       ydoc.off("update", onYdocUpdate);
       awareness.off("update", onAwarenessUpdate);
       window.removeEventListener("message", onMessage);
+      if (currentCleanup) {
+        currentCleanup();
+      }
     }
   };
 }

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\nexport interface IframeBridgeProvider {\n  serverClientId: number | null;\n  dispose: () => 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\n  const onYdocUpdate = (update: Uint8Array) => {\n    if (applyingParentUpdate) return;\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    }\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    dispose: () => {\n      ydoc.off(\"update\", onYdocUpdate);\n      awareness.off(\"update\", onAwarenessUpdate);\n      window.removeEventListener(\"message\", onMessage);\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) => {\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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"}

package/iframe-bridge/server.cjs.js

@@ -19,10 +19,13 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const Y__namespace = /* @__PURE__ */ _interopNamespaceDefault(Y);
-function createIframeBridgeServer(ydoc, awareness$1) {
+const IFRAME_ORIGIN = {};
+function createIframeBridgeServer(ydoc, awareness$1, options) {
+  const { undoManager } = options ?? {};
   const iframes = /* @__PURE__ */ new Map();
   const iframeReady = /* @__PURE__ */ new Set();
-  const onYdocUpdate = (update) => {
+  const onYdocUpdate = (update, origin) => {
+    if (origin === IFRAME_ORIGIN) return;
     broadcastToAll("ydoc-update", update);
   };
   const onAwarenessUpdate = ({
@@ -35,9 +38,9 @@ function createIframeBridgeServer(ydoc, awareness$1) {
     const update = awareness.encodeAwarenessUpdate(awareness$1, changes);
     broadcastToAll("awareness-update", update);
   };
-  function broadcastToAll(type, payload) {
+  function broadcastToAll(type, payload, excludeSource) {
     for (const iframe of iframes.values()) {
-      if (iframe.contentWindow) {
+      if (iframe.contentWindow && iframe.contentWindow !== excludeSource) {
         iframe.contentWindow.postMessage({ type, payload }, "*");
       }
     }
@@ -80,9 +83,15 @@ function createIframeBridgeServer(ydoc, awareness$1) {
         "*"
       );
     } else if (msgType === "ydoc-update") {
-      Y__namespace.applyUpdate(ydoc, new Uint8Array(payload));
+      const update = new Uint8Array(payload);
+      Y__namespace.applyUpdate(ydoc, update, IFRAME_ORIGIN);
+      broadcastToAll("ydoc-update", update, sourceWindow);
     } else if (msgType === "awareness-update") {
       awareness.applyAwarenessUpdate(awareness$1, new Uint8Array(payload), null);
+    } else if (msgType === "undo" && undoManager) {
+      undoManager.undo();
+    } else if (msgType === "redo" && undoManager) {
+      undoManager.redo();
     }
   };
   function addIframe(iframe, iframeId) {
@@ -92,16 +101,35 @@ function createIframeBridgeServer(ydoc, awareness$1) {
     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());
+    } else if (t === "redo") {
+      broadcastToAll("redo", new Uint8Array());
+    }
+  };
+  const onStackCleared = () => {
+    broadcastToAll("clear", new Uint8Array());
+  };
   ydoc.on("update", onYdocUpdate);
   awareness$1.on("update", onAwarenessUpdate);
   window.addEventListener("message", onMessage);
+  if (undoManager) {
+    undoManager.on("stack-item-popped", onUndoPopped);
+    undoManager.on("stack-cleared", onStackCleared);
+  }
   return {
     addIframe,
     removeIframe,
-    dispose: () => {
+    destroy: () => {
       ydoc.off("update", onYdocUpdate);
       awareness$1.off("update", onAwarenessUpdate);
       window.removeEventListener("message", onMessage);
+      if (undoManager) {
+        undoManager.off("stack-item-popped", onUndoPopped);
+        undoManager.off("stack-cleared", onStackCleared);
+      }
       iframes.clear();
       iframeReady.clear();
     }