@eventcatalog/core 5.6.0 → 5.7.0

package/dist/analytics/analytics.cjs

@@ -36,7 +36,7 @@ module.exports = __toCommonJS(analytics_exports);
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "5.6.0";
+var version = "5.7.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/analytics.js

@@ -1,8 +1,8 @@
 import {
   raiseEvent
-} from "../chunk-T3U27UXC.js";
+} from "../chunk-4CV7VC4K.js";
 import "../chunk-CPW6G62V.js";
-import "../chunk-ETS4G6RR.js";
+import "../chunk-MOPKQMQP.js";
 export {
   raiseEvent
 };

package/dist/analytics/log-build.cjs

@@ -169,7 +169,7 @@ var verifyRequiredFieldsAreInCatalogConfigFile = async (projectDirectory) => {
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "5.6.0";
+var version = "5.7.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,12 +1,12 @@
 import {
   log_build_default
-} from "../chunk-7TTNTHHN.js";
-import "../chunk-CA6WCQ2T.js";
+} from "../chunk-22KZ4TJF.js";
 import "../chunk-AD7CL772.js";
-import "../chunk-T3U27UXC.js";
-import "../chunk-CPW6G62V.js";
+import "../chunk-4CV7VC4K.js";
 import "../chunk-YRZK7HKX.js";
-import "../chunk-ETS4G6RR.js";
+import "../chunk-CA6WCQ2T.js";
+import "../chunk-CPW6G62V.js";
+import "../chunk-MOPKQMQP.js";
 import "../chunk-4G7FSRPN.js";
 export {
   log_build_default as default

package/dist/{chunk-7TTNTHHN.js → chunk-22KZ4TJF.js}

@@ -1,23 +1,23 @@
-import {
-  getStorageType,
-  getStudioMode,
-  serializeStudioUsage
-} from "./chunk-CA6WCQ2T.js";
 import {
   getLicenseAnalytics
 } from "./chunk-AD7CL772.js";
 import {
   raiseEvent
-} from "./chunk-T3U27UXC.js";
-import {
-  TELEMETRY_REQUEST_TIMEOUT_MS,
-  isTelemetryDisabled
-} from "./chunk-CPW6G62V.js";
+} from "./chunk-4CV7VC4K.js";
 import {
   countResources,
   hashCatalogContent,
   serializeCounts
 } from "./chunk-YRZK7HKX.js";
+import {
+  getStorageType,
+  getStudioMode,
+  serializeStudioUsage
+} from "./chunk-CA6WCQ2T.js";
+import {
+  TELEMETRY_REQUEST_TIMEOUT_MS,
+  isTelemetryDisabled
+} from "./chunk-CPW6G62V.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile

package/dist/{chunk-T3U27UXC.js → chunk-4CV7VC4K.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-CPW6G62V.js";
 import {
   VERSION
-} from "./chunk-ETS4G6RR.js";
+} from "./chunk-MOPKQMQP.js";
 
 // src/analytics/analytics.js
 import os from "os";

package/dist/{chunk-XBRKEQ66.js → chunk-BE5PTWNC.js}

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-ETS4G6RR.js";
+} from "./chunk-MOPKQMQP.js";
 
 // src/utils/cli-logger.ts
 import pc from "picocolors";

package/dist/{chunk-DEO4QEGO.js → chunk-FMWQ2YYN.js}

@@ -1,6 +1,6 @@
 import {
   logger
-} from "./chunk-XBRKEQ66.js";
+} from "./chunk-BE5PTWNC.js";
 import {
   cleanup,
   getEventCatalogConfigFile

package/dist/{chunk-ETS4G6RR.js → chunk-MOPKQMQP.js}

@@ -1,5 +1,5 @@
 // package.json
-var version = "5.6.0";
+var version = "5.7.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/constants.cjs

@@ -25,7 +25,7 @@ __export(constants_exports, {
 module.exports = __toCommonJS(constants_exports);
 
 // package.json
-var version = "5.6.0";
+var version = "5.7.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/constants.js

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-ETS4G6RR.js";
+} from "./chunk-MOPKQMQP.js";
 export {
   VERSION
 };

package/dist/eventcatalog.cjs

@@ -174,7 +174,7 @@ var verifyRequiredFieldsAreInCatalogConfigFile = async (projectDirectory) => {
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "5.6.0";
+var version = "5.7.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/eventcatalog.js

@@ -1,36 +1,36 @@
 import {
-  log_build_default
-} from "./chunk-7TTNTHHN.js";
-import "./chunk-CA6WCQ2T.js";
+  stopChildWithParent
+} from "./chunk-S5GWAUG5.js";
 import {
   runMigrations
 } from "./chunk-XUAF2H54.js";
 import "./chunk-CA4U2JP7.js";
 import {
-  stopChildWithParent
-} from "./chunk-S5GWAUG5.js";
+  log_build_default
+} from "./chunk-22KZ4TJF.js";
 import {
   getLicenseStatus,
   printLicenseStatus
 } from "./chunk-AD7CL772.js";
-import "./chunk-T3U27UXC.js";
-import "./chunk-CPW6G62V.js";
+import "./chunk-4CV7VC4K.js";
 import "./chunk-YRZK7HKX.js";
+import "./chunk-CA6WCQ2T.js";
+import "./chunk-CPW6G62V.js";
 import {
   FederationConflictError,
   FederationDiagnosticError,
   federateCatalog
-} from "./chunk-NCEZDQSW.js";
-import "./chunk-R7Z5ALYI.js";
-import {
-  getFederationDiagnosticCounts,
-  getVisibleFederationDiagnostics
-} from "./chunk-JJPB6EOZ.js";
+} from "./chunk-QJ7KKN2D.js";
 import "./chunk-WRNH5C3U.js";
 import "./chunk-5EPNFDT5.js";
 import "./chunk-A2RZR3U4.js";
 import "./chunk-SDZQJTJW.js";
 import "./chunk-352FGP6W.js";
+import "./chunk-R7Z5ALYI.js";
+import {
+  getFederationDiagnosticCounts,
+  getVisibleFederationDiagnostics
+} from "./chunk-JJPB6EOZ.js";
 import {
   getProjectOutDir,
   isAuthEnabled,
@@ -39,10 +39,10 @@ import {
 } from "./chunk-NKNOXQ62.js";
 import {
   generate
-} from "./chunk-DEO4QEGO.js";
+} from "./chunk-FMWQ2YYN.js";
 import {
   logger
-} from "./chunk-XBRKEQ66.js";
+} from "./chunk-BE5PTWNC.js";
 import {
   resolve_catalog_dependencies_default
 } from "./chunk-PD7KTSYN.js";
@@ -79,7 +79,7 @@ import {
 } from "./chunk-LFQJXLHG.js";
 import {
   VERSION
-} from "./chunk-ETS4G6RR.js";
+} from "./chunk-MOPKQMQP.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile

package/dist/federation/federate.js

@@ -2,14 +2,14 @@ import {
   FederationConflictError,
   FederationDiagnosticError,
   federateCatalog
-} from "../chunk-NCEZDQSW.js";
-import "../chunk-R7Z5ALYI.js";
-import "../chunk-JJPB6EOZ.js";
+} from "../chunk-QJ7KKN2D.js";
 import "../chunk-WRNH5C3U.js";
 import "../chunk-5EPNFDT5.js";
 import "../chunk-A2RZR3U4.js";
 import "../chunk-SDZQJTJW.js";
 import "../chunk-352FGP6W.js";
+import "../chunk-R7Z5ALYI.js";
+import "../chunk-JJPB6EOZ.js";
 import "../chunk-4G7FSRPN.js";
 export {
   FederationConflictError,

package/dist/generate.cjs

@@ -105,7 +105,7 @@ var getEventCatalogConfigFile = async (projectDirectory) => {
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "5.6.0";
+var version = "5.7.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/generate.js

@@ -1,8 +1,8 @@
 import {
   generate
-} from "./chunk-DEO4QEGO.js";
-import "./chunk-XBRKEQ66.js";
-import "./chunk-ETS4G6RR.js";
+} from "./chunk-FMWQ2YYN.js";
+import "./chunk-BE5PTWNC.js";
+import "./chunk-MOPKQMQP.js";
 import "./chunk-4G7FSRPN.js";
 export {
   generate

package/dist/utils/cli-logger.cjs

@@ -36,7 +36,7 @@ module.exports = __toCommonJS(cli_logger_exports);
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "5.6.0";
+var version = "5.7.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/utils/cli-logger.js

@@ -1,7 +1,7 @@
 import {
   logger
-} from "../chunk-XBRKEQ66.js";
-import "../chunk-ETS4G6RR.js";
+} from "../chunk-BE5PTWNC.js";
+import "../chunk-MOPKQMQP.js";
 export {
   logger
 };

package/eventcatalog/src/components/ChatPanel/ChatPanel.tsx

@@ -619,9 +619,14 @@ const ChatPanel = ({ isOpen, onClose, configured = false }: ChatPanelProps) => {
     }
   }, [configured, isOpen, tools.length, chatApiUrl]);
 
-  // Get current URL (pathname + search) on mount and when panel opens
+  // Follow the current URL (pathname + search): the panel lives in the persisted header, so it stays mounted while
+  // ClientRouter swaps pages underneath it. Reading the URL again after each swap keeps the suggested questions and
+  // the "Based on" context on the page the person is actually looking at, not the one they opened the panel from.
   useEffect(() => {
-    setPathname(window.location.pathname + window.location.search);
+    const updatePathname = () => setPathname(window.location.pathname + window.location.search);
+    updatePathname();
+    document.addEventListener('astro:after-swap', updatePathname);
+    return () => document.removeEventListener('astro:after-swap', updatePathname);
   }, [isOpen]);
 
   // Memoize suggested questions to avoid recalculating on every render
@@ -755,15 +760,19 @@ const ChatPanel = ({ isOpen, onClose, configured = false }: ChatPanelProps) => {
 
   // Add/remove padding to main application and header when sidebar panel is open
   useEffect(() => {
-    const appEl = document.getElementById('eventcatalog-application');
-    const headerEl = document.getElementById('eventcatalog-header');
-    const docsSidebarEl = document.getElementById('eventcatalog-docs-sidebar');
-
-    const elements = [appEl, headerEl].filter(Boolean) as HTMLElement[];
+    // Looked up each time: the panel stays open across ClientRouter navigations (the header persists), but each one
+    // swaps in a new page that needs pushing over too
+    const getElements = () => ({
+      elements: [document.getElementById('eventcatalog-application'), document.getElementById('eventcatalog-header')].filter(
+        Boolean
+      ) as HTMLElement[],
+      docsSidebarEl: document.getElementById('eventcatalog-docs-sidebar'),
+    });
 
     const desktop = window.matchMedia('(min-width: 1024px)');
     const updateLayout = () => {
       const pushContent = desktop.matches && isOpen && !isFullscreen;
+      const { elements, docsSidebarEl } = getElements();
       elements.forEach((el) => {
         if (!el.style.transition) {
           el.style.transition = 'padding-right 420ms cubic-bezier(0.16, 1, 0.3, 1)';
@@ -774,10 +783,14 @@ const ChatPanel = ({ isOpen, onClose, configured = false }: ChatPanelProps) => {
     };
     updateLayout();
     desktop.addEventListener('change', updateLayout);
+    // The new page is in place but not yet shown, so it opens already pushed over
+    document.addEventListener('astro:after-swap', updateLayout);
 
     // Cleanup on unmount
     return () => {
       desktop.removeEventListener('change', updateLayout);
+      document.removeEventListener('astro:after-swap', updateLayout);
+      const { elements, docsSidebarEl } = getElements();
       elements.forEach((el) => {
         el.style.paddingRight = '0';
       });

package/eventcatalog/src/components/MDX/NodeGraph/AstroNodeGraph.tsx

@@ -17,6 +17,7 @@ import { createPortal } from 'react-dom';
 import type { Node, Edge } from '@xyflow/react';
 import type { FlowGroupBy, OpenInStudioRequest } from '@eventcatalog/visualiser';
 import { buildUrl } from '@utils/url-builder';
+import { getNodeDiagramPath } from '@utils/node-graphs/node-resource';
 import { createCanvasThroughApi } from '@features/studio/api/client';
 import { getStoredName } from '@features/studio/identity';
 
@@ -84,9 +85,27 @@ interface AstroNodeGraphProps {
   swimlanes?: FlowGroupBy;
   // The Studio API's address, when Studio is on: the menu can then start a canvas from the diagram
   studioApiUrl?: string;
+  // Clicking a node opens its diagram (when the catalog has the visualiser's pages)
+  opensDiagrams?: boolean;
 }
 
-const AstroNodeGraph = ({ isDevMode = false, resourceKey, studioApiUrl, ...otherProps }: AstroNodeGraphProps) => {
+const withoutTrailingSlash = (path: string) => path.replace(/\/+$/, '');
+
+/** The diagram page a node opens, unless it's the page this is (e.g. the service on its own diagram) */
+const getNodeDiagramUrl = (node: Node) => {
+  const path = getNodeDiagramPath(node);
+  if (!path) return undefined;
+  const url = buildUrl(path);
+  return withoutTrailingSlash(url) === withoutTrailingSlash(window.location.pathname) ? undefined : url;
+};
+
+const AstroNodeGraph = ({
+  isDevMode = false,
+  resourceKey,
+  studioApiUrl,
+  opensDiagrams = false,
+  ...otherProps
+}: AstroNodeGraphProps) => {
   // Astro-specific navigation handler
   const handleNavigate = useCallback((url: string) => {
     // Use window.location for navigation since we can't import astro:transitions/client in a React component
@@ -167,6 +186,7 @@ const AstroNodeGraph = ({ isDevMode = false, resourceKey, studioApiUrl, ...other
         isDevMode={isDevMode}
         onNavigate={handleNavigate}
         onBuildUrl={handleBuildUrl}
+        getNodeDiagramUrl={opensDiagrams ? getNodeDiagramUrl : undefined}
         onSaveLayout={handleSaveLayout}
         onResetLayout={handleResetLayout}
         onOpenInStudio={studioApiUrl ? setToOpen : undefined}

package/eventcatalog/src/components/MDX/NodeGraph/NodeGraph.astro

@@ -31,7 +31,7 @@ import { pageDataLoader } from '@utils/page-loaders/page-data-loader';
 import { getNodesAndEdges as getNodesAndEdgesForContainer } from '@utils/node-graphs/container-node-graph';
 import { getNodesAndEdges as getNodesAndEdgesForChannel } from '@utils/node-graphs/channel-node-graph';
 import config from '@config';
-import { isEventCatalogChatVisible, isDevMode, isCanvasEnabled } from '@utils/feature';
+import { isEventCatalogChatVisible, isDevMode, isCanvasEnabled, isVisualiserEnabled } from '@utils/feature';
 import { CANVASES_API_PATH } from '@features/studio/api/canvases-api';
 import { loadSavedLayout, applyLayoutToNodes, buildResourceKey } from '@utils/node-graphs/layout-persistence';
 import { compactVisualiserGraph } from '@utils/node-graphs/compact-visualiser-graph';
@@ -268,6 +268,7 @@ if (overview && levelsOverview) {
     swimlanes={lanes}
     studioApiUrl={studioApiUrl}
     syncRenderModeWithUrl={syncRenderModeWithUrl}
+    opensDiagrams={isVisualiserEnabled()}
   />
 </div>