y-mxgraph 0.2.2 → 0.3.1

package/y-mxgraph.es.js

@@ -2,6 +2,7 @@ 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;
@@ -1549,6 +1550,7 @@ class Binding {
   constructor(file, options) {
     this.suppressLocalApply = false;
     this.docInitialized = false;
+    this.ui = null;
     const {
       doc,
       awareness,
@@ -1556,13 +1558,18 @@ class Binding {
       mouseMoveThrottle,
       cursor,
       initialContent = "replace",
-      applyFileData = defaultApplyFileData
+      applyFileData = defaultApplyFileData,
+      disableBeforeUnload = true
     } = options;
     this.doc = doc;
     this.initialContentStrategy = initialContent;
     const ui = file.getUi();
     const graph = ui.editor.graph;
     this.mxGraphModel = graph.model;
+    this.ui = ui;
+    if (disableBeforeUnload) {
+      ui.onBeforeUnload = () => null;
+    }
     this.suppressLocalApply = true;
     try {
       this.docInitialized = reconcileInitialContent(
@@ -1597,6 +1604,7 @@ class Binding {
       }
       file.setShadowPages(file.ui.clonePages(file.ui.pages));
       applyFilePatch(doc, patch, { origin: LOCAL_ORIGIN });
+      this.resetEditorStatus();
     };
     this.mxGraphModel.addListener("change", this.mxListener);
     this.docObserver = (events, transaction) => {
@@ -1615,10 +1623,7 @@ class Binding {
               applyFileData(file, xml);
               file.setShadowPages(file.ui.clonePages(file.ui.pages));
               initDocSnapshot(doc, false);
-              const ui2 = file.getUi();
-              const editor = ui2.editor;
-              editor.setStatus("");
-              editor.setModified(false);
+              this.resetEditorStatus();
             } finally {
               this.suppressLocalApply = false;
             }
@@ -1637,6 +1642,7 @@ class Binding {
       try {
         file.patch([patch]);
         file.setShadowPages(file.ui.clonePages(file.ui.pages));
+        this.resetEditorStatus();
       } finally {
         this.suppressLocalApply = false;
       }
@@ -1658,6 +1664,18 @@ class Binding {
   get shouldReplaceWhenDocHasData() {
     return this.initialContentStrategy === "replace" && !this.docInitialized;
   }
+  /**
+   * 重置 editor 和 file 的 modified 状态及状态栏。
+   * Yjs 接管持久化后，draw.io 的原生保存状态不再有意义。
+   */
+  resetEditorStatus() {
+    var _a;
+    if (!this.ui)
+      return;
+    this.ui.editor.setModified(false);
+    this.ui.editor.setStatus("");
+    (_a = this.ui.currentFile) == null ? void 0 : _a.setModified(false);
+  }
   /**
    * 销毁绑定，解除所有监听器
    * @param deep - 是否深度清理（包括 awareness/undoManager），默认 false
@@ -1711,6 +1729,8 @@ export {
   DEFAULT_USER_COLOR_KEY,
   DEFAULT_USER_NAME_KEY,
   LOCAL_ORIGIN,
+  createIframeBridgeProvider,
+  createIframeBridgeServer,
   doc2xml,
   xml2doc
 };