@eventcatalog/core 2.37.0 → 2.37.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 = "2.37.0";
+var version = "2.37.2";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-B6ZIYCJG.js";
-import "../chunk-NJTCGQQ5.js";
+} from "../chunk-7J7J25A5.js";
+import "../chunk-BXWTM2JX.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 = "2.37.0";
+var version = "2.37.2";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,8 +1,8 @@
 import {
   log_build_default
-} from "../chunk-5OMFLY4U.js";
-import "../chunk-B6ZIYCJG.js";
-import "../chunk-NJTCGQQ5.js";
+} from "../chunk-ARZJXJW7.js";
+import "../chunk-7J7J25A5.js";
+import "../chunk-BXWTM2JX.js";
 import "../chunk-E7TXTI7G.js";
 export {
   log_build_default as default

package/dist/{chunk-B6ZIYCJG.js → chunk-7J7J25A5.js}

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

package/dist/{chunk-5OMFLY4U.js → chunk-ARZJXJW7.js}

@@ -1,6 +1,6 @@
 import {
   raiseEvent
-} from "./chunk-B6ZIYCJG.js";
+} from "./chunk-7J7J25A5.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile

package/dist/{chunk-NJTCGQQ5.js → chunk-BXWTM2JX.js}

@@ -1,5 +1,5 @@
 // package.json
-var version = "2.37.0";
+var version = "2.37.2";
 
 // 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 = "2.37.0";
+var version = "2.37.2";
 
 // src/constants.ts
 var VERSION = version;

package/dist/constants.js

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

package/dist/eventcatalog.cjs

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

package/dist/eventcatalog.js

@@ -6,15 +6,15 @@ import {
 } from "./chunk-DCLTVJDP.js";
 import {
   log_build_default
-} from "./chunk-5OMFLY4U.js";
-import "./chunk-B6ZIYCJG.js";
+} from "./chunk-ARZJXJW7.js";
+import "./chunk-7J7J25A5.js";
 import {
   catalogToAstro,
   checkAndConvertMdToMdx
 } from "./chunk-SLEMYHTU.js";
 import {
   VERSION
-} from "./chunk-NJTCGQQ5.js";
+} from "./chunk-BXWTM2JX.js";
 import {
   isBackstagePluginEnabled,
   isEventCatalogScaleEnabled,

package/eventcatalog/src/components/CopyAsMarkdown.tsx

@@ -0,0 +1,194 @@
+import { Button } from '@headlessui/react';
+import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
+import { Copy, FileText, MessageCircleQuestion, ChevronDownIcon, ExternalLink } from 'lucide-react';
+import React, { useState, isValidElement } from 'react';
+import type { Schema } from '@utils/collections/schemas';
+import { buildUrl } from '@utils/url-builder';
+
+// Type allows either a component type (like Lucide icon) or a pre-rendered element (like <img>)
+type IconInput = React.ElementType | React.ReactElement;
+
+// Helper component for menu items
+const MenuItemContent = ({
+  icon: iconProp,
+  title,
+  description,
+  external = false,
+}: {
+  icon: IconInput;
+  title: string;
+  description: string;
+  external?: boolean;
+}) => {
+  let iconElement: React.ReactNode;
+
+  if (isValidElement(iconProp)) {
+    // It's already a React element (e.g., <img>), render it directly
+    iconElement = iconProp;
+  } else {
+    // It must be an ElementType (component constructor like Lucide icon)
+    const IconComponent = iconProp as React.ElementType;
+    iconElement = <IconComponent className="w-5 h-5 text-gray-500" />;
+  }
+
+  return (
+    <div className="flex items-center gap-3 px-3 py-2 text-sm">
+      <div className="p-1 border border-gray-200 rounded">{iconElement}</div>
+      <div className="flex-1">
+        <div className="font-medium text-gray-800">{title}</div>
+        <div className="text-xs text-gray-500">{description}</div>
+      </div>
+      {external && <ExternalLink className="w-4 h-4 text-gray-400" />}
+    </div>
+  );
+};
+
+export function CopyPageMenu({
+  schemas,
+  chatQuery,
+  chatEnabled = false,
+}: {
+  schemas: Schema[];
+  chatQuery?: string;
+  chatEnabled: boolean;
+}) {
+  const [buttonText, setButtonText] = useState('Copy page');
+
+  // get the url of the current page
+  const url = window.location.href;
+  const markdownUrl = url + '.mdx';
+
+  // Fetch the markdown from the url + .mdx
+  const copyMarkdownToClipboard = async () => {
+    console.log('Copying markdown to clipboard');
+    try {
+      setButtonText('Copied');
+      const response = await fetch(markdownUrl);
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      const markdown = await response.text();
+      await navigator.clipboard.writeText(markdown);
+      setTimeout(() => setButtonText('Copy page'), 3000); // Revert after 3 seconds
+    } catch (error) {
+      console.error('Failed to copy markdown:', error);
+      setButtonText('Copy failed'); // Provide feedback on failure
+      setTimeout(() => setButtonText('Copy page'), 3000);
+    }
+  };
+
+  // Fetch the schema from the schemaURL and copy it to the clipboard
+  const copySchemaToClipboard = async (schema: Schema) => {
+    if (!schema.url) return; // Should not happen if button is hidden, but good practice
+
+    console.log('Copying schema to clipboard from:', schema.url);
+    try {
+      setButtonText('Copied Schema');
+      const response = await fetch(schema.url); // Use the provided schemaURL directly
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      const schemaContent = await response.text(); // Or response.json() if it's always JSON
+      await navigator.clipboard.writeText(schemaContent);
+      setTimeout(() => setButtonText('Copy page'), 3000); // Revert after 3 seconds
+    } catch (error) {
+      console.error('Failed to copy schema:', error);
+      setButtonText('Copy failed'); // Provide feedback on failure
+      setTimeout(() => setButtonText('Copy page'), 3000);
+    }
+  };
+
+  return (
+    <DropdownMenu.Root>
+      {/* Container for the split button */}
+      <div className="inline-flex rounded-md shadow-sm border border-gray-300">
+        {/* Left Button: Copy Action */}
+        <button
+          type="button"
+          onClick={copyMarkdownToClipboard}
+          className="inline-flex items-center justify-center gap-1 px-3 py-1.5 text-sm font-medium text-gray-700 bg-white rounded-l-md hover:bg-gray-50 focus:z-10 focus:outline-none focus:ring-1 focus:ring-indigo-500"
+        >
+          <Copy className="w-4 h-4" />
+          {buttonText}
+        </button>
+        {/* Right Button: Dropdown Trigger */}
+        <DropdownMenu.Trigger asChild>
+          <button
+            type="button"
+            className="inline-flex items-center justify-center px-1.5 py-1.5 text-sm font-medium text-gray-500 bg-white rounded-r-md border-l border-gray-300 hover:bg-gray-50 focus:z-10 focus:outline-none focus:ring-1 focus:ring-indigo-500"
+            aria-label="More options"
+          >
+            <ChevronDownIcon className="w-4 h-4" />
+          </button>
+        </DropdownMenu.Trigger>
+      </div>
+
+      {/* Adjust styling for the content dropdown */}
+      <DropdownMenu.Content
+        className="w-72 bg-white rounded-lg shadow-lg border border-gray-200 mt-1 py-1"
+        sideOffset={5}
+        align="end"
+      >
+        <DropdownMenu.Item
+          className="cursor-pointer hover:bg-gray-100 focus:outline-none focus:bg-gray-100"
+          onSelect={() => copyMarkdownToClipboard()}
+        >
+          <MenuItemContent icon={Copy} title="Copy page" description="Copy page as Markdown for LLMs" />
+        </DropdownMenu.Item>
+
+        {schemas.map((schema) => {
+          const title =
+            schema.format === 'asyncapi'
+              ? 'Copy AsyncAPI specification'
+              : schema.format === 'openapi'
+                ? 'Copy OpenAPI specification'
+                : 'Copy schema';
+          const type =
+            schema.format === 'asyncapi' || schema.format === 'openapi'
+              ? 'specification'
+              : `${schema.format.toUpperCase()} schema`;
+
+          const Icon =
+            schema.format === 'asyncapi' ? (
+              <img src={buildUrl('/icons/asyncapi.svg', true)} className="w-4 h-4" />
+            ) : schema.format === 'openapi' ? (
+              <img src={buildUrl('/icons/openapi.svg', true)} className="w-4 h-4" />
+            ) : (
+              FileText
+            );
+
+          return (
+            <DropdownMenu.Item
+              className="cursor-pointer hover:bg-gray-100 focus:outline-none focus:bg-gray-100"
+              onSelect={() => copySchemaToClipboard(schema)}
+            >
+              <MenuItemContent icon={Icon} title={title} description={`Copy ${type} to clipboard`} />
+            </DropdownMenu.Item>
+          );
+        })}
+        <DropdownMenu.Item
+          className="cursor-pointer hover:bg-gray-100 focus:outline-none focus:bg-gray-100"
+          onSelect={() => window.open(markdownUrl, '_blank')}
+        >
+          <MenuItemContent icon={FileText} title="View as Markdown" description="View this page as plain text" external={true} />
+        </DropdownMenu.Item>
+        {chatEnabled && (
+          <DropdownMenu.Item
+            className="cursor-pointer hover:bg-gray-100 focus:outline-none focus:bg-gray-100"
+            onSelect={() => window.open(buildUrl(`/chat?query=${chatQuery}`))}
+          >
+            {/* Using MessageCircleQuestion as a placeholder for Claude logo */}
+            <MenuItemContent
+              icon={MessageCircleQuestion}
+              title="Open in EventCatalog Chat"
+              description="Ask questions about this page"
+              external={true}
+            />
+          </DropdownMenu.Item>
+        )}
+      </DropdownMenu.Content>
+    </DropdownMenu.Root>
+  );
+}
+
+export default CopyPageMenu;

package/eventcatalog/src/components/SideBars/MessageSideBar.astro

@@ -11,6 +11,7 @@ import RepositoryList from '@components/Lists/RepositoryList.astro';
 import { getOwner } from '@utils/collections/owners';
 import CustomSideBarSectionList from '@components/Lists/CustomSideBarSectionList.astro';
 import config from '@config';
+import { getSchemaFormatFromURL } from '@utils/collections/schemas';
 
 interface Props {
   message: CollectionEntry<CollectionMessageTypes>;
@@ -182,7 +183,7 @@ const schemaURL = path.join(publicPath, schemaFilePath || '');
             class="flex items-center justify-center space-x-2 text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-primary"
           >
             <FileDownIcon strokeWidth={2} size={16} />
-            <span>Download schema</span>
+            <span>Download {getSchemaFormatFromURL(schemaURL)?.toUpperCase()} schema</span>
           </a>
         )
       }

package/eventcatalog/src/enterprise/eventcatalog-chat/components/windows/ChatWindow.client.tsx

@@ -3,7 +3,6 @@ import { BookOpen, Send } from 'lucide-react';
 import { CreateWebWorkerMLCEngine, type InitProgressReport } from '@mlc-ai/web-llm';
 import { useChat, type Message } from '../hooks/ChatProvider';
 import React from 'react';
-
 // Update Message type to include resources
 interface Resource {
   id: string;
@@ -122,9 +121,11 @@ const ChatWindow = ({
   const [isThinking, setIsThinking] = useState(false);
   const completionRef = useRef<any>(null);
   const outputRef = useRef<HTMLDivElement>(null);
+  const [sendDefaultQuestionToLLM, setSendDefaultQuestionToLLM] = useState(false);
 
   const { currentSession, storeMessagesToSession, updateSession, isStreaming, setIsStreaming } = useChat();
 
+  // Load messages when session changes
   // Load messages when session changes
   useEffect(() => {
     if (currentSession) {
@@ -159,6 +160,7 @@ const ChatWindow = ({
   }, [engine]);
 
   const handleSubmit = useCallback(async () => {
+    console.log('handleSubmit', inputValue);
     if (!inputValue.trim() || !engine) return;
 
     // Add to messages
@@ -360,6 +362,13 @@ const ChatWindow = ({
     }
   };
 
+  useEffect(() => {
+    if (!loading && sendDefaultQuestionToLLM) {
+      handleSubmit();
+      setSendDefaultQuestionToLLM(false);
+    }
+  }, [sendDefaultQuestionToLLM, loading]);
+
   useEffect(() => {
     const initEngine = async () => {
       try {
@@ -447,6 +456,16 @@ const ChatWindow = ({
     setInputValue(e.target.value);
   }, []);
 
+  // If we have an initial query, set the input value
+  useEffect(() => {
+    const urlParams = new URLSearchParams(window.location.search);
+    const query = urlParams.get('query');
+    if (query) {
+      setInputValue(query);
+      setSendDefaultQuestionToLLM(true);
+    }
+  }, []);
+
   return (
     <div className="flex-1 flex flex-col overflow-hidden h-[calc(100vh-60px)] w-full">
       {/* Chat Messages */}

package/eventcatalog/src/enterprise/eventcatalog-chat/components/windows/ChatWindow.server.tsx

@@ -49,7 +49,7 @@ const ChatWindow = ({
   const [isInputModalOpen, setIsInputModalOpen] = useState(false);
   // --- End new state ---
 
-  const { currentSession, storeMessagesToSession, updateSession, isStreaming, setIsStreaming } = useChat();
+  const { currentSession, storeMessagesToSession, updateSession, isStreaming, setIsStreaming, createSession } = useChat();
 
   // If the messages change add them to the session
   useEffect(() => {
@@ -415,6 +415,18 @@ const ChatWindow = ({
     };
   }, []); // Empty dependency array ensures this runs only once on mount
 
+  // Handle the query from the url
+  useEffect(() => {
+    const urlParams = new URLSearchParams(window.location.search);
+    const query = urlParams.get('query');
+    if (query) {
+      setTimeout(() => {
+        createSession();
+        setInputValue(query);
+      }, 250);
+    }
+  }, []);
+
   return (
     <div className="flex-1 flex flex-col overflow-hidden h-[calc(100vh-60px)] w-full bg-white">
       {/* Main content area - renders messages or predefined questions */}

package/eventcatalog/src/pages/docs/[type]/[id]/[version]/index.astro

@@ -15,6 +15,8 @@ import DomainSideBar from '@components/SideBars/DomainSideBar.astro';
 import ChannelSideBar from '@components/SideBars/ChannelSideBar.astro';
 import FlowSideBar from '@components/SideBars/FlowSideBar.astro';
 import EntitySideBar from '@components/SideBars/EntitySideBar.astro';
+import CopyAsMarkdown from '@components/CopyAsMarkdown';
+
 import {
   QueueListIcon,
   RectangleGroupIcon,
@@ -36,6 +38,9 @@ import { getIcon } from '@utils/badges';
 import { getDeprecatedDetails } from '@utils/collections/util';
 import { pageDataLoader } from '@utils/page-loaders/page-data-loader';
 import { buildUrl } from '@utils/url-builder';
+import { getSchemasFromResource } from '@utils/collections/schemas';
+import { isEventCatalogChatEnabled, isMarkdownDownloadEnabled } from '@utils/feature';
+
 import config from '@config';
 
 export async function getStaticPaths() {
@@ -176,6 +181,14 @@ const {
 
 let friendlyCollectionName = props.collection.slice(0, props.collection.length - 1);
 friendlyCollectionName = friendlyCollectionName === 'querie' ? 'query' : friendlyCollectionName;
+
+const schemasForResource = getSchemasFromResource(props);
+
+const generatePromptForResource = (props: any) => {
+  return `
+    Please tell me more about the ${props.collection.slice(0, props.collection.length - 1)} -  ${props.data.name} v${props.data.version} in this catalog.
+  `;
+};
 ---
 
 <VerticalSideBarLayout title={pageTitle} description={props.data.summary}>
@@ -184,13 +197,27 @@ friendlyCollectionName = friendlyCollectionName === 'querie' ? 'query' : friendl
       <div class="w-full lg:mr-2 pr-8 overflow-y-auto py-8">
         <div class="border-b border-gray-200 md:pb-2">
           <div>
-            <h2
-              id="doc-page-header"
-              class={`text-2xl md:text-4xl font-bold text-black ${props.data.deprecated && hasDeprecated ? 'text-red-500' : ''}`}
-            >
-              {props.data.name}
-              <span class="">(v{props.data.version})</span>
-            </h2>
+            <div class="flex justify-between items-center">
+              <h2
+                id="doc-page-header"
+                class={`text-2xl md:text-4xl font-bold text-black ${props.data.deprecated && hasDeprecated ? 'text-red-500' : ''}`}
+              >
+                {props.data.name}
+                <span class="">(v{props.data.version})</span>
+              </h2>
+              {
+                isMarkdownDownloadEnabled() && (
+                  <div class="hidden lg:block">
+                    <CopyAsMarkdown
+                      client:only="react"
+                      schemas={schemasForResource}
+                      chatQuery={generatePromptForResource(props)}
+                      chatEnabled={isEventCatalogChatEnabled()}
+                    />
+                  </div>
+                )
+              }
+            </div>
             {
               isMarkedAsDeprecated && hasDeprecated && (
                 <Admonition

package/eventcatalog/src/pages/index.astro

@@ -11,7 +11,6 @@ import { isCustomLandingPageEnabled } from '@utils/feature';
 import DefaultAstroLandingPage from './_index.astro';
 
 let nodeGraphs: any[] = [];
-
 let CustomContent = null;
 
 import path from 'path';
@@ -22,7 +21,10 @@ const props = Astro.props;
 const pathToUserDefinedLandingPage = path.join(process.env.PROJECT_DIR || '', 'pages/homepage.astro');
 
 if (existsSync(pathToUserDefinedLandingPage) && isCustomLandingPageEnabled()) {
-  CustomContent = await import(/* @vite-ignore */ pathToUserDefinedLandingPage).then((mod) => mod.default);
+  const customPages = import.meta.glob('/**/homepage.astro', { eager: true });
+  // @ts-ignore
+  CustomContent = Object.values(customPages)[0]?.default || null;
+
   const rawContent = readFileSync(pathToUserDefinedLandingPage, 'utf-8');
   nodeGraphs = getMDXComponentsByName(rawContent, 'NodeGraph') || [];
 }

package/eventcatalog/src/utils/collections/schemas.ts

@@ -0,0 +1,60 @@
+import type { CollectionEntry } from 'astro:content';
+import type { PageTypes } from '@types';
+import path from 'path';
+import { buildUrl } from '@utils/url-builder';
+
+export type Schema = {
+  url: string;
+  format: string;
+};
+
+export const getSchemaURL = (resource: CollectionEntry<PageTypes>) => {
+  // @ts-ignore
+  const publicPath = resource?.catalog?.publicPath;
+  const schemaFilePath = resource?.data?.schemaPath;
+
+  if (!publicPath || !schemaFilePath) {
+    return;
+  }
+
+  // new URL
+  return path.join(publicPath, schemaFilePath);
+};
+
+export const getSchemaFormatFromURL = (url: string) => {
+  const pathParts = url.split('.');
+  const format = pathParts[pathParts.length - 1];
+  return format;
+};
+
+export const getSchemasFromResource = (resource: CollectionEntry<PageTypes>): Schema[] => {
+  const schemaPublicPath = getSchemaURL(resource);
+
+  if (!schemaPublicPath) {
+    return [];
+  }
+
+  if (resource.collection === 'services') {
+    const asyncapiPath = resource?.data?.specifications?.asyncapiPath;
+    const openapiPath = resource?.data?.specifications?.openapiPath;
+    // @ts-ignore
+    const publicPath = resource?.catalog?.publicPath;
+    const schemas = [];
+
+    if (asyncapiPath) {
+      const asyncapiUrl = path.join(publicPath, asyncapiPath);
+      schemas.push({ url: buildUrl(asyncapiUrl), format: 'asyncapi' });
+    }
+
+    if (openapiPath) {
+      const openapiUrl = path.join(publicPath, openapiPath);
+      schemas.push({ url: buildUrl(openapiUrl), format: 'openapi' });
+    }
+
+    return schemas;
+  } else {
+    const pathParts = schemaPublicPath.split('.');
+    const format = pathParts[pathParts.length - 1];
+    return [{ url: buildUrl(schemaPublicPath), format }];
+  }
+};

package/eventcatalog/src/utils/feature.ts

@@ -11,12 +11,19 @@
  * 3. Follow the official activation instructions
  */
 
+import config from '@config';
+
 // These functions check for valid, legally obtained access to premium features
 export const isEventCatalogStarterEnabled = () => process.env.EVENTCATALOG_STARTER === 'true';
 export const isEventCatalogScaleEnabled = () => process.env.EVENTCATALOG_SCALE === 'true';
 
 export const isCustomDocsEnabled = () => isEventCatalogStarterEnabled() || isEventCatalogScaleEnabled();
-export const isEventCatalogChatEnabled = () => isEventCatalogStarterEnabled() || isEventCatalogScaleEnabled();
+export const isEventCatalogChatEnabled = () => {
+  const isFeatureEnabledFromPlan = isEventCatalogStarterEnabled() || isEventCatalogScaleEnabled();
+  return isFeatureEnabledFromPlan && config?.chat?.enabled;
+};
 
 export const isEventCatalogUpgradeEnabled = () => !isEventCatalogStarterEnabled() && !isEventCatalogScaleEnabled();
 export const isCustomLandingPageEnabled = () => isEventCatalogStarterEnabled() || isEventCatalogScaleEnabled();
+
+export const isMarkdownDownloadEnabled = () => config?.llmsTxt?.enabled ?? false;

package/package.json

@@ -6,7 +6,7 @@
     "url": "https://github.com/event-catalog/eventcatalog.git"
   },
   "type": "module",
-  "version": "2.37.0",
+  "version": "2.37.2",
   "publishConfig": {
     "access": "public"
   },
@@ -44,6 +44,7 @@
     "@parcel/watcher": "^2.4.1",
     "@radix-ui/react-context-menu": "^2.2.6",
     "@radix-ui/react-dialog": "^1.1.6",
+    "@radix-ui/react-dropdown-menu": "^2.1.12",
     "@radix-ui/react-tooltip": "^1.1.8",
     "@scalar/api-reference-react": "^0.4.37",
     "@tailwindcss/typography": "^0.5.13",