y-mxgraph 0.3.0 → 0.3.2

package/README.md

@@ -42,7 +42,10 @@ App.main((app) => {
   // `file.setData(xml)` is intentionally NOT called so draw.io does not
   // mark the file as modified and pop up the "Save diagrams to:" dialog.
   // Override via `applyFileData` if you need to sync `file.data` too.
-  const binding = new Binding(file, { doc /*, initialContent: 'merge-remote' */ });
+  //
+  // `disableBeforeUnload` (default: true) disables draw.io's native
+  // "All changes will be lost" dialog since Yjs handles persistence.
+  const binding = new Binding(file, { doc });
 
   window.addEventListener('beforeunload', () => binding.destroy());
 });

package/README.zh-CN.md

@@ -36,6 +36,8 @@ App.main((app) => {
     app.currentFile.data = Binding.generateFileTemplate('diagram-0');
   }
 
+  // `disableBeforeUnload`（默认 true）禁用 draw.io 的 "All changes will be lost" 弹窗，
+  // 因为 Yjs 已接管持久化。如需保留原生行为（如使用 File System Access API），设为 false。
   const binding = new Binding(app.currentFile, { doc });
 
   window.addEventListener('beforeunload', () => binding.destroy());
@@ -80,7 +82,7 @@ App.main((app) => {
 
 ```ts
 // Server（父页面）
-import { createIframeBridgeServer } from '@y-mxgraph/iframe-bridge/server';
+import { createIframeBridgeServer } from 'y-mxgraph/iframe-bridge/server';
 
 const doc = new Y.Doc();
 const provider = new WebrtcProvider(roomName, doc, { signaling });
@@ -88,7 +90,7 @@ const bridge = createIframeBridgeServer(doc, provider.awareness);
 bridge.addIframe(iframeElement, 'child-1');
 
 // Provider（iframe 子页面）
-import { createIframeBridgeProvider } from '@y-mxgraph/iframe-bridge/provider';
+import { createIframeBridgeProvider } from 'y-mxgraph/iframe-bridge/provider';
 
 const doc = new Y.Doc();
 const awareness = new Awareness(doc);

package/binding/index.d.ts

@@ -31,6 +31,18 @@ export interface BindDrawioFileOptions {
      * `file.save()`），可提供自定义实现。
      */
     applyFileData?: (file: DrawioFile, xml: string) => void;
+    /**
+     * 是否禁用 draw.io 的 beforeUnload 弹窗，默认 `true`。
+     *
+     * Yjs 接管持久化后，draw.io 的原生保存状态不再有意义。
+     * 但 draw.io 内部会在特定条件下（如 LocalFile 无 fileHandle、
+     * 图表非空等）弹出 "All changes will be lost" 或
+     * "Ensure your data has been saved" 提示。
+     *
+     * 设为 `true` 可彻底禁用这些弹窗，适合纯 Yjs 协作场景。
+     * 若需要保留原生行为（如使用 File System Access API），设为 `false`。
+     */
+    disableBeforeUnload?: boolean;
 }
 /**
  * Y-MXGraph 绑定类，管理 draw.io 文件与 Y.Doc 的双向同步
@@ -59,9 +71,16 @@ export declare class Binding {
     private cleanupUndoManager?;
     /** 初始内容策略 */
     private initialContentStrategy;
+    /** draw.io UI 引用，用于重置状态和获取 currentFile */
+    private ui;
     /** replace 策略下，构造时 doc 为空，现在 doc 有数据时需要强制替换 */
     private get shouldReplaceWhenDocHasData();
     constructor(file: DrawioFile, options: BindDrawioFileOptions);
+    /**
+     * 重置 editor 和 file 的 modified 状态及状态栏。
+     * Yjs 接管持久化后，draw.io 的原生保存状态不再有意义。
+     */
+    private resetEditorStatus;
     /**
      * 销毁绑定，解除所有监听器
      * @param deep - 是否深度清理（包括 awareness/undoManager），默认 false

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,EAAgB,MAAM,iBAAiB,CAAC;AAEhE;;;;;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;CACzD;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;IAEvD,+CAA+C;IAC/C,OAAO,KAAK,2BAA2B,GAEtC;gBAEW,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,qBAAqB;IA6I5D;;;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,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"}

package/iframe-bridge/provider.cjs.js

@@ -0,0 +1,134 @@
+"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);
+function readVarUint(data, pos) {
+  let result = 0;
+  let shift = 0;
+  let byte;
+  do {
+    byte = data[pos++];
+    result |= (byte & 127) << shift;
+    shift += 7;
+  } while (byte >= 128);
+  return [result >>> 0, pos];
+}
+function writeVarUint(value) {
+  const bytes = [];
+  while (value > 127) {
+    bytes.push(value & 127 | 128);
+    value >>>= 7;
+  }
+  bytes.push(value);
+  return bytes;
+}
+function readVarString(data, pos) {
+  const [len, pos2] = readVarUint(data, pos);
+  const str = new TextDecoder().decode(data.subarray(pos2, pos2 + len));
+  return [str, pos2 + len];
+}
+function writeVarString(str) {
+  const encoded = new TextEncoder().encode(str);
+  return [...writeVarUint(encoded.length), ...encoded];
+}
+function remapClientIdInUpdate(update, fromId, toId) {
+  const result = [];
+  let pos = 0;
+  const [count, pos2] = readVarUint(update, pos);
+  pos = pos2;
+  result.push(...writeVarUint(count));
+  for (let i = 0; i < count; i++) {
+    const [clientID, pos3] = readVarUint(update, pos);
+    pos = pos3;
+    const [clock, pos4] = readVarUint(update, pos);
+    pos = pos4;
+    const [state, pos5] = readVarString(update, pos);
+    pos = pos5;
+    const mappedId = clientID === fromId ? toId : clientID;
+    result.push(...writeVarUint(mappedId));
+    result.push(...writeVarUint(clock));
+    result.push(...writeVarString(state));
+  }
+  return new Uint8Array(result);
+}
+function createIframeBridgeProvider(ydoc, awareness$1) {
+  let applyingParentUpdate = false;
+  let serverClientId = null;
+  const onYdocUpdate = (update) => {
+    if (applyingParentUpdate) return;
+    window.parent.postMessage(
+      { type: "ydoc-update", payload: Array.from(update) },
+      "*"
+    );
+  };
+  const onAwarenessUpdate = ({
+    added,
+    updated,
+    removed
+  }) => {
+    if (applyingParentUpdate) return;
+    const changes = [...added, ...updated, ...removed];
+    if (changes.length === 0) return;
+    const update = awareness.encodeAwarenessUpdate(awareness$1, changes);
+    const remapped = serverClientId != null ? remapClientIdInUpdate(update, awareness$1.clientID, serverClientId) : update;
+    window.parent.postMessage(
+      { type: "awareness-update", payload: Array.from(remapped) },
+      "*"
+    );
+  };
+  const onMessage = (event) => {
+    if (event.source !== window.parent) return;
+    const { type, payload, serverClientId: receivedServerId } = event.data;
+    if (type === "pong" && receivedServerId != null) {
+      serverClientId = receivedServerId;
+      return;
+    }
+    if (type === "ydoc-sync" || type === "ydoc-update") {
+      applyingParentUpdate = true;
+      Y__namespace.applyUpdate(ydoc, new Uint8Array(payload));
+      applyingParentUpdate = false;
+    } else if (type === "awareness-sync" || type === "awareness-update") {
+      if (receivedServerId != null) {
+        serverClientId = receivedServerId;
+      }
+      const raw = new Uint8Array(payload);
+      const remapped = serverClientId != null ? remapClientIdInUpdate(raw, serverClientId, awareness$1.clientID) : raw;
+      applyingParentUpdate = true;
+      awareness.applyAwarenessUpdate(awareness$1, remapped, null);
+      applyingParentUpdate = false;
+    }
+  };
+  ydoc.on("update", onYdocUpdate);
+  awareness$1.on("update", onAwarenessUpdate);
+  window.addEventListener("message", onMessage);
+  window.parent.postMessage({ type: "init" }, "*");
+  return {
+    get serverClientId() {
+      return serverClientId;
+    },
+    dispose: () => {
+      ydoc.off("update", onYdocUpdate);
+      awareness$1.off("update", onAwarenessUpdate);
+      window.removeEventListener("message", onMessage);
+    }
+  };
+}
+exports.createIframeBridgeProvider = createIframeBridgeProvider;
+//# sourceMappingURL=provider.cjs.js.map

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

@@ -0,0 +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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"}

package/iframe-bridge/provider.es.js

@@ -0,0 +1,117 @@
+import * as Y from "yjs";
+import { encodeAwarenessUpdate, applyAwarenessUpdate } from "y-protocols/awareness";
+function readVarUint(data, pos) {
+  let result = 0;
+  let shift = 0;
+  let byte;
+  do {
+    byte = data[pos++];
+    result |= (byte & 127) << shift;
+    shift += 7;
+  } while (byte >= 128);
+  return [result >>> 0, pos];
+}
+function writeVarUint(value) {
+  const bytes = [];
+  while (value > 127) {
+    bytes.push(value & 127 | 128);
+    value >>>= 7;
+  }
+  bytes.push(value);
+  return bytes;
+}
+function readVarString(data, pos) {
+  const [len, pos2] = readVarUint(data, pos);
+  const str = new TextDecoder().decode(data.subarray(pos2, pos2 + len));
+  return [str, pos2 + len];
+}
+function writeVarString(str) {
+  const encoded = new TextEncoder().encode(str);
+  return [...writeVarUint(encoded.length), ...encoded];
+}
+function remapClientIdInUpdate(update, fromId, toId) {
+  const result = [];
+  let pos = 0;
+  const [count, pos2] = readVarUint(update, pos);
+  pos = pos2;
+  result.push(...writeVarUint(count));
+  for (let i = 0; i < count; i++) {
+    const [clientID, pos3] = readVarUint(update, pos);
+    pos = pos3;
+    const [clock, pos4] = readVarUint(update, pos);
+    pos = pos4;
+    const [state, pos5] = readVarString(update, pos);
+    pos = pos5;
+    const mappedId = clientID === fromId ? toId : clientID;
+    result.push(...writeVarUint(mappedId));
+    result.push(...writeVarUint(clock));
+    result.push(...writeVarString(state));
+  }
+  return new Uint8Array(result);
+}
+function createIframeBridgeProvider(ydoc, awareness) {
+  let applyingParentUpdate = false;
+  let serverClientId = null;
+  const onYdocUpdate = (update) => {
+    if (applyingParentUpdate) return;
+    window.parent.postMessage(
+      { type: "ydoc-update", payload: Array.from(update) },
+      "*"
+    );
+  };
+  const onAwarenessUpdate = ({
+    added,
+    updated,
+    removed
+  }) => {
+    if (applyingParentUpdate) return;
+    const changes = [...added, ...updated, ...removed];
+    if (changes.length === 0) return;
+    const update = encodeAwarenessUpdate(awareness, changes);
+    const remapped = serverClientId != null ? remapClientIdInUpdate(update, awareness.clientID, serverClientId) : update;
+    window.parent.postMessage(
+      { type: "awareness-update", payload: Array.from(remapped) },
+      "*"
+    );
+  };
+  const onMessage = (event) => {
+    if (event.source !== window.parent) return;
+    const { type, payload, serverClientId: receivedServerId } = event.data;
+    if (type === "pong" && receivedServerId != null) {
+      serverClientId = receivedServerId;
+      return;
+    }
+    if (type === "ydoc-sync" || type === "ydoc-update") {
+      applyingParentUpdate = true;
+      Y.applyUpdate(ydoc, new Uint8Array(payload));
+      applyingParentUpdate = false;
+    } else if (type === "awareness-sync" || type === "awareness-update") {
+      if (receivedServerId != null) {
+        serverClientId = receivedServerId;
+      }
+      const raw = new Uint8Array(payload);
+      const remapped = serverClientId != null ? remapClientIdInUpdate(raw, serverClientId, awareness.clientID) : raw;
+      applyingParentUpdate = true;
+      applyAwarenessUpdate(awareness, remapped, null);
+      applyingParentUpdate = false;
+    }
+  };
+  ydoc.on("update", onYdocUpdate);
+  awareness.on("update", onAwarenessUpdate);
+  window.addEventListener("message", onMessage);
+  window.parent.postMessage({ type: "init" }, "*");
+  return {
+    get serverClientId() {
+      return serverClientId;
+    },
+    dispose: () => {
+      ydoc.off("update", onYdocUpdate);
+      awareness.off("update", onAwarenessUpdate);
+      window.removeEventListener("message", onMessage);
+    }
+  };
+}
+export {
+  createIframeBridgeProvider
+};
+//# sourceMappingURL=provider.es.js.map

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

@@ -0,0 +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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"}

package/iframe-bridge/server.cjs.js

@@ -0,0 +1,111 @@
+"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);
+function createIframeBridgeServer(ydoc, awareness$1) {
+  const iframes = /* @__PURE__ */ new Map();
+  const iframeReady = /* @__PURE__ */ new Set();
+  const onYdocUpdate = (update) => {
+    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) {
+    for (const iframe of iframes.values()) {
+      if (iframe.contentWindow) {
+        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") {
+      Y__namespace.applyUpdate(ydoc, new Uint8Array(payload));
+    } else if (msgType === "awareness-update") {
+      awareness.applyAwarenessUpdate(awareness$1, new Uint8Array(payload), null);
+    }
+  };
+  function addIframe(iframe, iframeId) {
+    iframes.set(iframeId, iframe);
+  }
+  function removeIframe(iframeId) {
+    iframes.delete(iframeId);
+    iframeReady.delete(iframeId);
+  }
+  ydoc.on("update", onYdocUpdate);
+  awareness$1.on("update", onAwarenessUpdate);
+  window.addEventListener("message", onMessage);
+  return {
+    addIframe,
+    removeIframe,
+    dispose: () => {
+      ydoc.off("update", onYdocUpdate);
+      awareness$1.off("update", onAwarenessUpdate);
+      window.removeEventListener("message", onMessage);
+      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/server.ts"],"sourcesContent":["import * as Y from \"yjs\";\nimport {\n  Awareness,\n  applyAwarenessUpdate,\n  encodeAwarenessUpdate,\n} from \"y-protocols/awareness\";\n\nexport interface IframeBridgeServer {\n  addIframe: (iframe: HTMLIFrameElement, iframeId: string) => void;\n  removeIframe: (iframeId: string) => void;\n  dispose: () => void;\n}\n\nexport function createIframeBridgeServer(\n  ydoc: Y.Doc,\n  awareness: Awareness,\n): IframeBridgeServer {\n  const iframes = new Map<string, HTMLIFrameElement>();\n  const iframeReady = new Set<string>();\n\n  const onYdocUpdate = (update: Uint8Array) => {\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) {\n    for (const iframe of iframes.values()) {\n      if (iframe.contentWindow) {\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      Y.applyUpdate(ydoc, new Uint8Array(payload));\n    } else if (msgType === \"awareness-update\") {\n      applyAwarenessUpdate(awareness, new Uint8Array(payload), null);\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  ydoc.on(\"update\", onYdocUpdate);\n  awareness.on(\"update\", onAwarenessUpdate);\n  window.addEventListener(\"message\", onMessage);\n\n  return {\n    addIframe,\n    removeIframe,\n    dispose: () => {\n      ydoc.off(\"update\", onYdocUpdate);\n      awareness.off(\"update\", onAwarenessUpdate);\n      window.removeEventListener(\"message\", onMessage);\n      iframes.clear();\n      iframeReady.clear();\n    },\n  };\n}\n"],"names":["awareness","encodeAwarenessUpdate","Y","applyAwarenessUpdate"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAaO,SAAS,yBACd,MACAA,aACoB;AACpB,QAAM,8BAAc,IAAA;AACpB,QAAM,kCAAkB,IAAA;AAExB,QAAM,eAAe,CAAC,WAAuB;AAC3C,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;AACzD,eAAW,UAAU,QAAQ,UAAU;AACrC,UAAI,OAAO,eAAe;AACxB,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;AACpCE,mBAAE,YAAY,MAAM,IAAI,WAAW,OAAO,CAAC;AAAA,IAC7C,WAAW,YAAY,oBAAoB;AACzCC,gBAAAA,qBAAqBH,aAAW,IAAI,WAAW,OAAO,GAAG,IAAI;AAAA,IAC/D;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,OAAK,GAAG,UAAU,YAAY;AAC9BA,cAAU,GAAG,UAAU,iBAAiB;AACxC,SAAO,iBAAiB,WAAW,SAAS;AAE5C,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,cAAQ,MAAA;AACR,kBAAY,MAAA;AAAA,IACd;AAAA,EAAA;AAEJ;;"}

package/iframe-bridge/server.es.js

@@ -0,0 +1,94 @@
+import * as Y from "yjs";
+import { encodeAwarenessUpdate, applyAwarenessUpdate } from "y-protocols/awareness";
+function createIframeBridgeServer(ydoc, awareness) {
+  const iframes = /* @__PURE__ */ new Map();
+  const iframeReady = /* @__PURE__ */ new Set();
+  const onYdocUpdate = (update) => {
+    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) {
+    for (const iframe of iframes.values()) {
+      if (iframe.contentWindow) {
+        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") {
+      Y.applyUpdate(ydoc, new Uint8Array(payload));
+    } else if (msgType === "awareness-update") {
+      applyAwarenessUpdate(awareness, new Uint8Array(payload), null);
+    }
+  };
+  function addIframe(iframe, iframeId) {
+    iframes.set(iframeId, iframe);
+  }
+  function removeIframe(iframeId) {
+    iframes.delete(iframeId);
+    iframeReady.delete(iframeId);
+  }
+  ydoc.on("update", onYdocUpdate);
+  awareness.on("update", onAwarenessUpdate);
+  window.addEventListener("message", onMessage);
+  return {
+    addIframe,
+    removeIframe,
+    dispose: () => {
+      ydoc.off("update", onYdocUpdate);
+      awareness.off("update", onAwarenessUpdate);
+      window.removeEventListener("message", onMessage);
+      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/server.ts"],"sourcesContent":["import * as Y from \"yjs\";\nimport {\n  Awareness,\n  applyAwarenessUpdate,\n  encodeAwarenessUpdate,\n} from \"y-protocols/awareness\";\n\nexport interface IframeBridgeServer {\n  addIframe: (iframe: HTMLIFrameElement, iframeId: string) => void;\n  removeIframe: (iframeId: string) => void;\n  dispose: () => void;\n}\n\nexport function createIframeBridgeServer(\n  ydoc: Y.Doc,\n  awareness: Awareness,\n): IframeBridgeServer {\n  const iframes = new Map<string, HTMLIFrameElement>();\n  const iframeReady = new Set<string>();\n\n  const onYdocUpdate = (update: Uint8Array) => {\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) {\n    for (const iframe of iframes.values()) {\n      if (iframe.contentWindow) {\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      Y.applyUpdate(ydoc, new Uint8Array(payload));\n    } else if (msgType === \"awareness-update\") {\n      applyAwarenessUpdate(awareness, new Uint8Array(payload), null);\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  ydoc.on(\"update\", onYdocUpdate);\n  awareness.on(\"update\", onAwarenessUpdate);\n  window.addEventListener(\"message\", onMessage);\n\n  return {\n    addIframe,\n    removeIframe,\n    dispose: () => {\n      ydoc.off(\"update\", onYdocUpdate);\n      awareness.off(\"update\", onAwarenessUpdate);\n      window.removeEventListener(\"message\", onMessage);\n      iframes.clear();\n      iframeReady.clear();\n    },\n  };\n}\n"],"names":[],"mappings":";;AAaO,SAAS,yBACd,MACA,WACoB;AACpB,QAAM,8BAAc,IAAA;AACpB,QAAM,kCAAkB,IAAA;AAExB,QAAM,eAAe,CAAC,WAAuB;AAC3C,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,SAAS,sBAAsB,WAAW,OAAO;AACvD,mBAAe,oBAAoB,MAAM;AAAA,EAC3C;AAEA,WAAS,eAAe,MAAc,SAAqB;AACzD,eAAW,UAAU,QAAQ,UAAU;AACrC,UAAI,OAAO,eAAe;AACxB,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,WAAW,EAAE,oBAAoB,IAAI;AAC3C,YAAM,iBAAiB;AAAA,QACrB;AAAA,QACA,MAAM,KAAK,UAAU,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,gBAAgB,UAAU;AAAA,QAAA;AAAA,QAE5B;AAAA,MAAA;AAAA,IAEJ,WAAW,YAAY,QAAQ;AAC7B,mBAAa;AAAA,QACX,EAAE,MAAM,QAAQ,gBAAgB,UAAU,SAAA;AAAA,QAC1C;AAAA,MAAA;AAAA,IAEJ,WAAW,YAAY,eAAe;AACpC,QAAE,YAAY,MAAM,IAAI,WAAW,OAAO,CAAC;AAAA,IAC7C,WAAW,YAAY,oBAAoB;AACzC,2BAAqB,WAAW,IAAI,WAAW,OAAO,GAAG,IAAI;AAAA,IAC/D;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,OAAK,GAAG,UAAU,YAAY;AAC9B,YAAU,GAAG,UAAU,iBAAiB;AACxC,SAAO,iBAAiB,WAAW,SAAS;AAE5C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,SAAS,MAAM;AACb,WAAK,IAAI,UAAU,YAAY;AAC/B,gBAAU,IAAI,UAAU,iBAAiB;AACzC,aAAO,oBAAoB,WAAW,SAAS;AAC/C,cAAQ,MAAA;AACR,kBAAY,MAAA;AAAA,IACd;AAAA,EAAA;AAEJ;"}

package/index.d.ts

@@ -3,6 +3,4 @@ export type { BindDrawioFileOptions, InitialContentStrategy } from "./binding";
 export { xml2doc, doc2xml } 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,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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "y-mxgraph",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "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": {