y-mxgraph 0.3.1 → 0.3.2

package/y-mxgraph.cjs.js

@@ -4,7 +4,6 @@ const xmlJs = require("xml-js");
 const Y = require("yjs");
 const lodashEs = require("lodash-es");
 const colord = require("colord");
-const iframeBridge = require("@y-mxgraph/iframe-bridge");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -23,21 +22,18 @@ function _interopNamespaceDefault(e) {
 }
 const Y__namespace = /* @__PURE__ */ _interopNamespaceDefault(Y);
 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)) {
@@ -45,8 +41,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);
     }
@@ -218,18 +213,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]);
 }
@@ -239,12 +231,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));
@@ -327,10 +316,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) {
@@ -354,12 +341,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();
@@ -372,12 +357,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__namespace.XmlElement("mxCell");
                 Object.keys(item).forEach((key2) => {
-                  if (key2 === "previous")
-                    return;
+                  if (key2 === "previous") return;
                   xmlElement.setAttribute(key2, item[key2]);
                 });
                 cellsMap.set(id2, xmlElement);
@@ -416,8 +399,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]);
                   });
                 }
@@ -426,8 +408,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;
@@ -457,8 +438,7 @@ function applyFilePatch(doc, patch, options) {
                     newCell = new Y__namespace.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);
@@ -509,8 +489,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);
@@ -543,11 +522,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);
@@ -609,8 +586,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
@@ -621,8 +597,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);
@@ -637,8 +612,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;
       }
@@ -649,12 +623,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);
@@ -690,8 +662,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] || {};
@@ -705,16 +676,12 @@ function generatePatch(events, explicitDoc) {
     );
     for (const ev of events) {
       const target = ev.target;
-      if (!(target instanceof Y__namespace.Map))
-        continue;
-      if (!diagramSet.has(target))
-        continue;
+      if (!(target instanceof Y__namespace.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") || "";
     }
@@ -722,25 +689,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__namespace.XmlElement))
-      continue;
+    if (!(target instanceof Y__namespace.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) {
@@ -749,8 +711,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] || {};
@@ -766,8 +727,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([
@@ -904,10 +864,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;
@@ -963,8 +921,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") {
@@ -1006,27 +963,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;
@@ -1099,18 +1052,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);
@@ -1218,8 +1165,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;
@@ -1232,24 +1178,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) {
@@ -1286,8 +1228,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;
@@ -1326,8 +1267,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;
@@ -1340,20 +1280,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);
@@ -1370,8 +1307,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(
@@ -1422,10 +1358,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, {
@@ -1488,8 +1422,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;
@@ -1556,13 +1489,11 @@ 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);
+    if (xml2 && xml2.includes("<diagram")) applyFileData(file, xml2);
     return mxfileMap.size > 0;
   }
   const xml = doc2xml(doc);
-  if (xml && xml.includes("<diagram"))
-    applyFileData(file, xml);
+  if (xml && xml.includes("<diagram")) applyFileData(file, xml);
   return true;
 }
 class Binding {
@@ -1605,15 +1536,13 @@ 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);
@@ -1655,8 +1584,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]);
@@ -1689,8 +1617,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);
@@ -1743,14 +1670,6 @@ class Binding {
     return new Binding(file, options);
   }
 }
-Object.defineProperty(exports, "createIframeBridgeProvider", {
-  enumerable: true,
-  get: () => iframeBridge.createIframeBridgeProvider
-});
-Object.defineProperty(exports, "createIframeBridgeServer", {
-  enumerable: true,
-  get: () => iframeBridge.createIframeBridgeServer
-});
 exports.Binding = Binding;
 exports.DEFAULT_USER_COLOR_KEY = DEFAULT_USER_COLOR_KEY;
 exports.DEFAULT_USER_NAME_KEY = DEFAULT_USER_NAME_KEY;