@eventcatalog/core 3.4.0 → 3.4.2

package/dist/analytics/analytics.cjs

@@ -37,7 +37,7 @@ var import_axios = __toESM(require("axios"), 1);
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "3.4.0";
+var version = "3.4.2";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-VAGFX36R.js";
-import "../chunk-KFZIBXRQ.js";
+} from "../chunk-363MMCIA.js";
+import "../chunk-JKOCGMX6.js";
 export {
   raiseEvent
 };

package/dist/analytics/log-build.cjs

@@ -106,7 +106,7 @@ var import_axios = __toESM(require("axios"), 1);
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "3.4.0";
+var version = "3.4.2";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,8 +1,8 @@
 import {
   log_build_default
-} from "../chunk-Q4DKMESA.js";
-import "../chunk-VAGFX36R.js";
-import "../chunk-KFZIBXRQ.js";
+} from "../chunk-6TCIKRLP.js";
+import "../chunk-363MMCIA.js";
+import "../chunk-JKOCGMX6.js";
 import "../chunk-UPONRQSN.js";
 export {
   log_build_default as default

package/dist/{chunk-VAGFX36R.js → chunk-363MMCIA.js}

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-KFZIBXRQ.js";
+} from "./chunk-JKOCGMX6.js";
 
 // src/analytics/analytics.js
 import axios from "axios";

package/dist/{chunk-Q4DKMESA.js → chunk-6TCIKRLP.js}

@@ -1,6 +1,6 @@
 import {
   raiseEvent
-} from "./chunk-VAGFX36R.js";
+} from "./chunk-363MMCIA.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile

package/dist/{chunk-GLMX3ZTY.js → chunk-E4RUDCKA.js}

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

package/dist/{chunk-KFZIBXRQ.js → chunk-JKOCGMX6.js}

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

package/dist/{chunk-MJRHV77M.js → chunk-JMIRAK3A.js}

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

package/dist/constants.cjs

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

package/dist/constants.js

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

package/dist/eventcatalog.cjs

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

package/dist/eventcatalog.js

@@ -6,8 +6,8 @@ import {
 } from "./chunk-PLNJC7NZ.js";
 import {
   log_build_default
-} from "./chunk-Q4DKMESA.js";
-import "./chunk-VAGFX36R.js";
+} from "./chunk-6TCIKRLP.js";
+import "./chunk-363MMCIA.js";
 import {
   runMigrations
 } from "./chunk-BH3JMNAV.js";
@@ -21,13 +21,13 @@ import {
 } from "./chunk-5VBIXL6C.js";
 import {
   generate
-} from "./chunk-MJRHV77M.js";
+} from "./chunk-JMIRAK3A.js";
 import {
   logger
-} from "./chunk-GLMX3ZTY.js";
+} from "./chunk-E4RUDCKA.js";
 import {
   VERSION
-} from "./chunk-KFZIBXRQ.js";
+} from "./chunk-JKOCGMX6.js";
 import "./chunk-UPONRQSN.js";
 
 // src/eventcatalog.ts

package/dist/generate.cjs

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

package/dist/generate.js

@@ -1,8 +1,8 @@
 import {
   generate
-} from "./chunk-MJRHV77M.js";
-import "./chunk-GLMX3ZTY.js";
-import "./chunk-KFZIBXRQ.js";
+} from "./chunk-JMIRAK3A.js";
+import "./chunk-E4RUDCKA.js";
+import "./chunk-JKOCGMX6.js";
 import "./chunk-UPONRQSN.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 = "3.4.0";
+var version = "3.4.2";
 
 // src/constants.ts
 var VERSION = version;

package/dist/utils/cli-logger.js

@@ -1,7 +1,7 @@
 import {
   logger
-} from "../chunk-GLMX3ZTY.js";
-import "../chunk-KFZIBXRQ.js";
+} from "../chunk-E4RUDCKA.js";
+import "../chunk-JKOCGMX6.js";
 export {
   logger
 };

package/eventcatalog/src/components/SideNav/NestedSideBar/index.tsx

@@ -469,6 +469,18 @@ export default function NestedSideBar() {
     };
   }, [isInitialized, findAndNavigateToUrl, currentPath]);
 
+  /**
+   * Check if a node is favorited
+   * Note: This hook must be defined before any early returns to comply with Rules of Hooks
+   */
+  const isFavorited = useCallback(
+    (nodeKey: string | null): boolean => {
+      if (!nodeKey) return false;
+      return favorites.some((fav) => fav.nodeKey === nodeKey);
+    },
+    [favorites]
+  );
+
   // Show loading state if no data yet
   if (!data || roots.length === 0) {
     return (
@@ -583,17 +595,6 @@ export default function NestedSideBar() {
     }
   };
 
-  /**
-   * Check if a node is favorited
-   */
-  const isFavorited = useCallback(
-    (nodeKey: string | null): boolean => {
-      if (!nodeKey) return false;
-      return favorites.some((fav) => fav.nodeKey === nodeKey);
-    },
-    [favorites]
-  );
-
   /**
    * Toggle favorite status for a node
    */

package/eventcatalog/src/enterprise/custom-documentation/pages/docs/custom/index.astro

@@ -368,157 +368,35 @@ const badges = doc?.badges || [];
 
   setupObserver();
 
-  document.addEventListener('astro:page-load', () => {
-    const graphs = document.getElementsByClassName('mermaid');
-    if (document.getElementsByClassName('mermaid').length > 0) {
-      renderDiagrams(graphs);
-    }
-  });
-
-  async function renderDiagrams(graphs: any) {
-    const { default: mermaid } = await import('mermaid');
-
-    if (window.eventcatalog.mermaid) {
-      const { icons } = await import('@iconify-json/logos');
-      // @ts-ignore
-      const { iconPacks = [], enableSupportForElkLayout = false } = window.eventcatalog.mermaid ?? {};
-
-      if (iconPacks.length > 0) {
-        const iconPacksToRegister = iconPacks.map((name: string) => {
-          return {
-            name,
-            icons,
-          };
-        });
-
-        mermaid.registerIconPacks(iconPacksToRegister);
-      }
-
-      if (enableSupportForElkLayout) {
-        // @ts-ignore
-        const { default: elkLayouts } = await import('@mermaid-js/layout-elk/dist/mermaid-layout-elk.core.mjs');
-        mermaid.registerLayoutLoaders(elkLayouts);
-      }
-    }
-
-    // Detect current theme from data-theme attribute
-    const isDarkMode = document.documentElement.getAttribute('data-theme') === 'dark';
-    const currentTheme = isDarkMode ? 'dark' : 'default';
-
-    // Custom theme variables for better readability in dark mode
-    const darkThemeVariables = {
-      // Sequence diagram - improve text contrast
-      signalColor: '#f0f6fc',
-      signalTextColor: '#f0f6fc',
-      actorTextColor: '#0d1117',
-      actorBkg: '#f0f6fc',
-      actorBorder: '#484f58',
-      actorLineColor: '#6b7280',
-      // General text colors
-      primaryTextColor: '#f0f6fc',
-      secondaryTextColor: '#c9d1d9',
-      tertiaryTextColor: '#f0f6fc',
-      // Line colors
-      lineColor: '#6b7280',
-    };
-
-    mermaid.initialize({
-      // fontSize: 2,
-      flowchart: {
-        curve: 'linear',
-        rankSpacing: 0,
-        nodeSpacing: 0,
-      },
-      startOnLoad: false,
-      fontFamily: 'var(--sans-font)',
-      // @ts-ignore This works, but TS expects a enum for some reason
-      theme: currentTheme,
-      themeVariables: isDarkMode ? darkThemeVariables : undefined,
-      architecture: {
-        useMaxWidth: true,
-      },
-    });
-
-    for (const graph of graphs) {
-      const content = graph.getAttribute('data-content');
-      if (!content) continue;
-      let svg = document.createElement('svg');
-      const id = (svg.id = 'mermaid-' + Math.round(Math.random() * 100000));
-      graph.appendChild(svg);
-      mermaid.render(id, content).then((result) => {
-        graph.innerHTML = result.svg;
-      });
-    }
-  }
-
-  const graphs = document.getElementsByClassName('mermaid');
-  if (document.getElementsByClassName('mermaid').length > 0) {
-    renderDiagrams(graphs);
-  }
-
-  // Make renderDiagrams available globally for accordion component
-  window.renderDiagrams = renderDiagrams;
-
   document.addEventListener('astro:page-load', setupObserver);
 </script>
 
 <script>
-  import('pako').then(({ deflate }: any) => {
-    document.addEventListener('astro:page-load', () => {
-      const blocks = document.getElementsByClassName('plantuml');
-      if (blocks.length > 0) {
-        renderPlantUML(blocks, deflate);
-      }
-    });
+  import { destroyZoomInstances, renderMermaidWithZoom, renderPlantUMLWithZoom } from '@utils/mermaid-zoom';
 
-    function renderPlantUML(blocks: any, deflate: any) {
-      for (const block of blocks) {
-        const content = block.getAttribute('data-content');
-        if (!content) continue;
-
-        const encoded = encodePlantUML(content, deflate);
-        const img = document.createElement('img');
-        img.src = `https://www.plantuml.com/plantuml/svg/~1${encoded}`;
-        img.alt = 'PlantUML diagram';
-        img.loading = 'lazy';
-        block.innerHTML = '';
-        img.classList.add('mx-auto');
-        block.appendChild(img);
-      }
-    }
+  function initDiagrams() {
+    destroyZoomInstances();
 
-    function encodePlantUML(text: any, deflate: any) {
-      const utf8encoded = new TextEncoder().encode(text);
-      const compressed = deflate(utf8encoded, { level: 9 });
-      return encode64(compressed);
+    const mermaidGraphs = document.getElementsByClassName('mermaid');
+    if (mermaidGraphs.length > 0) {
+      renderMermaidWithZoom(mermaidGraphs, window.eventcatalog?.mermaid);
     }
 
-    const encode64 = (data: any) => {
-      const chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_';
-      let str = '';
-      let i = 0;
-      while (i < data.length) {
-        let b1 = data[i++];
-        let b2 = i < data.length ? data[i++] : 0;
-        let b3 = i < data.length ? data[i++] : 0;
-
-        let c1 = b1 >> 2;
-        let c2 = ((b1 & 0x3) << 4) | (b2 >> 4);
-        let c3 = ((b2 & 0xf) << 2) | (b3 >> 6);
-        let c4 = b3 & 0x3f;
-
-        str += chars[c1] + chars[c2] + chars[c3] + chars[c4];
-      }
-      return str;
-    };
-
-    const graphs = document.getElementsByClassName('plantuml');
-    if (document.getElementsByClassName('plantuml').length > 0) {
-      renderPlantUML(graphs, deflate);
+    const plantumlBlocks = document.getElementsByClassName('plantuml');
+    if (plantumlBlocks.length > 0) {
+      renderPlantUMLWithZoom(plantumlBlocks);
     }
+  }
 
-    window.renderPlantUML = (graphs: any) => {
-      renderPlantUML(graphs, deflate);
-    };
-  });
+  // Run on initial load and page transitions
+  initDiagrams();
+  document.addEventListener('astro:page-load', initDiagrams);
+
+  // Make available globally for accordion component
+  window.renderDiagrams = (graphs: HTMLCollectionOf<Element>) => {
+    renderMermaidWithZoom(graphs, window.eventcatalog?.mermaid);
+  };
+  window.renderPlantUML = (blocks: HTMLCollectionOf<Element>) => {
+    renderPlantUMLWithZoom(blocks);
+  };
 </script>

package/eventcatalog/src/enterprise/mcp/mcp-server.ts

@@ -1,5 +1,5 @@
 import type { APIRoute } from 'astro';
-import { Hono } from 'hono';
+import { Hono, type Context } from 'hono';
 import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js';
 import { WebStandardStreamableHTTPServerTransport } from '@modelcontextprotocol/sdk/server/webStandardStreamableHttp.js';
 import { z } from 'zod';
@@ -396,7 +396,7 @@ function createMcpServer() {
       resource.name,
       resource.uri,
       { description: resource.description, mimeType: 'application/json' },
-      async (uri) => {
+      async (uri: URL) => {
         const allResources: any[] = [];
 
         for (const collectionName of resource.collections) {
@@ -463,7 +463,7 @@ const mcpResources = [
 ];
 
 // Health check endpoint
-app.get('/', async (c) => {
+app.get('/', async (c: Context) => {
   return c.json({
     name: 'EventCatalog MCP Server',
     version: '1.0.0',
@@ -475,7 +475,7 @@ app.get('/', async (c) => {
 });
 
 // MCP protocol endpoint - handles POST requests for MCP protocol
-app.post('/', async (c) => {
+app.post('/', async (c: Context) => {
   try {
     // Connect server to transport if not already connected
     if (!isConnected) {

package/eventcatalog/src/env.d.ts

@@ -2,3 +2,14 @@
 /// <reference types="astro/client" />
 
 declare const __EC_TRAILING_SLASH__: boolean;
+
+interface EventCatalogConfig {
+  mermaid?: {
+    iconPacks?: string[];
+    enableSupportForElkLayout?: boolean;
+  };
+}
+
+interface Window {
+  eventcatalog?: EventCatalogConfig;
+}