@eventcatalog/core 3.2.1 → 3.3.0

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.2.1";
+var version = "3.3.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-SFQ3BU4M.js";
-import "../chunk-SYOF3QEG.js";
+} from "../chunk-OAUYXPXT.js";
+import "../chunk-NGKYYZZP.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.2.1";
+var version = "3.3.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,8 +1,8 @@
 import {
   log_build_default
-} from "../chunk-LWUJQOCC.js";
-import "../chunk-SFQ3BU4M.js";
-import "../chunk-SYOF3QEG.js";
+} from "../chunk-UPSN5H7S.js";
+import "../chunk-OAUYXPXT.js";
+import "../chunk-NGKYYZZP.js";
 import "../chunk-UPONRQSN.js";
 export {
   log_build_default as default

package/dist/{chunk-VBEYXPR5.js → chunk-I4CMEOEN.js}

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

package/dist/{chunk-SYOF3QEG.js → chunk-NGKYYZZP.js}

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

package/dist/{chunk-SFQ3BU4M.js → chunk-OAUYXPXT.js}

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

package/dist/{chunk-7PHTRC72.js → chunk-QZF5ZYJB.js}

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

package/dist/{chunk-LWUJQOCC.js → chunk-UPSN5H7S.js}

@@ -1,6 +1,6 @@
 import {
   raiseEvent
-} from "./chunk-SFQ3BU4M.js";
+} from "./chunk-OAUYXPXT.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile

package/dist/constants.cjs

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

package/dist/constants.js

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-SYOF3QEG.js";
+} from "./chunk-NGKYYZZP.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.2.1";
+var version = "3.3.0";
 
 // 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-LWUJQOCC.js";
-import "./chunk-SFQ3BU4M.js";
+} from "./chunk-UPSN5H7S.js";
+import "./chunk-OAUYXPXT.js";
 import {
   runMigrations
 } from "./chunk-BH3JMNAV.js";
@@ -21,13 +21,13 @@ import {
 } from "./chunk-5VBIXL6C.js";
 import {
   generate
-} from "./chunk-7PHTRC72.js";
+} from "./chunk-QZF5ZYJB.js";
 import {
   logger
-} from "./chunk-VBEYXPR5.js";
+} from "./chunk-I4CMEOEN.js";
 import {
   VERSION
-} from "./chunk-SYOF3QEG.js";
+} from "./chunk-NGKYYZZP.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.2.1";
+var version = "3.3.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/generate.js

@@ -1,8 +1,8 @@
 import {
   generate
-} from "./chunk-7PHTRC72.js";
-import "./chunk-VBEYXPR5.js";
-import "./chunk-SYOF3QEG.js";
+} from "./chunk-QZF5ZYJB.js";
+import "./chunk-I4CMEOEN.js";
+import "./chunk-NGKYYZZP.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.2.1";
+var version = "3.3.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/utils/cli-logger.js

@@ -1,7 +1,7 @@
 import {
   logger
-} from "../chunk-VBEYXPR5.js";
-import "../chunk-SYOF3QEG.js";
+} from "../chunk-I4CMEOEN.js";
+import "../chunk-NGKYYZZP.js";
 export {
   logger
 };

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

@@ -171,6 +171,15 @@ const suggestedQuestionsConfig: QuestionConfig[] = [
       { label: 'Who owns this domain?', prompt: 'Who owns this domain and how do I contact them?' },
     ],
   },
+  // Designs page
+  {
+    pattern: /^\/diagrams\/.+/,
+    questions: [
+      { label: 'Tell me more about this diagram?', prompt: 'Tell me more about this diagram?' },
+      { label: 'Help me understand this diagram', prompt: 'Help me understand this diagram' },
+      { label: 'What is the context of this diagram?', prompt: 'What is the context of this diagram, what is it related to?' },
+    ],
+  },
   // Match /schemas with specType=graphql as query parameter
   {
     pattern: /^\/schemas.*[?&]specType=graphql/,

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

@@ -1,10 +1,20 @@
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { BookOpen } from 'lucide-react';
 import ChatPanel from './ChatPanel';
 
 const ChatPanelButton = () => {
   const [isOpen, setIsOpen] = useState(false);
 
+  // Listen for custom event to open chat panel from other components
+  useEffect(() => {
+    const handleOpenChat = () => {
+      setIsOpen(true);
+    };
+
+    window.addEventListener('eventcatalog:open-chat', handleOpenChat);
+    return () => window.removeEventListener('eventcatalog:open-chat', handleOpenChat);
+  }, []);
+
   return (
     <>
       <button

package/eventcatalog/src/components/CopyAsMarkdown.tsx

@@ -49,6 +49,8 @@ export function CopyPageMenu({
   editUrl,
   markdownDownloadEnabled = false,
   rssFeedEnabled = false,
+  preferChatAsDefault = false,
+  chatButtonText = 'Ask',
 }: {
   schemas: Schema[];
   chatQuery?: string;
@@ -56,6 +58,8 @@ export function CopyPageMenu({
   editUrl: string;
   markdownDownloadEnabled: boolean;
   rssFeedEnabled: boolean;
+  preferChatAsDefault?: boolean;
+  chatButtonText?: string;
 }) {
   // Define available actions
   const availableActions = {
@@ -81,6 +85,14 @@ export function CopyPageMenu({
 
   // Determine the default action based on what's available
   const getDefaultAction = () => {
+    // If chat is preferred and available, make it the default
+    if (preferChatAsDefault && availableActions.chat) {
+      return {
+        type: 'chat',
+        text: chatButtonText,
+        icon: MessageCircleQuestion,
+      };
+    }
     if (availableActions.copyMarkdown) {
       return {
         type: 'copyMarkdown',
@@ -112,7 +124,7 @@ export function CopyPageMenu({
     if (availableActions.chat) {
       return {
         type: 'chat',
-        text: 'Open Chat',
+        text: chatButtonText,
         icon: MessageCircleQuestion,
       };
     }
@@ -187,7 +199,8 @@ export function CopyPageMenu({
         window.open(markdownUrl, '_blank');
         break;
       case 'chat':
-        window.open(buildUrl(`/chat?query=${chatQuery}`));
+        // Dispatch custom event to open chat panel instead of navigating
+        window.dispatchEvent(new CustomEvent('eventcatalog:open-chat'));
         break;
     }
   };
@@ -227,6 +240,22 @@ export function CopyPageMenu({
         sideOffset={5}
         align="end"
       >
+        {availableActions.chat && (
+          <>
+            <DropdownMenu.Item
+              className="cursor-pointer hover:bg-[rgb(var(--ec-dropdown-hover))] focus:outline-none focus:bg-[rgb(var(--ec-dropdown-hover))]"
+              onSelect={() => window.dispatchEvent(new CustomEvent('eventcatalog:open-chat'))}
+            >
+              <MenuItemContent
+                icon={MessageCircleQuestion}
+                title="EventCatalog Assistant"
+                description="Ask questions about this page"
+              />
+            </DropdownMenu.Item>
+            <DropdownMenu.Separator className="h-px my-1 bg-[rgb(var(--ec-dropdown-border))]" />
+          </>
+        )}
+
         {availableActions.copyMarkdown && (
           <DropdownMenu.Item
             className="cursor-pointer hover:bg-[rgb(var(--ec-dropdown-hover))] focus:outline-none focus:bg-[rgb(var(--ec-dropdown-hover))]"
@@ -236,20 +265,6 @@ export function CopyPageMenu({
           </DropdownMenu.Item>
         )}
 
-        {availableActions.editPage && (
-          <DropdownMenu.Item
-            className="cursor-pointer hover:bg-[rgb(var(--ec-dropdown-hover))] focus:outline-none focus:bg-[rgb(var(--ec-dropdown-hover))]"
-            onSelect={() => window.open(editUrl, '_blank')}
-          >
-            <MenuItemContent
-              icon={PenSquareIcon}
-              title="Edit page"
-              description="Edit the contents of this page"
-              external={true}
-            />
-          </DropdownMenu.Item>
-        )}
-
         {availableActions.copySchemas &&
           schemas.map((schema) => {
             const title =
@@ -305,18 +320,22 @@ export function CopyPageMenu({
             <MenuItemContent icon={RssIcon} title="RSS Feed" description="View this page as RSS feed" external={true} />
           </DropdownMenu.Item>
         )}
-        {availableActions.chat && (
-          <DropdownMenu.Item
-            className="cursor-pointer hover:bg-[rgb(var(--ec-dropdown-hover))] focus:outline-none focus:bg-[rgb(var(--ec-dropdown-hover))]"
-            onSelect={() => window.open(buildUrl(`/chat`) + `?query=${chatQuery}`)}
-          >
-            <MenuItemContent
-              icon={MessageCircleQuestion}
-              title="Open in EventCatalog Chat"
-              description="Ask questions about this page"
-              external={true}
-            />
-          </DropdownMenu.Item>
+
+        {availableActions.editPage && (
+          <>
+            <DropdownMenu.Separator className="h-px my-1 bg-[rgb(var(--ec-dropdown-border))]" />
+            <DropdownMenu.Item
+              className="cursor-pointer hover:bg-[rgb(var(--ec-dropdown-hover))] focus:outline-none focus:bg-[rgb(var(--ec-dropdown-hover))]"
+              onSelect={() => window.open(editUrl, '_blank')}
+            >
+              <MenuItemContent
+                icon={PenSquareIcon}
+                title="Edit page"
+                description="Edit the contents of this page"
+                external={true}
+              />
+            </DropdownMenu.Item>
+          </>
         )}
       </DropdownMenu.Content>
     </DropdownMenu.Root>

package/eventcatalog/src/content.config.ts

@@ -187,6 +187,7 @@ const baseSchema = z.object({
       ])
     )
     .optional(),
+  diagrams: z.array(pointer).optional(),
   // Used by eventcatalog
   versions: z.array(z.string()).optional(),
   latestVersion: z.string().optional(),
@@ -691,6 +692,20 @@ const designs = defineCollection({
   }),
 });
 
+const diagrams = defineCollection({
+  loader: glob({
+    pattern: ['**/diagrams/**/index.(md|mdx)', '**/diagrams/**/versioned/*/index.(md|mdx)'],
+    base: projectDirBase,
+    generateId: ({ data }) => `${data.id}-${data.version}`,
+  }),
+  schema: z.object({
+    id: z.string(),
+    name: z.string(),
+    version: z.string(),
+    summary: z.string().optional(),
+  }),
+});
+
 export const collections = {
   events,
   commands,
@@ -714,4 +729,7 @@ export const collections = {
 
   // EventCatalog Studio Collections
   designs,
+
+  // Diagrams Collection
+  diagrams,
 };

package/eventcatalog/src/enterprise/ai/chat-api.ts

@@ -191,7 +191,18 @@ export const POST = async ({ request }: APIContext<{ question: string; messages:
             'Use this tool to get events, services, commands, queries, flows, domains, channels, entities from EventCatalog',
           inputSchema: z.object({
             collection: z
-              .enum(['events', 'services', 'commands', 'queries', 'flows', 'domains', 'channels', 'entities', 'containers'])
+              .enum([
+                'events',
+                'services',
+                'commands',
+                'queries',
+                'flows',
+                'domains',
+                'channels',
+                'entities',
+                'containers',
+                'diagrams',
+              ])
               .describe('The collection to get the events from'),
           }),
           execute: async ({ collection }) => {
@@ -207,7 +218,18 @@ export const POST = async ({ request }: APIContext<{ question: string; messages:
           description: 'Use this tool to get a specific resource from EventCatalog by its id and version',
           inputSchema: z.object({
             collection: z
-              .enum(['events', 'services', 'commands', 'queries', 'flows', 'domains', 'channels', 'entities', 'containers'])
+              .enum([
+                'events',
+                'services',
+                'commands',
+                'queries',
+                'flows',
+                'domains',
+                'channels',
+                'entities',
+                'containers',
+                'diagrams',
+              ])
               .describe('The collection to get the events from'),
             id: z.string().describe('The id of the resource to get'),
             version: z.string().describe('The version of the resource to get'),

package/eventcatalog/src/pages/diagrams/[id]/[version]/_index.data.ts

@@ -0,0 +1,57 @@
+import { isSSR } from '@utils/feature';
+import { HybridPage } from '@utils/page-loaders/hybrid-page';
+import { getDiagrams } from '@utils/collections/diagrams';
+
+/**
+ * Diagrams page class for full-screen diagram viewing
+ */
+export class Page extends HybridPage {
+  static async getStaticPaths() {
+    if (isSSR()) {
+      return [];
+    }
+
+    const diagrams = await getDiagrams();
+
+    return diagrams.map((diagram) => ({
+      params: {
+        id: diagram.data.id,
+        version: diagram.data.version,
+      },
+      props: {},
+    }));
+  }
+
+  protected static async fetchData(params: any) {
+    const { id, version } = params;
+
+    if (!id || !version) {
+      return null;
+    }
+
+    const diagrams = await getDiagrams();
+    const diagram = diagrams.find((d) => d.data.id === id && d.data.version === version);
+
+    if (!diagram) {
+      return null;
+    }
+
+    // Get all versions of this diagram for the version selector
+    const allVersions = diagrams
+      .filter((d) => d.data.id === id)
+      .map((d) => d.data.version)
+      .sort((a, b) => b.localeCompare(a, undefined, { numeric: true }));
+
+    return {
+      ...diagram,
+      allVersions,
+    };
+  }
+
+  protected static createNotFoundResponse(): Response {
+    return new Response(null, {
+      status: 404,
+      statusText: 'Diagram not found',
+    });
+  }
+}