y-mxgraph 0.3.1 → 0.4.0

package/iframe-bridge/server.cjs.js

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Y = require("yjs");
+const awareness = require("y-protocols/awareness");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const Y__namespace = /* @__PURE__ */ _interopNamespaceDefault(Y);
+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, origin) => {
+    if (origin === IFRAME_ORIGIN) return;
+    broadcastToAll("ydoc-update", update);
+  };
+  const onAwarenessUpdate = ({
+    added,
+    updated,
+    removed
+  }) => {
+    const changes = [...added, ...updated, ...removed];
+    if (changes.length === 0) return;
+    const update = awareness.encodeAwarenessUpdate(awareness$1, changes);
+    broadcastToAll("awareness-update", update);
+  };
+  function broadcastToAll(type, payload, excludeSource) {
+    for (const iframe of iframes.values()) {
+      if (iframe.contentWindow && iframe.contentWindow !== excludeSource) {
+        iframe.contentWindow.postMessage({ type, payload }, "*");
+      }
+    }
+  }
+  const onMessage = (event) => {
+    let iframeId = null;
+    for (const [id, iframe] of iframes) {
+      if (event.source === iframe.contentWindow) {
+        iframeId = id;
+        break;
+      }
+    }
+    if (!iframeId) return;
+    const { type: msgType, payload } = event.data;
+    const sourceWindow = event.source;
+    if (msgType === "init") {
+      if (!iframeReady.has(iframeId)) {
+        iframeReady.add(iframeId);
+      }
+      const docState = Y__namespace.encodeStateAsUpdate(ydoc);
+      const awarenessState = awareness.encodeAwarenessUpdate(
+        awareness$1,
+        Array.from(awareness$1.getStates().keys())
+      );
+      sourceWindow.postMessage(
+        { type: "ydoc-sync", payload: Array.from(docState) },
+        "*"
+      );
+      sourceWindow.postMessage(
+        {
+          type: "awareness-sync",
+          payload: Array.from(awarenessState),
+          serverClientId: awareness$1.clientID
+        },
+        "*"
+      );
+    } else if (msgType === "ping") {
+      sourceWindow.postMessage(
+        { type: "pong", serverClientId: awareness$1.clientID },
+        "*"
+      );
+    } else if (msgType === "ydoc-update") {
+      const update = new Uint8Array(payload);
+      Y__namespace.applyUpdate(ydoc, update, IFRAME_ORIGIN);
+      broadcastToAll("ydoc-update", update, sourceWindow);
+    } 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) {
+    iframes.set(iframeId, iframe);
+  }
+  function removeIframe(iframeId) {
+    iframes.delete(iframeId);
+    iframeReady.delete(iframeId);
+  }
+  const onUndoPopped = (e) => {
+    const t = e && (e.type || e.reason || e.kind);
+    if (t === "undo") {
+      broadcastToAll("undo", new Uint8Array());
+    } 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,
+    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();
+    }
+  };
+}
+exports.createIframeBridgeServer = createIframeBridgeServer;
+//# sourceMappingURL=server.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"server.cjs.js","sources":["../../../iframe-bridge/src/origin.ts","../../../iframe-bridge/src/server.ts"],"sourcesContent":["/**\n * iframe bridge 内部变更的 origin 标识。\n * 当 provider 端产生 ydoc-update 时，使用此 origin 标记，\n * 以便 server 端的 UndoManager 能正确追踪来自 iframe 的变更。\n */\nexport const IFRAME_ORIGIN: object = {};\n","import * as Y from \"yjs\";\nimport {\n  Awareness,\n  applyAwarenessUpdate,\n  encodeAwarenessUpdate,\n} from \"y-protocols/awareness\";\nimport { IFRAME_ORIGIN } from \"./origin.js\";\n\nexport interface IframeBridgeServerOptions {\n  undoManager?: Y.UndoManager;\n}\n\nexport interface IframeBridgeServer {\n  addIframe: (iframe: HTMLIFrameElement, iframeId: string) => void;\n  removeIframe: (iframeId: string) => void;\n  destroy: () => void;\n}\n\nexport function createIframeBridgeServer(\n  ydoc: Y.Doc,\n  awareness: Awareness,\n  options?: IframeBridgeServerOptions,\n): IframeBridgeServer {\n  const { undoManager } = options ?? {};\n  const iframes = new Map<string, HTMLIFrameElement>();\n  const iframeReady = new Set<string>();\n\n  const onYdocUpdate = (update: Uint8Array, origin: unknown) => {\n    if (origin === IFRAME_ORIGIN) return;\n    broadcastToAll(\"ydoc-update\", update);\n  };\n\n  const onAwarenessUpdate = ({\n    added,\n    updated,\n    removed,\n  }: {\n    added: number[];\n    updated: number[];\n    removed: number[];\n  }) => {\n    const changes = [...added, ...updated, ...removed];\n    if (changes.length === 0) return;\n    const update = encodeAwarenessUpdate(awareness, changes);\n    broadcastToAll(\"awareness-update\", update);\n  };\n\n  function broadcastToAll(type: string, payload: Uint8Array, excludeSource?: Window) {\n    for (const iframe of iframes.values()) {\n      if (iframe.contentWindow && iframe.contentWindow !== excludeSource) {\n        iframe.contentWindow.postMessage({ type, payload }, \"*\");\n      }\n    }\n  }\n\n  const onMessage = (event: MessageEvent) => {\n    let iframeId: string | null = null;\n    for (const [id, iframe] of iframes) {\n      if (event.source === iframe.contentWindow) {\n        iframeId = id;\n        break;\n      }\n    }\n    if (!iframeId) return;\n\n    const { type: msgType, payload } = event.data;\n    const sourceWindow = event.source as Window;\n\n    if (msgType === \"init\") {\n      if (!iframeReady.has(iframeId)) {\n        iframeReady.add(iframeId);\n      }\n      const docState = Y.encodeStateAsUpdate(ydoc);\n      const awarenessState = encodeAwarenessUpdate(\n        awareness,\n        Array.from(awareness.getStates().keys()),\n      );\n      sourceWindow.postMessage(\n        { type: \"ydoc-sync\", payload: Array.from(docState) },\n        \"*\",\n      );\n      sourceWindow.postMessage(\n        {\n          type: \"awareness-sync\",\n          payload: Array.from(awarenessState),\n          serverClientId: awareness.clientID,\n        },\n        \"*\",\n      );\n    } else if (msgType === \"ping\") {\n      sourceWindow.postMessage(\n        { type: \"pong\", serverClientId: awareness.clientID },\n        \"*\",\n      );\n    } else if (msgType === \"ydoc-update\") {\n      const update = new Uint8Array(payload);\n      Y.applyUpdate(ydoc, update, IFRAME_ORIGIN);\n      broadcastToAll(\"ydoc-update\", update, sourceWindow);\n    } else if (msgType === \"awareness-update\") {\n      applyAwarenessUpdate(awareness, new Uint8Array(payload), null);\n    } else if (msgType === \"undo\" && undoManager) {\n      undoManager.undo();\n    } else if (msgType === \"redo\" && undoManager) {\n      undoManager.redo();\n    }\n  };\n\n  function addIframe(iframe: HTMLIFrameElement, iframeId: string) {\n    iframes.set(iframeId, iframe);\n  }\n\n  function removeIframe(iframeId: string) {\n    iframes.delete(iframeId);\n    iframeReady.delete(iframeId);\n  }\n\n  const onUndoPopped = (e: { type?: string; reason?: string; kind?: string }) => {\n    const t = e && (e.type || e.reason || e.kind);\n    if (t === \"undo\") {\n      broadcastToAll(\"undo\", new Uint8Array());\n    } else if (t === \"redo\") {\n      broadcastToAll(\"redo\", new Uint8Array());\n    }\n  };\n\n  const onStackCleared = () => {\n    broadcastToAll(\"clear\", new Uint8Array());\n  };\n\n  ydoc.on(\"update\", onYdocUpdate);\n  awareness.on(\"update\", onAwarenessUpdate);\n  window.addEventListener(\"message\", onMessage);\n  if (undoManager) {\n    undoManager.on(\"stack-item-popped\", onUndoPopped);\n    undoManager.on(\"stack-cleared\", onStackCleared);\n  }\n\n  return {\n    addIframe,\n    removeIframe,\n    destroy: () => {\n      ydoc.off(\"update\", onYdocUpdate);\n      awareness.off(\"update\", onAwarenessUpdate);\n      window.removeEventListener(\"message\", onMessage);\n      if (undoManager) {\n        undoManager.off(\"stack-item-popped\", onUndoPopped);\n        undoManager.off(\"stack-cleared\", onStackCleared);\n      }\n      iframes.clear();\n      iframeReady.clear();\n    },\n  };\n}\n"],"names":["awareness","encodeAwarenessUpdate","Y","applyAwarenessUpdate"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKO,MAAM,gBAAwB,CAAA;ACa9B,SAAS,yBACd,MACAA,aACA,SACoB;AACpB,QAAM,EAAE,gBAAgB,WAAW,CAAA;AACnC,QAAM,8BAAc,IAAA;AACpB,QAAM,kCAAkB,IAAA;AAExB,QAAM,eAAe,CAAC,QAAoB,WAAoB;AAC5D,QAAI,WAAW,cAAe;AAC9B,mBAAe,eAAe,MAAM;AAAA,EACtC;AAEA,QAAM,oBAAoB,CAAC;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,EAAA,MAKI;AACJ,UAAM,UAAU,CAAC,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO;AACjD,QAAI,QAAQ,WAAW,EAAG;AAC1B,UAAM,SAASC,UAAAA,sBAAsBD,aAAW,OAAO;AACvD,mBAAe,oBAAoB,MAAM;AAAA,EAC3C;AAEA,WAAS,eAAe,MAAc,SAAqB,eAAwB;AACjF,eAAW,UAAU,QAAQ,UAAU;AACrC,UAAI,OAAO,iBAAiB,OAAO,kBAAkB,eAAe;AAClE,eAAO,cAAc,YAAY,EAAE,MAAM,QAAA,GAAW,GAAG;AAAA,MACzD;AAAA,IACF;AAAA,EACF;AAEA,QAAM,YAAY,CAAC,UAAwB;AACzC,QAAI,WAA0B;AAC9B,eAAW,CAAC,IAAI,MAAM,KAAK,SAAS;AAClC,UAAI,MAAM,WAAW,OAAO,eAAe;AACzC,mBAAW;AACX;AAAA,MACF;AAAA,IACF;AACA,QAAI,CAAC,SAAU;AAEf,UAAM,EAAE,MAAM,SAAS,QAAA,IAAY,MAAM;AACzC,UAAM,eAAe,MAAM;AAE3B,QAAI,YAAY,QAAQ;AACtB,UAAI,CAAC,YAAY,IAAI,QAAQ,GAAG;AAC9B,oBAAY,IAAI,QAAQ;AAAA,MAC1B;AACA,YAAM,WAAWE,aAAE,oBAAoB,IAAI;AAC3C,YAAM,iBAAiBD,UAAAA;AAAAA,QACrBD;AAAAA,QACA,MAAM,KAAKA,YAAU,UAAA,EAAY,MAAM;AAAA,MAAA;AAEzC,mBAAa;AAAA,QACX,EAAE,MAAM,aAAa,SAAS,MAAM,KAAK,QAAQ,EAAA;AAAA,QACjD;AAAA,MAAA;AAEF,mBAAa;AAAA,QACX;AAAA,UACE,MAAM;AAAA,UACN,SAAS,MAAM,KAAK,cAAc;AAAA,UAClC,gBAAgBA,YAAU;AAAA,QAAA;AAAA,QAE5B;AAAA,MAAA;AAAA,IAEJ,WAAW,YAAY,QAAQ;AAC7B,mBAAa;AAAA,QACX,EAAE,MAAM,QAAQ,gBAAgBA,YAAU,SAAA;AAAA,QAC1C;AAAA,MAAA;AAAA,IAEJ,WAAW,YAAY,eAAe;AACpC,YAAM,SAAS,IAAI,WAAW,OAAO;AACrCE,mBAAE,YAAY,MAAM,QAAQ,aAAa;AACzC,qBAAe,eAAe,QAAQ,YAAY;AAAA,IACpD,WAAW,YAAY,oBAAoB;AACzCC,gBAAAA,qBAAqBH,aAAW,IAAI,WAAW,OAAO,GAAG,IAAI;AAAA,IAC/D,WAAW,YAAY,UAAU,aAAa;AAC5C,kBAAY,KAAA;AAAA,IACd,WAAW,YAAY,UAAU,aAAa;AAC5C,kBAAY,KAAA;AAAA,IACd;AAAA,EACF;AAEA,WAAS,UAAU,QAA2B,UAAkB;AAC9D,YAAQ,IAAI,UAAU,MAAM;AAAA,EAC9B;AAEA,WAAS,aAAa,UAAkB;AACtC,YAAQ,OAAO,QAAQ;AACvB,gBAAY,OAAO,QAAQ;AAAA,EAC7B;AAEA,QAAM,eAAe,CAAC,MAAyD;AAC7E,UAAM,IAAI,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE;AACxC,QAAI,MAAM,QAAQ;AAChB,qBAAe,QAAQ,IAAI,YAAY;AAAA,IACzC,WAAW,MAAM,QAAQ;AACvB,qBAAe,QAAQ,IAAI,YAAY;AAAA,IACzC;AAAA,EACF;AAEA,QAAM,iBAAiB,MAAM;AAC3B,mBAAe,SAAS,IAAI,YAAY;AAAA,EAC1C;AAEA,OAAK,GAAG,UAAU,YAAY;AAC9BA,cAAU,GAAG,UAAU,iBAAiB;AACxC,SAAO,iBAAiB,WAAW,SAAS;AAC5C,MAAI,aAAa;AACf,gBAAY,GAAG,qBAAqB,YAAY;AAChD,gBAAY,GAAG,iBAAiB,cAAc;AAAA,EAChD;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,SAAS,MAAM;AACb,WAAK,IAAI,UAAU,YAAY;AAC/BA,kBAAU,IAAI,UAAU,iBAAiB;AACzC,aAAO,oBAAoB,WAAW,SAAS;AAC/C,UAAI,aAAa;AACf,oBAAY,IAAI,qBAAqB,YAAY;AACjD,oBAAY,IAAI,iBAAiB,cAAc;AAAA,MACjD;AACA,cAAQ,MAAA;AACR,kBAAY,MAAA;AAAA,IACd;AAAA,EAAA;AAEJ;;"}

package/iframe-bridge/server.es.js

@@ -0,0 +1,122 @@
+import * as Y from "yjs";
+import { encodeAwarenessUpdate, applyAwarenessUpdate } from "y-protocols/awareness";
+const IFRAME_ORIGIN = {};
+function createIframeBridgeServer(ydoc, awareness, options) {
+  const { undoManager } = options ?? {};
+  const iframes = /* @__PURE__ */ new Map();
+  const iframeReady = /* @__PURE__ */ new Set();
+  const onYdocUpdate = (update, origin) => {
+    if (origin === IFRAME_ORIGIN) return;
+    broadcastToAll("ydoc-update", update);
+  };
+  const onAwarenessUpdate = ({
+    added,
+    updated,
+    removed
+  }) => {
+    const changes = [...added, ...updated, ...removed];
+    if (changes.length === 0) return;
+    const update = encodeAwarenessUpdate(awareness, changes);
+    broadcastToAll("awareness-update", update);
+  };
+  function broadcastToAll(type, payload, excludeSource) {
+    for (const iframe of iframes.values()) {
+      if (iframe.contentWindow && iframe.contentWindow !== excludeSource) {
+        iframe.contentWindow.postMessage({ type, payload }, "*");
+      }
+    }
+  }
+  const onMessage = (event) => {
+    let iframeId = null;
+    for (const [id, iframe] of iframes) {
+      if (event.source === iframe.contentWindow) {
+        iframeId = id;
+        break;
+      }
+    }
+    if (!iframeId) return;
+    const { type: msgType, payload } = event.data;
+    const sourceWindow = event.source;
+    if (msgType === "init") {
+      if (!iframeReady.has(iframeId)) {
+        iframeReady.add(iframeId);
+      }
+      const docState = Y.encodeStateAsUpdate(ydoc);
+      const awarenessState = encodeAwarenessUpdate(
+        awareness,
+        Array.from(awareness.getStates().keys())
+      );
+      sourceWindow.postMessage(
+        { type: "ydoc-sync", payload: Array.from(docState) },
+        "*"
+      );
+      sourceWindow.postMessage(
+        {
+          type: "awareness-sync",
+          payload: Array.from(awarenessState),
+          serverClientId: awareness.clientID
+        },
+        "*"
+      );
+    } else if (msgType === "ping") {
+      sourceWindow.postMessage(
+        { type: "pong", serverClientId: awareness.clientID },
+        "*"
+      );
+    } else if (msgType === "ydoc-update") {
+      const update = new Uint8Array(payload);
+      Y.applyUpdate(ydoc, update, IFRAME_ORIGIN);
+      broadcastToAll("ydoc-update", update, sourceWindow);
+    } else if (msgType === "awareness-update") {
+      applyAwarenessUpdate(awareness, new Uint8Array(payload), null);
+    } else if (msgType === "undo" && undoManager) {
+      undoManager.undo();
+    } else if (msgType === "redo" && undoManager) {
+      undoManager.redo();
+    }
+  };
+  function addIframe(iframe, iframeId) {
+    iframes.set(iframeId, iframe);
+  }
+  function removeIframe(iframeId) {
+    iframes.delete(iframeId);
+    iframeReady.delete(iframeId);
+  }
+  const onUndoPopped = (e) => {
+    const t = e && (e.type || e.reason || e.kind);
+    if (t === "undo") {
+      broadcastToAll("undo", new Uint8Array());
+    } else if (t === "redo") {
+      broadcastToAll("redo", new Uint8Array());
+    }
+  };
+  const onStackCleared = () => {
+    broadcastToAll("clear", new Uint8Array());
+  };
+  ydoc.on("update", onYdocUpdate);
+  awareness.on("update", onAwarenessUpdate);
+  window.addEventListener("message", onMessage);
+  if (undoManager) {
+    undoManager.on("stack-item-popped", onUndoPopped);
+    undoManager.on("stack-cleared", onStackCleared);
+  }
+  return {
+    addIframe,
+    removeIframe,
+    destroy: () => {
+      ydoc.off("update", onYdocUpdate);
+      awareness.off("update", onAwarenessUpdate);
+      window.removeEventListener("message", onMessage);
+      if (undoManager) {
+        undoManager.off("stack-item-popped", onUndoPopped);
+        undoManager.off("stack-cleared", onStackCleared);
+      }
+      iframes.clear();
+      iframeReady.clear();
+    }
+  };
+}
+export {
+  createIframeBridgeServer
+};
+//# sourceMappingURL=server.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"server.es.js","sources":["../../../iframe-bridge/src/origin.ts","../../../iframe-bridge/src/server.ts"],"sourcesContent":["/**\n * iframe bridge 内部变更的 origin 标识。\n * 当 provider 端产生 ydoc-update 时，使用此 origin 标记，\n * 以便 server 端的 UndoManager 能正确追踪来自 iframe 的变更。\n */\nexport const IFRAME_ORIGIN: object = {};\n","import * as Y from \"yjs\";\nimport {\n  Awareness,\n  applyAwarenessUpdate,\n  encodeAwarenessUpdate,\n} from \"y-protocols/awareness\";\nimport { IFRAME_ORIGIN } from \"./origin.js\";\n\nexport interface IframeBridgeServerOptions {\n  undoManager?: Y.UndoManager;\n}\n\nexport interface IframeBridgeServer {\n  addIframe: (iframe: HTMLIFrameElement, iframeId: string) => void;\n  removeIframe: (iframeId: string) => void;\n  destroy: () => void;\n}\n\nexport function createIframeBridgeServer(\n  ydoc: Y.Doc,\n  awareness: Awareness,\n  options?: IframeBridgeServerOptions,\n): IframeBridgeServer {\n  const { undoManager } = options ?? {};\n  const iframes = new Map<string, HTMLIFrameElement>();\n  const iframeReady = new Set<string>();\n\n  const onYdocUpdate = (update: Uint8Array, origin: unknown) => {\n    if (origin === IFRAME_ORIGIN) return;\n    broadcastToAll(\"ydoc-update\", update);\n  };\n\n  const onAwarenessUpdate = ({\n    added,\n    updated,\n    removed,\n  }: {\n    added: number[];\n    updated: number[];\n    removed: number[];\n  }) => {\n    const changes = [...added, ...updated, ...removed];\n    if (changes.length === 0) return;\n    const update = encodeAwarenessUpdate(awareness, changes);\n    broadcastToAll(\"awareness-update\", update);\n  };\n\n  function broadcastToAll(type: string, payload: Uint8Array, excludeSource?: Window) {\n    for (const iframe of iframes.values()) {\n      if (iframe.contentWindow && iframe.contentWindow !== excludeSource) {\n        iframe.contentWindow.postMessage({ type, payload }, \"*\");\n      }\n    }\n  }\n\n  const onMessage = (event: MessageEvent) => {\n    let iframeId: string | null = null;\n    for (const [id, iframe] of iframes) {\n      if (event.source === iframe.contentWindow) {\n        iframeId = id;\n        break;\n      }\n    }\n    if (!iframeId) return;\n\n    const { type: msgType, payload } = event.data;\n    const sourceWindow = event.source as Window;\n\n    if (msgType === \"init\") {\n      if (!iframeReady.has(iframeId)) {\n        iframeReady.add(iframeId);\n      }\n      const docState = Y.encodeStateAsUpdate(ydoc);\n      const awarenessState = encodeAwarenessUpdate(\n        awareness,\n        Array.from(awareness.getStates().keys()),\n      );\n      sourceWindow.postMessage(\n        { type: \"ydoc-sync\", payload: Array.from(docState) },\n        \"*\",\n      );\n      sourceWindow.postMessage(\n        {\n          type: \"awareness-sync\",\n          payload: Array.from(awarenessState),\n          serverClientId: awareness.clientID,\n        },\n        \"*\",\n      );\n    } else if (msgType === \"ping\") {\n      sourceWindow.postMessage(\n        { type: \"pong\", serverClientId: awareness.clientID },\n        \"*\",\n      );\n    } else if (msgType === \"ydoc-update\") {\n      const update = new Uint8Array(payload);\n      Y.applyUpdate(ydoc, update, IFRAME_ORIGIN);\n      broadcastToAll(\"ydoc-update\", update, sourceWindow);\n    } else if (msgType === \"awareness-update\") {\n      applyAwarenessUpdate(awareness, new Uint8Array(payload), null);\n    } else if (msgType === \"undo\" && undoManager) {\n      undoManager.undo();\n    } else if (msgType === \"redo\" && undoManager) {\n      undoManager.redo();\n    }\n  };\n\n  function addIframe(iframe: HTMLIFrameElement, iframeId: string) {\n    iframes.set(iframeId, iframe);\n  }\n\n  function removeIframe(iframeId: string) {\n    iframes.delete(iframeId);\n    iframeReady.delete(iframeId);\n  }\n\n  const onUndoPopped = (e: { type?: string; reason?: string; kind?: string }) => {\n    const t = e && (e.type || e.reason || e.kind);\n    if (t === \"undo\") {\n      broadcastToAll(\"undo\", new Uint8Array());\n    } else if (t === \"redo\") {\n      broadcastToAll(\"redo\", new Uint8Array());\n    }\n  };\n\n  const onStackCleared = () => {\n    broadcastToAll(\"clear\", new Uint8Array());\n  };\n\n  ydoc.on(\"update\", onYdocUpdate);\n  awareness.on(\"update\", onAwarenessUpdate);\n  window.addEventListener(\"message\", onMessage);\n  if (undoManager) {\n    undoManager.on(\"stack-item-popped\", onUndoPopped);\n    undoManager.on(\"stack-cleared\", onStackCleared);\n  }\n\n  return {\n    addIframe,\n    removeIframe,\n    destroy: () => {\n      ydoc.off(\"update\", onYdocUpdate);\n      awareness.off(\"update\", onAwarenessUpdate);\n      window.removeEventListener(\"message\", onMessage);\n      if (undoManager) {\n        undoManager.off(\"stack-item-popped\", onUndoPopped);\n        undoManager.off(\"stack-cleared\", onStackCleared);\n      }\n      iframes.clear();\n      iframeReady.clear();\n    },\n  };\n}\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -1,8 +1,6 @@
 export { Binding } from "./binding";
 export type { BindDrawioFileOptions, InitialContentStrategy } from "./binding";
-export { xml2doc, doc2xml } from "./transformer";
+export { xml2ydoc, ydoc2xml } from "./transformer";
 export { LOCAL_ORIGIN } from "./helper/origin";
 export { DEFAULT_USER_NAME_KEY, DEFAULT_USER_COLOR_KEY, } from "./binding/collaborator";
-export { createIframeBridgeProvider, createIframeBridgeServer, } from "@y-mxgraph/iframe-bridge";
-export type { IframeBridgeProvider, IframeBridgeServer, } from "@y-mxgraph/iframe-bridge";
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EACL,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,0BAA0B,EAC1B,wBAAwB,GACzB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EACL,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,wBAAwB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "y-mxgraph",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "Yjs binding for draw.io (mxGraph) documents",
   "keywords": [
     "yjs",
@@ -18,14 +18,22 @@
   "type": "module",
   "main": "./y-mxgraph.cjs.js",
   "module": "./y-mxgraph.es.js",
-  "browser": "./y-mxgraph.umd.js",
   "types": "./index.d.ts",
   "exports": {
     ".": {
       "import": "./y-mxgraph.es.js",
       "require": "./y-mxgraph.cjs.js",
-      "browser": "./y-mxgraph.umd.js",
       "types": "./index.d.ts"
+    },
+    "./iframe-bridge/server": {
+      "import": "./iframe-bridge/server.es.js",
+      "require": "./iframe-bridge/server.cjs.js",
+      "types": "./iframe-bridge/server.d.ts"
+    },
+    "./iframe-bridge/provider": {
+      "import": "./iframe-bridge/provider.es.js",
+      "require": "./iframe-bridge/provider.cjs.js",
+      "types": "./iframe-bridge/provider.d.ts"
     }
   },
   "dependencies": {

package/transformer/index.d.ts

@@ -1,4 +1,4 @@
 import * as Y from "yjs";
-export declare function xml2doc(xml: string, doc: Y.Doc): Y.Doc;
-export declare function doc2xml(doc: Y.Doc, spaces?: number): string;
+export declare function xml2ydoc(xml: string, doc: Y.Doc): Y.Doc;
+export declare function ydoc2xml(doc: Y.Doc, spaces?: number): string;
 //# sourceMappingURL=index.d.ts.map

package/transformer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/transformer/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AAezB,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAkBtD;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,SAAI,GAAG,MAAM,CAsBtD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/transformer/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AAezB,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAkBvD;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,SAAI,GAAG,MAAM,CAsBvD"}