y-mxgraph 0.3.1 → 0.4.0

package/y-mxgraph.es.js

@@ -2,23 +2,19 @@ import { xml2js, js2xml } from "xml-js";
 import * as Y from "yjs";
 import { throttle } from "lodash-es";
 import { colord } from "colord";
-import { createIframeBridgeProvider, createIframeBridgeServer } from "@y-mxgraph/iframe-bridge";
 function deepProcess(node) {
-  if (node == null)
-    return;
+  if (node == null) return;
   if (Array.isArray(node)) {
     for (const item of node) {
       deepProcess(item);
     }
     return;
   }
-  if (typeof node !== "object")
-    return;
+  if (typeof node !== "object") return;
   const obj = node;
   const keys = Object.keys(obj);
   for (const key2 of keys) {
-    if (key2 === "_attributes")
-      continue;
+    if (key2 === "_attributes") continue;
     let value = obj[key2];
     const keyLower = key2.toLowerCase();
     if ((keyLower === "diagram" || keyLower === "mxcell") && value !== void 0 && !Array.isArray(value)) {
@@ -26,8 +22,7 @@ function deepProcess(node) {
       value = obj[key2];
     }
     if (Array.isArray(value)) {
-      for (const v of value)
-        deepProcess(v);
+      for (const v of value) deepProcess(v);
     } else if (value && typeof value === "object") {
       deepProcess(value);
     }
@@ -199,18 +194,15 @@ const docSnapshots = /* @__PURE__ */ new WeakMap();
 function insertAfterUnique(orderArr, id, previous, fallbackToEnd = false) {
   const currentIds = orderArr.toArray();
   let anchorPos = previous ? currentIds.indexOf(previous) : -1;
-  if (anchorPos === -1 && fallbackToEnd)
-    anchorPos = currentIds.length - 1;
+  if (anchorPos === -1 && fallbackToEnd) anchorPos = currentIds.length - 1;
   let targetIndex = anchorPos + 1;
   const existingIndex = currentIds.indexOf(id);
   if (existingIndex === -1) {
     orderArr.insert(targetIndex, [id]);
     return;
   }
-  if (existingIndex === targetIndex)
-    return;
-  if (existingIndex < targetIndex)
-    targetIndex -= 1;
+  if (existingIndex === targetIndex) return;
+  if (existingIndex < targetIndex) targetIndex -= 1;
   orderArr.delete(existingIndex, 1);
   orderArr.insert(targetIndex, [id]);
 }
@@ -220,12 +212,9 @@ function ensureUniqueOrder(orderArr) {
   const dupIdx = [];
   for (let i = 0; i < arr.length; i++) {
     const id = arr[i];
-    if (!id)
-      continue;
-    if (seen.has(id))
-      dupIdx.push(i);
-    else
-      seen.add(id);
+    if (!id) continue;
+    if (seen.has(id)) dupIdx.push(i);
+    else seen.add(id);
   }
   if (dupIdx.length) {
     dupIdx.sort((a, b) => b - a).forEach((idx) => orderArr.delete(idx, 1));
@@ -308,10 +297,8 @@ function applyFilePatch(doc, patch, options) {
       enriched.sort((a, b) => {
         const aIdx = a.anchorId ? existingIndex.get(a.anchorId) : -1;
         const bIdx = b.anchorId ? existingIndex.get(b.anchorId) : -1;
-        if (aIdx !== bIdx)
-          return aIdx - bIdx;
-        if (a.depth !== b.depth)
-          return b.depth - a.depth;
+        if (aIdx !== bIdx) return aIdx - bIdx;
+        if (a.depth !== b.depth) return b.depth - a.depth;
         return b.order - a.order;
       });
       for (const item of enriched) {
@@ -335,12 +322,10 @@ function applyFilePatch(doc, patch, options) {
           }
           if (update.cells) {
             const yMxGraphModel = diagram.get(key$2);
-            if (!yMxGraphModel)
-              return;
+            if (!yMxGraphModel) return;
             const cellsMap = yMxGraphModel.get(key$3);
             const orderArr = yMxGraphModel.get(mxCellOrderKey);
-            if (!cellsMap || !orderArr)
-              return;
+            if (!cellsMap || !orderArr) return;
             ensureUniqueOrder(orderArr);
             if (update.cells[DIFF_REMOVE] && update.cells[DIFF_REMOVE].length) {
               const orderIds = orderArr.toArray();
@@ -353,12 +338,10 @@ function applyFilePatch(doc, patch, options) {
             if (update.cells[DIFF_INSERT] && update.cells[DIFF_INSERT].length) {
               for (const item of update.cells[DIFF_INSERT]) {
                 const id2 = item["id"];
-                if (!id2)
-                  continue;
+                if (!id2) continue;
                 const xmlElement = new Y.XmlElement("mxCell");
                 Object.keys(item).forEach((key2) => {
-                  if (key2 === "previous")
-                    return;
+                  if (key2 === "previous") return;
                   xmlElement.setAttribute(key2, item[key2]);
                 });
                 cellsMap.set(id2, xmlElement);
@@ -397,8 +380,7 @@ function applyFilePatch(doc, patch, options) {
                 const cell = cellsMap.get(cid);
                 if (cell) {
                   Object.keys(updateObj).forEach((k) => {
-                    if (k === "previous")
-                      return;
+                    if (k === "previous") return;
                     cell.setAttribute(k, updateObj[k]);
                   });
                 }
@@ -407,8 +389,7 @@ function applyFilePatch(doc, patch, options) {
                 const updateObj = update.cells[DIFF_UPDATE][cellId];
                 const hasPrev = "previous" in updateObj;
                 const hasParent = "parent" in updateObj;
-                if (!hasPrev && !hasParent)
-                  return;
+                if (!hasPrev && !hasParent) return;
                 const prevVal = hasPrev ? updateObj.previous : void 0;
                 const parentVal = hasParent ? updateObj.parent : void 0;
                 let anchorId = null;
@@ -438,8 +419,7 @@ function applyFilePatch(doc, patch, options) {
                     newCell = new Y.XmlElement("mxCell");
                     newCell.setAttribute("id", cellId);
                     Object.keys(updateObj).forEach((k) => {
-                      if (k === "previous")
-                        return;
+                      if (k === "previous") return;
                       newCell.setAttribute(k, updateObj[k]);
                     });
                     cellsMap.set(cellId, newCell);
@@ -490,8 +470,7 @@ function initDocSnapshot(doc, resetSnapshot = false) {
     const diagrams = diagramOrder.map((id) => diagramsMap.get(id)).filter((d) => !!d);
     for (const d of diagrams) {
       const did = d.get("id") || "";
-      if (!did)
-        continue;
+      if (!did) continue;
       const gm = d.get(key$2);
       if (gm) {
         const order = gm.get(mxCellOrderKey);
@@ -524,11 +503,9 @@ function initDocSnapshot(doc, resetSnapshot = false) {
 function generatePatch(events, explicitDoc) {
   var _a, _b;
   const patch = {};
-  const doc = explicitDoc ?? ((_b = (_a = events[0]) == null ? void 0 : _a.transaction) == null ? void 0 : _b.doc);
-  if (!doc)
-    return patch;
-  if (!explicitDoc && (!events || events.length === 0))
-    return patch;
+  const doc = (_b = (_a = events[0]) == null ? void 0 : _a.transaction) == null ? void 0 : _b.doc;
+  if (!doc) return patch;
+  if (!events || events.length === 0) return patch;
   const mxfile = doc.getMap(key);
   const diagramsMap = mxfile.get(key$1);
   const orderArr = mxfile.get(diagramOrderKey);
@@ -554,7 +531,7 @@ function generatePatch(events, explicitDoc) {
     u.cells = u.cells || {};
     return u.cells;
   };
-  const orderIds = orderArr.toArray();
+  const orderIds = (orderArr == null ? void 0 : orderArr.toArray()) ?? [];
   const currDiagramOrder = orderIds.length > 0 ? orderIds : diagramsMap ? Array.from(diagramsMap.keys()) : [];
   const diagramsList = currDiagramOrder.map((id) => diagramsMap.get(id)).filter((d) => !!d);
   const currCellsOrder = /* @__PURE__ */ new Map();
@@ -590,8 +567,7 @@ function generatePatch(events, explicitDoc) {
     const removed = prevDiagramOrder.filter(
       (id) => !currSet.has(id) && id
     );
-    if (removed.length)
-      patch[DIFF_REMOVE] = removed;
+    if (removed.length) patch[DIFF_REMOVE] = removed;
     const removedDiagramSet = new Set(removed);
     const inserted = currDiagramOrder.filter(
       (id) => !prevSet.has(id) && id
@@ -602,8 +578,7 @@ function generatePatch(events, explicitDoc) {
         const index = currDiagramOrder.indexOf(id);
         const previous = index <= 0 ? "" : currDiagramOrder[index - 1];
         const yDiagram = diagramsMap.get(id);
-        if (!yDiagram)
-          continue;
+        if (!yDiagram) continue;
         const data = serializer$1({ diagram: serialize(yDiagram) });
         patch[DIFF_INSERT].push({ id, previous, data });
         insertedDiagramIdGlobal.add(id);
@@ -618,8 +593,7 @@ function generatePatch(events, explicitDoc) {
       const prevP = prevNeighbor(prevDiagramOrder, id);
       const currP = prevNeighbor(currDiagramOrder, id);
       if (prevP !== currP) {
-        if (prevP && removedDiagramSet.has(prevP))
-          continue;
+        if (prevP && removedDiagramSet.has(prevP)) continue;
         const u = ensureUpdate(id);
         u.previous = currP;
       }
@@ -630,12 +604,10 @@ function generatePatch(events, explicitDoc) {
     ...currDiagramOrder
   ]);
   for (const did of allDiagramIds) {
-    if (!did)
-      continue;
+    if (!did) continue;
     const prevCells = prevCellsOrder.get(did) || [];
     const currCells = currCellsOrder.get(did) || [];
-    if (!prevCells.length && !currCells.length)
-      continue;
+    if (!prevCells.length && !currCells.length) continue;
     const prevSet = new Set(prevCells);
     const currSet = new Set(currCells);
     const removed = prevCells.filter((cid) => !currSet.has(cid) && cid);
@@ -671,8 +643,7 @@ function generatePatch(events, explicitDoc) {
       const prevP = prevNeighbor(prevCells, cid);
       const currP = prevNeighbor(currCells, cid);
       if (prevP !== currP) {
-        if (prevP && removedCellSet.has(prevP))
-          continue;
+        if (prevP && removedCellSet.has(prevP)) continue;
         const cells = ensureCellSection(did);
         cells[DIFF_UPDATE] = cells[DIFF_UPDATE] || {};
         const cellUpdate = cells[DIFF_UPDATE][cid] = cells[DIFF_UPDATE][cid] || {};
@@ -686,16 +657,12 @@ function generatePatch(events, explicitDoc) {
     );
     for (const ev of events) {
       const target = ev.target;
-      if (!(target instanceof Y.Map))
-        continue;
-      if (!diagramSet.has(target))
-        continue;
+      if (!(target instanceof Y.Map)) continue;
+      if (!diagramSet.has(target)) continue;
       const changed = ev.keysChanged || /* @__PURE__ */ new Set();
-      if (!changed || !changed.has("name"))
-        continue;
+      if (!changed || !changed.has("name")) continue;
       const did = target.get("id") || "";
-      if (!did || insertedDiagramIdGlobal.has(did))
-        continue;
+      if (!did || insertedDiagramIdGlobal.has(did)) continue;
       const u = ensureUpdate(did);
       u.name = target.get("name") || "";
     }
@@ -703,25 +670,20 @@ function generatePatch(events, explicitDoc) {
   if (!prevDiagramOrder) {
     for (const d of diagramsList) {
       const did = d.get("id") || "";
-      if (!did)
-        continue;
+      if (!did) continue;
       const u = ensureUpdate(did);
       u.name = d.get("name") || "";
     }
   }
   for (const ev of events) {
     const target = ev.target;
-    if (!(target instanceof Y.XmlElement))
-      continue;
+    if (!(target instanceof Y.XmlElement)) continue;
     const el = target;
-    if (el.nodeName !== "mxCell")
-      continue;
+    if (el.nodeName !== "mxCell") continue;
     const changed = ev.attributesChanged || ev.keysChanged || /* @__PURE__ */ new Set();
-    if (!changed || changed.size === 0)
-      continue;
+    if (!changed || changed.size === 0) continue;
     const cellId = el.getAttribute("id");
-    if (!cellId || insertedCellIdGlobal.has(cellId))
-      continue;
+    if (!cellId || insertedCellIdGlobal.has(cellId)) continue;
     const idsEntries = Array.from(currCellsOrder.entries());
     let diagramId = "";
     for (const [did, ids] of idsEntries) {
@@ -730,8 +692,7 @@ function generatePatch(events, explicitDoc) {
         break;
       }
     }
-    if (!diagramId)
-      continue;
+    if (!diagramId) continue;
     const cellsPatch = ensureCellSection(diagramId);
     cellsPatch[DIFF_UPDATE] = cellsPatch[DIFF_UPDATE] || {};
     const cellUpdate = cellsPatch[DIFF_UPDATE][cellId] = cellsPatch[DIFF_UPDATE][cellId] || {};
@@ -747,8 +708,7 @@ function generatePatch(events, explicitDoc) {
       const updateBucket = cellsPatch[DIFF_UPDATE];
       const currCells = currAttrsMap.keys();
       for (const cid of currCells) {
-        if (insertedCellIdGlobal.has(cid))
-          continue;
+        if (insertedCellIdGlobal.has(cid)) continue;
         const prevAttrs = prevAttrsMap.get(cid) || {};
         const currAttrs = currAttrsMap.get(cid) || {};
         const keys = /* @__PURE__ */ new Set([
@@ -791,7 +751,7 @@ function generatePatch(events, explicitDoc) {
   docSnapshots.set(doc, snap);
   return patch;
 }
-function xml2doc(xml, doc) {
+function xml2ydoc(xml, doc) {
   const object = parse$4(xml);
   const mxfile = object.mxfile;
   const mxGraphModel = object.mxGraphModel;
@@ -808,7 +768,7 @@ function xml2doc(xml, doc) {
   }
   return doc;
 }
-function doc2xml(doc, spaces = 0) {
+function ydoc2xml(doc, spaces = 0) {
   if (doc.share.has(key)) {
     return serializer$1(
       {
@@ -885,10 +845,8 @@ function bindUndoManager(doc, file, yUndo) {
       if (typeof this._y.clear === "function") {
         this._y.clear();
       } else {
-        while (this._y.canUndo && this._y.canUndo())
-          this._y.undo();
-        while (this._y.canRedo && this._y.canRedo())
-          this._y.redo();
+        while (this._y.canUndo && this._y.canUndo()) this._y.undo();
+        while (this._y.canRedo && this._y.canRedo()) this._y.redo();
       }
       this.history = [];
       this.indexOfNextAdd = 0;
@@ -944,8 +902,7 @@ function bindUndoManager(doc, file, yUndo) {
   const poppedHandler = (e) => {
     const t = e && (e.type || e.reason || e.kind);
     if (t === "undo") {
-      if (mxLike.indexOfNextAdd > 0)
-        mxLike.indexOfNextAdd--;
+      if (mxLike.indexOfNextAdd > 0) mxLike.indexOfNextAdd--;
       const evt = createMxEventObject("undo", { edit: { changes: [] } });
       mxLike.fireEvent(evt);
     } else if (t === "redo") {
@@ -987,27 +944,23 @@ function getAwarenessStateValue(awareness, key2, clientId) {
   const states = awareness.getStates();
   const id = clientId != null ? Number(clientId) : awareness.clientID;
   const clientState = states.get(id);
-  if (!clientState)
-    return null;
-  if (!key2)
-    return clientState;
+  if (!clientState) return null;
+  if (!key2) return clientState;
   return getByPath(clientState, key2);
 }
 function getByPath(obj, path) {
   const parts = path.split(".");
   let cur = obj;
   for (const part of parts) {
-    if (cur == null)
-      return null;
+    if (cur == null) return null;
     const key2 = Array.isArray(cur) && /^\d+$/.test(part) ? Number(part) : part;
     cur = cur == null ? void 0 : cur[key2];
   }
   return cur;
 }
 function setAwarenessStateValue(awareness, key2, value, clientId) {
-  const id = clientId != null ? Number(clientId) : awareness.clientID;
-  if (id !== awareness.clientID)
-    return false;
+  const id = awareness.clientID;
+  if (id !== awareness.clientID) return false;
   if (!key2) {
     awareness.setLocalState(value);
     return true;
@@ -1080,18 +1033,12 @@ function hslToHex(h, s, l) {
   const hp = h / 60;
   const x = c * (1 - Math.abs(hp % 2 - 1));
   let r1 = 0, g1 = 0, b1 = 0;
-  if (hp >= 0 && hp < 1)
-    [r1, g1, b1] = [c, x, 0];
-  else if (hp >= 1 && hp < 2)
-    [r1, g1, b1] = [x, c, 0];
-  else if (hp >= 2 && hp < 3)
-    [r1, g1, b1] = [0, c, x];
-  else if (hp >= 3 && hp < 4)
-    [r1, g1, b1] = [0, x, c];
-  else if (hp >= 4 && hp < 5)
-    [r1, g1, b1] = [x, 0, c];
-  else
-    [r1, g1, b1] = [c, 0, x];
+  if (hp >= 0 && hp < 1) [r1, g1, b1] = [c, x, 0];
+  else if (hp >= 1 && hp < 2) [r1, g1, b1] = [x, c, 0];
+  else if (hp >= 2 && hp < 3) [r1, g1, b1] = [0, c, x];
+  else if (hp >= 3 && hp < 4) [r1, g1, b1] = [0, x, c];
+  else if (hp >= 4 && hp < 5) [r1, g1, b1] = [x, 0, c];
+  else [r1, g1, b1] = [c, 0, x];
   const m = l - c / 2;
   const r = Math.round((r1 + m) * 255);
   const g = Math.round((g1 + m) * 255);
@@ -1199,8 +1146,7 @@ function renderRemoteCursors(ui, remotes) {
   const otherPageRemotes = [];
   const leaveRemotesIds = /* @__PURE__ */ new Set();
   Array.from(cache.keys()).forEach((clientId) => {
-    if (!remotes.has(clientId))
-      leaveRemotesIds.add(clientId);
+    if (!remotes.has(clientId)) leaveRemotesIds.add(clientId);
   });
   Array.from(remotes.values()).forEach((remote) => {
     var _a2;
@@ -1213,24 +1159,20 @@ function renderRemoteCursors(ui, remotes) {
   leaveRemotesIds.forEach((clientId) => {
     const el = cache.get(clientId);
     cache.delete(clientId);
-    if (!el)
-      return;
+    if (!el) return;
     el.remove();
   });
   otherPageRemotes.forEach(({ clientId }) => {
     const el = cache.get(clientId);
-    if (!el)
-      return;
+    if (!el) return;
     el.remove();
   });
-  if (!currentPageRemotes.length)
-    return;
+  if (!currentPageRemotes.length) return;
   const graph = ui.editor.graph;
   const { translate, scale } = graph.view;
   currentPageRemotes.forEach(
     ({ clientId, cursorState, userColor, userName }) => {
-      if (!cursorState)
-        return;
+      if (!cursorState) return;
       let el = cache.get(clientId);
       if (cursorState.hide) {
         if (el) {
@@ -1267,8 +1209,7 @@ function renderRemoteCursors(ui, remotes) {
   );
 }
 function getId(item) {
-  if (item.id)
-    return item.id;
+  if (item.id) return item.id;
   return null;
 }
 const SELECTION_OPACITY = 70;
@@ -1307,8 +1248,7 @@ function renderRemoteSelections(ui, remotes) {
   const otherPageRemotes = [];
   const leaveRemotesIds = /* @__PURE__ */ new Set();
   Array.from(cache.keys()).forEach((clientId) => {
-    if (!remotes.has(clientId))
-      leaveRemotesIds.add(clientId);
+    if (!remotes.has(clientId)) leaveRemotesIds.add(clientId);
   });
   Array.from(remotes.values()).forEach((remote) => {
     var _a2;
@@ -1321,20 +1261,17 @@ function renderRemoteSelections(ui, remotes) {
   leaveRemotesIds.forEach((clientId) => {
     const highlightCellMap = cache.get(clientId);
     cache.delete(clientId);
-    if (!highlightCellMap)
-      return;
+    if (!highlightCellMap) return;
     Array.from(highlightCellMap.values()).forEach((h) => h.destroy());
     highlightCellMap.clear();
   });
   otherPageRemotes.forEach(({ clientId }) => {
     const highlightCellMap = cache.get(clientId);
-    if (!highlightCellMap)
-      return;
+    if (!highlightCellMap) return;
     Array.from(highlightCellMap.values()).forEach((h) => h.destroy());
     highlightCellMap.clear();
   });
-  if (!currentPageRemotes.length)
-    return;
+  if (!currentPageRemotes.length) return;
   const graph = ui.editor.graph;
   currentPageRemotes.forEach(({ clientId, selectionState, userColor }) => {
     let highlightCellMap = cache.get(clientId);
@@ -1351,8 +1288,7 @@ function renderRemoteSelections(ui, remotes) {
       }
     });
     currentIds.forEach((id) => {
-      if (highlightCellMap.has(id))
-        return;
+      if (highlightCellMap.has(id)) return;
       const cell = graph.model.getCell(id);
       if (cell) {
         const highlightCell = graph.highlightCell(
@@ -1403,10 +1339,8 @@ function bindCollaborator(file, options) {
       const remotes = /* @__PURE__ */ new Map();
       const changedClientIds = /* @__PURE__ */ new Set([...update.added, ...update.updated]);
       for (const [clientId] of states.entries()) {
-        if (clientId === awareness.clientID)
-          continue;
-        if (!changedClientIds.has(clientId))
-          continue;
+        if (clientId === awareness.clientID) continue;
+        if (!changedClientIds.has(clientId)) continue;
         const name = getAwarenessStateValue(awareness, userNameKey, clientId) || clientId + "";
         const color = getAwarenessStateValue(awareness, userColorKey, clientId) || "#000000";
         remotes.set(clientId, {
@@ -1469,8 +1403,7 @@ function mergeFileIntoDoc(doc, fileXml, strategy) {
     var _a;
     for (const diagram of mxfileObj.diagram) {
       const id = ((_a = diagram._attributes) == null ? void 0 : _a.id) || "";
-      if (!id)
-        continue;
+      if (!id) continue;
       const docHas = diagramMap.has(id);
       if (docHas && strategy === "merge-remote") {
         continue;
@@ -1493,7 +1426,7 @@ function reconcileInitialContent(doc, file, strategy, applyFileData) {
   const fileHasDiagrams = fileHasAnyData && file.data.includes("<diagram");
   if (strategy === "replace") {
     if (docHasData) {
-      const xml2 = doc2xml(doc);
+      const xml2 = ydoc2xml(doc);
       if (xml2 && xml2.includes("<diagram")) {
         applyFileData(file, xml2);
       } else if (!fileHasAnyData) {
@@ -1513,12 +1446,12 @@ function reconcileInitialContent(doc, file, strategy, applyFileData) {
   if (!docHasData && fileHasDiagrams) {
     try {
       doc.transact(() => {
-        xml2doc(file.data, doc);
+        xml2ydoc(file.data, doc);
       });
       return true;
     } catch (err) {
       console.warn(
-        "[y-mxgraph] merge 模式下 xml2doc 失败，回退 replace：",
+        "[y-mxgraph] merge 模式下 xml2ydoc 失败，回退 replace：",
         err
       );
       applyFileData(file, Binding.generateFileTemplate("diagram-0"));
@@ -1526,7 +1459,7 @@ function reconcileInitialContent(doc, file, strategy, applyFileData) {
     }
   }
   if (docHasData && !fileHasDiagrams) {
-    const xml2 = doc2xml(doc);
+    const xml2 = ydoc2xml(doc);
     if (xml2 && xml2.includes("<diagram")) {
       applyFileData(file, xml2);
     } else if (!fileHasAnyData) {
@@ -1536,14 +1469,12 @@ function reconcileInitialContent(doc, file, strategy, applyFileData) {
   }
   const ok = mergeFileIntoDoc(doc, file.data, strategy);
   if (!ok) {
-    const xml2 = doc2xml(doc);
-    if (xml2 && xml2.includes("<diagram"))
-      applyFileData(file, xml2);
+    const xml2 = ydoc2xml(doc);
+    if (xml2 && xml2.includes("<diagram")) applyFileData(file, xml2);
     return mxfileMap.size > 0;
   }
-  const xml = doc2xml(doc);
-  if (xml && xml.includes("<diagram"))
-    applyFileData(file, xml);
+  const xml = ydoc2xml(doc);
+  if (xml && xml.includes("<diagram")) applyFileData(file, xml);
   return true;
 }
 class Binding {
@@ -1562,6 +1493,7 @@ class Binding {
       disableBeforeUnload = true
     } = options;
     this.doc = doc;
+    this.file = file;
     this.initialContentStrategy = initialContent;
     const ui = file.getUi();
     const graph = ui.editor.graph;
@@ -1586,18 +1518,16 @@ class Binding {
     }
     file.setShadowPages(file.ui.clonePages(file.ui.pages));
     this.mxListener = () => {
-      if (this.suppressLocalApply)
-        return;
+      if (this.suppressLocalApply) return;
       const patch = file.ui.diffPages(
         file.shadowPages,
         file.ui.pages
       );
       const patchKeys = Object.keys(patch);
-      if (patchKeys.length === 0)
-        return;
+      if (patchKeys.length === 0) return;
       if (!this.docInitialized) {
         doc.transact(() => {
-          xml2doc(file.data, doc);
+          xml2ydoc(file.data, doc);
           initDocSnapshot(doc, false);
         });
         this.docInitialized = true;
@@ -1616,7 +1546,7 @@ class Binding {
         const mxfileMap = doc.getMap(key);
         const diagramMap = mxfileMap.get(key$1);
         if (diagramMap && diagramMap.size > 0) {
-          const xml = doc2xml(doc);
+          const xml = ydoc2xml(doc);
           if (xml && xml.includes("<diagram")) {
             this.suppressLocalApply = true;
             try {
@@ -1636,8 +1566,7 @@ class Binding {
         this.docInitialized = true;
       }
       const patch = generatePatch(events);
-      if (Object.keys(patch).length === 0)
-        return;
+      if (Object.keys(patch).length === 0) return;
       this.suppressLocalApply = true;
       try {
         file.patch([patch]);
@@ -1670,8 +1599,7 @@ class Binding {
    */
   resetEditorStatus() {
     var _a;
-    if (!this.ui)
-      return;
+    if (!this.ui) return;
     this.ui.editor.setModified(false);
     this.ui.editor.setStatus("");
     (_a = this.ui.currentFile) == null ? void 0 : _a.setModified(false);
@@ -1729,9 +1657,7 @@ export {
   DEFAULT_USER_COLOR_KEY,
   DEFAULT_USER_NAME_KEY,
   LOCAL_ORIGIN,
-  createIframeBridgeProvider,
-  createIframeBridgeServer,
-  doc2xml,
-  xml2doc
+  xml2ydoc,
+  ydoc2xml
 };
 //# sourceMappingURL=y-mxgraph.es.js.map