@eventcatalog/core 5.9.1 → 5.10.0

package/eventcatalog/src/utils/node-graphs/entity-layout.ts

@@ -0,0 +1,53 @@
+/**
+ * How entity maps are laid out: ELK's force layout, each entity sized by how many properties it has.
+ * Kept apart from the graph builders (which read the catalog's collections), so the catalog's entity
+ * map can lay out what it shows in the browser the same way.
+ */
+import ELK from 'elkjs/lib/elk.bundled.js';
+import { getNodeSize } from '@eventcatalog/visualiser/layout';
+
+const elk = new ELK();
+
+/** Places entities with ELK's force layout, sized by how many properties they have */
+export const layoutEntityNodes = async (nodes: any[], edges: any[]) => {
+  // Prepare ELK graph structure
+  // Sized as the visualiser estimates them (a row for each property), so the catalog and the browser agree
+  const elkNodes = nodes.map((node: any) => ({ id: node.id, ...getNodeSize(node) }));
+
+  const elkEdges = edges.map((edge: any) => ({
+    id: edge.id,
+    sources: [edge.source],
+    targets: [edge.target],
+  }));
+
+  const elkGraph = {
+    id: 'root',
+    layoutOptions: {
+      'elk.algorithm': 'force',
+      'elk.force.iterations': '300',
+      'elk.spacing.nodeNode': '45',
+      'elk.spacing.componentComponent': '50',
+      'elk.padding': '[top=30,left=30,bottom=30,right=30]',
+      'elk.separateConnectedComponents': 'true',
+    },
+    children: elkNodes,
+    edges: elkEdges,
+  };
+
+  // Run ELK layout
+  const layoutedGraph = await elk.layout(elkGraph);
+
+  // Apply positions to nodes
+  const positionedNodes = nodes.map((node: any) => {
+    const elkNode = layoutedGraph.children?.find((n: any) => n.id === node.id);
+    return {
+      ...node,
+      position: {
+        x: elkNode?.x || 0,
+        y: elkNode?.y || 0,
+      },
+    };
+  });
+
+  return positionedNodes;
+};

package/eventcatalog/src/utils/node-graphs/flow-lanes.ts

@@ -30,8 +30,8 @@ type Resource = { data: { id: string; name?: string; owners?: (string | { id: st
 
 // Lanes use the latest version of each domain and system (as the collection
 // utils do when they don't ask for every version)
-const isLatest = (entry: { filePath?: string }) => !entry.filePath?.includes('versioned');
-const toLane = (entry: Resource): Lane => ({ id: entry.data.id, name: entry.data.name || entry.data.id });
+export const isLatest = (entry: { filePath?: string }) => !entry.filePath?.includes('versioned');
+export const toLane = (entry: Resource): Lane => ({ id: entry.data.id, name: entry.data.name || entry.data.id });
 const pointerIds = (pointers?: { id: string }[]) => (pointers || []).map((pointer) => pointer.id);
 
 /**

package/package.json

@@ -7,7 +7,7 @@
   },
   "license": "BUSL-1.1",
   "type": "module",
-  "version": "5.9.1",
+  "version": "5.10.0",
   "publishConfig": {
     "access": "public"
   },
@@ -63,7 +63,7 @@
     "@hocuspocus/provider": "^4.7.0",
     "@hocuspocus/server": "^4.7.0",
     "@iconify-json/logos": "^1.2.4",
-    "@mcp-b/webmcp-polyfill": "5.1.0",
+    "@mcp-b/webmcp-polyfill": "6.0.3",
     "@mermaid-js/layout-elk": "^0.2.0",
     "@modelcontextprotocol/client": "2.3.1",
     "@modelcontextprotocol/ext-apps": "2.0.3",
@@ -95,7 +95,7 @@
     "diff2html": "^3.4.56",
     "dotenv": "^16.5.0",
     "elkjs": "^0.10.0",
-    "glob": "^13.0.6",
+    "glob": "^13.0.7",
     "gray-matter": "^4.0.3",
     "hono": "^4.13.7",
     "html-to-image": "^1.11.11",
@@ -143,9 +143,9 @@
     "zod": "^4.6.6",
     "@eventcatalog/exporters": "0.1.4",
     "@eventcatalog/fitness": "0.1.1",
+    "@eventcatalog/linter": "1.3.1",
     "@eventcatalog/sdk": "2.32.0",
-    "@eventcatalog/visualiser": "^5.2.5",
-    "@eventcatalog/linter": "1.3.1"
+    "@eventcatalog/visualiser": "^5.3.0"
   },
   "devDependencies": {
     "@astrojs/check": "^0.9.10",