@eventcatalog/visualiser 5.1.0 → 5.1.2

package/dist/index.mjs

@@ -80,7 +80,7 @@ import {
   nodeConfigs,
   normalizeOwners,
   pauseEdgeAnimations
-} from "./chunk-ZHXUMAPK.mjs";
+} from "./chunk-RHE5IMXC.mjs";
 import {
   ACTOR,
   AGENT,

package/dist/model.mjs

@@ -22,7 +22,7 @@ import {
   Tour,
   validateModel,
   validateTour
-} from "./chunk-R3QHQ7LF.mjs";
+} from "./chunk-JB2NMDKX.mjs";
 export {
   CONTAINER_TYPES,
   CommentAuthor,

package/dist/studio.mjs

@@ -16,7 +16,7 @@ import {
   getExportImageDimensions,
   injectExportStyles,
   memoNode
-} from "./chunk-ZHXUMAPK.mjs";
+} from "./chunk-RHE5IMXC.mjs";
 import "./chunk-STJQWGKW.mjs";
 import {
   getMessagesLabel,
@@ -28,7 +28,7 @@ import {
   MESSAGE_TYPES,
   Model,
   validateModel
-} from "./chunk-R3QHQ7LF.mjs";
+} from "./chunk-JB2NMDKX.mjs";
 
 // src/studio/canvas-doc.ts
 import * as Y from "yjs";
@@ -2426,7 +2426,15 @@ async function modelToCanvas(model, seed) {
     })
   );
   const edges = edgesFor(model, byId2);
-  const unplaced = nodes.filter((node) => !saved[node.id]).map((node) => node.id);
+  const lookup = new Map(nodes.map((node) => [node.id, node]));
+  const misplaced = (node) => {
+    const parent = node.parentId ? lookup.get(node.parentId) : void 0;
+    if (!parent || !saved[node.id]) return false;
+    const { x, y } = node.position;
+    const slack = 20;
+    return x < -slack || y < -slack || parent.width !== void 0 && x > parent.width || parent.height !== void 0 && y > parent.height;
+  };
+  const unplaced = nodes.filter((node) => !saved[node.id] || misplaced(node)).map((node) => node.id);
   const seeded = unplaced.length === nodes.length && seed ? placesFromSeed(seed.nodes, nodes) : void 0;
   if (seeded) {
     nodes = nodes.map(
@@ -2448,9 +2456,28 @@ async function modelToCanvas(model, seed) {
       target
     }));
     const places = placeNodes(nodes, unplaced, links);
-    nodes = nodes.map(
-      (node) => places.has(node.id) ? { ...node, position: places.get(node.id) } : node
-    );
+    const byNodeId = new Map(nodes.map((node) => [node.id, node]));
+    const canvasAt = (node) => {
+      const placed = places.get(node.id);
+      if (placed) return placed;
+      const parent = node.parentId ? byNodeId.get(node.parentId) : void 0;
+      if (!parent) return node.position;
+      const parentAt = canvasAt(parent);
+      return {
+        x: parentAt.x + node.position.x,
+        y: parentAt.y + node.position.y
+      };
+    };
+    nodes = nodes.map((node) => {
+      const placed = places.get(node.id);
+      if (!placed) return node;
+      const parent = node.parentId ? byNodeId.get(node.parentId) : void 0;
+      const parentAt = parent ? canvasAt(parent) : { x: 0, y: 0 };
+      return {
+        ...node,
+        position: { x: placed.x - parentAt.x, y: placed.y - parentAt.y }
+      };
+    });
   }
   return {
     nodes: [...nodes, ...notesToNodes(model.notes ?? [], nodes)],