y-mxgraph 0.1.5 → 0.1.6

package/README.md

@@ -29,13 +29,20 @@ import { Binding, LOCAL_ORIGIN } from 'y-mxgraph';
 const doc = new Y.Doc();
 
 App.main((app) => {
-  // Ensure consistent initial files across clients. draw.io generates random diagram ids by default,
-  // which can cause sync issues if clients start from different states. Use generateFileTemplate to create a unified template.
-  if (!app.currentFile.data) {
-    app.currentFile.data = Binding.generateFileTemplate('diagram-0');
+  const file = app.currentFile;
+
+  // If Y.Doc already has data (from other clients), use it
+  const mxfileMap = doc.getMap('mxfile');
+  const diagramMap = mxfileMap.get('diagram');
+  if (diagramMap && diagramMap.size > 0) {
+    const { doc2xml } = await import('y-mxgraph');
+    file.ui.setFileData(doc2xml(doc));
+    file.setData(doc2xml(doc));
+  } else if (!file.data) {
+    file.data = Binding.generateFileTemplate('diagram-0');
   }
 
-  const binding = new Binding(app.currentFile, { doc });
+  const binding = new Binding(file, { doc });
 
   window.addEventListener('beforeunload', () => binding.destroy());
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "y-mxgraph",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Yjs binding for draw.io (mxGraph) documents",
   "keywords": [
     "yjs",
@@ -28,6 +28,11 @@
       "types": "./index.d.ts"
     }
   },
+  "dependencies": {
+    "colord": "^2.9.3",
+    "lodash-es": "^4.17.21",
+    "xml-js": "^1.6.11"
+  },
   "peerDependencies": {
     "y-protocols": "^1.0.0",
     "yjs": "^13.6.0"