@eventcatalog/core 2.24.3 → 2.25.1

package/eventcatalog/src/components/MDX/NodeGraph/Nodes/Event.tsx

@@ -1,6 +1,7 @@
 import { BoltIcon } from '@heroicons/react/16/solid';
 import type { CollectionEntry } from 'astro:content';
 import { Handle } from '@xyflow/react';
+import MessageContextMenu from './MessageContextMenu';
 
 interface Data {
   title: string;
@@ -19,53 +20,54 @@ function classNames(...classes: any) {
 
 export default function EventNode({ data, sourcePosition, targetPosition }: any) {
   const { mode, message } = data as Data;
-
   const { name, version, summary, owners = [], producers = [], consumers = [] } = message.data;
 
   return (
-    <div className={classNames('w-full rounded-md border flex justify-start  bg-white text-black border-orange-400')}>
-      <div
-        className={classNames(
-          'bg-gradient-to-b from-orange-500 to-orange-700 relative flex items-center w-5 justify-center rounded-l-sm text-orange-100-500',
-          `border-r-[1px] border-orange-500`
-        )}
-      >
-        <BoltIcon className="w-4 h-4 opacity-90 text-white absolute top-1 " />
-        {mode === 'full' && (
-          <span className="rotate -rotate-90 w-1/2 text-center absolute bottom-1 text-[9px] text-white font-bold uppercase tracking-[3px] ">
-            Event
-          </span>
-        )}
-      </div>
-      <div className="p-1 min-w-60 max-w-[min-content]">
-        {targetPosition && <Handle type="target" position={targetPosition} />}
-        {sourcePosition && <Handle type="source" position={sourcePosition} />}
-        <div className={classNames(mode === 'full' ? `border-b border-gray-200` : '')}>
-          <span className="text-xs font-bold block pb-0.5">{name}</span>
-          <div className="flex justify-between">
-            <span className="text-[10px] font-light block pt-0.5 pb-0.5 ">v{version}</span>
-            {mode === 'simple' && <span className="text-[10px] text-gray-500 font-light block pt-0.5 pb-0.5 ">Event</span>}
-          </div>
+    <MessageContextMenu message={message} messageType="events">
+      <div className={classNames('w-full rounded-md border flex justify-start  bg-white text-black border-orange-400')}>
+        <div
+          className={classNames(
+            'bg-gradient-to-b from-orange-500 to-orange-700 relative flex items-center w-5 justify-center rounded-l-sm text-orange-100-500',
+            `border-r-[1px] border-orange-500`
+          )}
+        >
+          <BoltIcon className="w-4 h-4 opacity-90 text-white absolute top-1 " />
+          {mode === 'full' && (
+            <span className="rotate -rotate-90 w-1/2 text-center absolute bottom-1 text-[9px] text-white font-bold uppercase tracking-[3px] ">
+              Event
+            </span>
+          )}
         </div>
-        {mode === 'full' && (
-          <div className="divide-y divide-gray-200 ">
-            <div className="leading-3 py-1">
-              <span className="text-[8px] font-light">{summary}</span>
-            </div>
-            <div className="grid grid-cols-2 gap-x-4 py-1">
-              <span className="text-xs" style={{ fontSize: '0.2em' }}>
-                Producers: {producers.length}
-              </span>
-              <span className="text-xs" style={{ fontSize: '0.2em' }}>
-                Consumers: {consumers.length}
-              </span>
-              <span className="text-xs" style={{ fontSize: '0.2em' }}>
-                Owners: {owners.length}
-              </span>
+        <div className="p-1 min-w-60 max-w-[min-content]">
+          {targetPosition && <Handle type="target" position={targetPosition} />}
+          {sourcePosition && <Handle type="source" position={sourcePosition} />}
+          <div className={classNames(mode === 'full' ? `border-b border-gray-200` : '')}>
+            <span className="text-xs font-bold block pb-0.5">{name}</span>
+            <div className="flex justify-between">
+              <span className="text-[10px] font-light block pt-0.5 pb-0.5 ">v{version}</span>
+              {mode === 'simple' && <span className="text-[10px] text-gray-500 font-light block pt-0.5 pb-0.5 ">Event</span>}
             </div>
           </div>
-        )}
+          {mode === 'full' && (
+            <div className="divide-y divide-gray-200 ">
+              <div className="leading-3 py-1">
+                <span className="text-[8px] font-light">{summary}</span>
+              </div>
+              <div className="grid grid-cols-2 gap-x-4 py-1">
+                <span className="text-xs" style={{ fontSize: '0.2em' }}>
+                  Producers: {producers.length}
+                </span>
+                <span className="text-xs" style={{ fontSize: '0.2em' }}>
+                  Consumers: {consumers.length}
+                </span>
+                <span className="text-xs" style={{ fontSize: '0.2em' }}>
+                  Owners: {owners.length}
+                </span>
+              </div>
+            </div>
+          )}
+        </div>
       </div>
-    </div>
+    </MessageContextMenu>
   );
 }

package/eventcatalog/src/components/MDX/NodeGraph/Nodes/MessageContextMenu.tsx

@@ -0,0 +1,54 @@
+import * as ContextMenu from '@radix-ui/react-context-menu';
+import { buildUrl } from '@utils/url-builder';
+import type { CollectionEntry } from 'astro:content';
+import type { CollectionMessageTypes } from '@types';
+interface Data {
+  message: CollectionEntry<CollectionMessageTypes>;
+  messageType: CollectionMessageTypes;
+  children: React.ReactNode;
+}
+
+export default function MessageContextMenu(data: Data) {
+  const { message, messageType, children } = data;
+  const { id, version, name, schemaPath } = message.data;
+
+  return (
+    <ContextMenu.Root>
+      <ContextMenu.Trigger>{children}</ContextMenu.Trigger>
+      <ContextMenu.Portal>
+        <ContextMenu.Content className="min-w-[220px] bg-white rounded-md p-1 shadow-md border border-gray-200">
+          <ContextMenu.Item
+            asChild
+            className="text-sm px-2 py-1.5 outline-none cursor-pointer hover:bg-orange-100 rounded-sm flex items-center"
+          >
+            <a href={buildUrl(`/docs/${messageType}/${id}/${version}`)}>Read documentation</a>
+          </ContextMenu.Item>
+          <ContextMenu.Separator className="h-[1px] bg-gray-200 m-1" />
+          {schemaPath && (
+            <ContextMenu.Item asChild>
+              <a
+                href={buildUrl(`/generated/${messageType}/${id}/schema.json`)}
+                download={`${name}(${version})-${schemaPath}`}
+                className="text-sm px-2 py-1.5 outline-none cursor-pointer hover:bg-orange-100 rounded-sm flex items-center"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                Download schema
+              </a>
+            </ContextMenu.Item>
+          )}
+          <ContextMenu.Item asChild>
+            <a
+              href={buildUrl(`/docs/${messageType}/${id}/${version}/changelog`)}
+              className="text-sm px-2 py-1.5 outline-none cursor-pointer hover:bg-orange-100 rounded-sm flex items-center"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Read changelog
+            </a>
+          </ContextMenu.Item>
+        </ContextMenu.Content>
+      </ContextMenu.Portal>
+    </ContextMenu.Root>
+  );
+}

package/eventcatalog/src/components/MDX/NodeGraph/Nodes/Query.tsx

@@ -1,7 +1,7 @@
 import { MagnifyingGlassIcon } from '@heroicons/react/16/solid';
 import type { CollectionEntry } from 'astro:content';
 import { Handle } from '@xyflow/react';
-
+import MessageContextMenu from './MessageContextMenu';
 interface Data {
   title: string;
   label: string;
@@ -22,53 +22,55 @@ export default function QueryNode({ data, sourcePosition, targetPosition }: any)
 
   const { name, version, summary, owners = [], producers = [], consumers = [] } = message.data;
 
-  const renderTarget = true; //showTarget || (targetPosition && producers.length > 0);
-  const renderSource = true; // showSource || (sourcePosition && consumers.length > 0);
+  const renderTarget = true;
+  const renderSource = true;
 
   return (
-    <div className={classNames('w-full rounded-md border flex justify-start  bg-white text-black border-green-400')}>
-      <div
-        className={classNames(
-          'bg-gradient-to-b from-green-500 to-green-700 relative flex items-center w-5 justify-center rounded-l-sm text-green-100-500',
-          `border-r-[1px] border-green-500`
-        )}
-      >
-        <MagnifyingGlassIcon className="w-4 h-4 opacity-90 text-white absolute top-1 " />
-        {mode === 'full' && (
-          <span className="rotate -rotate-90 w-1/2 text-center absolute bottom-1 text-[9px] text-white font-bold uppercase tracking-[3px] ">
-            Query
-          </span>
-        )}
-      </div>
-      <div className="p-1 min-w-60 max-w-[min-content]">
-        {renderTarget && <Handle type="target" position={targetPosition} />}
-        {renderSource && <Handle type="source" position={sourcePosition} />}
-        <div className={classNames(mode === 'full' ? `border-b border-gray-200` : '')}>
-          <span className="text-xs font-bold block pb-0.5">{name}</span>
-          <div className="flex justify-between">
-            <span className="text-[10px] font-light block pt-0.5 pb-0.5 ">v{version}</span>
-            {mode === 'simple' && <span className="text-[10px] text-gray-500 font-light block pt-0.5 pb-0.5 ">Query</span>}
-          </div>
+    <MessageContextMenu message={message} messageType="queries">
+      <div className={classNames('w-full rounded-md border flex justify-start  bg-white text-black border-green-400')}>
+        <div
+          className={classNames(
+            'bg-gradient-to-b from-green-500 to-green-700 relative flex items-center w-5 justify-center rounded-l-sm text-green-100-500',
+            `border-r-[1px] border-green-500`
+          )}
+        >
+          <MagnifyingGlassIcon className="w-4 h-4 opacity-90 text-white absolute top-1 " />
+          {mode === 'full' && (
+            <span className="rotate -rotate-90 w-1/2 text-center absolute bottom-1 text-[9px] text-white font-bold uppercase tracking-[3px] ">
+              Query
+            </span>
+          )}
         </div>
-        {mode === 'full' && (
-          <div className="divide-y divide-gray-200 ">
-            <div className="leading-3 py-1">
-              <span className="text-[8px] font-light">{summary}</span>
-            </div>
-            <div className="grid grid-cols-2 gap-x-4 py-1">
-              <span className="text-xs" style={{ fontSize: '0.2em' }}>
-                Producers: {producers.length}
-              </span>
-              <span className="text-xs" style={{ fontSize: '0.2em' }}>
-                Consumers: {consumers.length}
-              </span>
-              <span className="text-xs" style={{ fontSize: '0.2em' }}>
-                Owners: {owners.length}
-              </span>
+        <div className="p-1 min-w-60 max-w-[min-content]">
+          {renderTarget && <Handle type="target" position={targetPosition} />}
+          {renderSource && <Handle type="source" position={sourcePosition} />}
+          <div className={classNames(mode === 'full' ? `border-b border-gray-200` : '')}>
+            <span className="text-xs font-bold block pb-0.5">{name}</span>
+            <div className="flex justify-between">
+              <span className="text-[10px] font-light block pt-0.5 pb-0.5 ">v{version}</span>
+              {mode === 'simple' && <span className="text-[10px] text-gray-500 font-light block pt-0.5 pb-0.5 ">Query</span>}
             </div>
           </div>
-        )}
+          {mode === 'full' && (
+            <div className="divide-y divide-gray-200 ">
+              <div className="leading-3 py-1">
+                <span className="text-[8px] font-light">{summary}</span>
+              </div>
+              <div className="grid grid-cols-2 gap-x-4 py-1">
+                <span className="text-xs" style={{ fontSize: '0.2em' }}>
+                  Producers: {producers.length}
+                </span>
+                <span className="text-xs" style={{ fontSize: '0.2em' }}>
+                  Consumers: {consumers.length}
+                </span>
+                <span className="text-xs" style={{ fontSize: '0.2em' }}>
+                  Owners: {owners.length}
+                </span>
+              </div>
+            </div>
+          )}
+        </div>
       </div>
-    </div>
+    </MessageContextMenu>
   );
 }

package/eventcatalog/src/components/MDX/NodeGraph/Nodes/Service.tsx

@@ -1,6 +1,8 @@
 import { ServerIcon } from '@heroicons/react/16/solid';
 import type { CollectionEntry } from 'astro:content';
 import { Handle } from '@xyflow/react';
+import * as ContextMenu from '@radix-ui/react-context-menu';
+import { buildUrl } from '@utils/url-builder';
 
 interface Data {
   label: string;
@@ -19,53 +21,121 @@ function classNames(...classes: any) {
 export default function ServiceNode({ data, sourcePosition, targetPosition }: any) {
   const { label, bgColor = 'bg-blue-500', mode, service } = data as Data;
 
-  const { version, owners = [], sends = [], receives = [], name } = service.data;
+  const { id, version, owners = [], sends = [], receives = [], name, specifications, repository } = service.data;
+  const asyncApiPath = specifications?.asyncapiPath;
+  const openApiPath = specifications?.openapiPath;
+  const repositoryUrl = repository?.url;
 
   return (
-    <div className={classNames('w-full rounded-md border flex justify-start  bg-white text-black border-pink-500')}>
-      <div
-        className={classNames(
-          'bg-gradient-to-b from-pink-500 to-pink-700 relative flex items-center w-5 justify-center rounded-l-sm text-red-100-500',
-          `border-r-[1px] border-pink-500`
-        )}
-      >
-        <ServerIcon className="w-4 h-4 opacity-90 text-white absolute top-1 " />
-        {mode === 'full' && (
-          <span className="rotate -rotate-90 w-1/2 text-center absolute bottom-1 text-[9px] text-white font-bold uppercase tracking-[3px] ">
-            Service
-          </span>
-        )}
-      </div>
-      <div className="p-1 min-w-60 max-w-[min-content]">
-        {targetPosition && <Handle type="target" position={targetPosition} />}
-        {sourcePosition && <Handle type="source" position={sourcePosition} />}
-        <div className={classNames(mode === 'full' ? `border-b border-gray-200` : '')}>
-          <span className="text-xs font-bold block pt-0.5 pb-0.5">{name}</span>
-          <div className="flex justify-between">
-            <span className="text-[10px] font-light block pt-0.5 pb-0.5 ">v{version}</span>
-            {mode === 'simple' && <span className="text-[10px] text-gray-500 font-light block pt-0.5 pb-0.5 ">Service</span>}
+    <ContextMenu.Root>
+      <ContextMenu.Trigger>
+        <div className={classNames('w-full rounded-md border flex justify-start  bg-white text-black border-pink-500')}>
+          <div
+            className={classNames(
+              'bg-gradient-to-b from-pink-500 to-pink-700 relative flex items-center w-5 justify-center rounded-l-sm text-red-100-500',
+              `border-r-[1px] border-pink-500`
+            )}
+          >
+            <ServerIcon className="w-4 h-4 opacity-90 text-white absolute top-1 " />
+            {mode === 'full' && (
+              <span className="rotate -rotate-90 w-1/2 text-center absolute bottom-1 text-[9px] text-white font-bold uppercase tracking-[3px] ">
+                Service
+              </span>
+            )}
           </div>
-        </div>
-        {mode === 'full' && (
-          <div className="divide-y divide-gray-200 ">
-            <div className="leading-3 py-1">
-              <span className="text-[8px] font-light">{service.data.summary}</span>
+          <div className="p-1 min-w-60 max-w-[min-content]">
+            {targetPosition && <Handle type="target" position={targetPosition} />}
+            {sourcePosition && <Handle type="source" position={sourcePosition} />}
+            <div className={classNames(mode === 'full' ? `border-b border-gray-200` : '')}>
+              <span className="text-xs font-bold block pt-0.5 pb-0.5">{name}</span>
+              <div className="flex justify-between">
+                <span className="text-[10px] font-light block pt-0.5 pb-0.5 ">v{version}</span>
+                {mode === 'simple' && <span className="text-[10px] text-gray-500 font-light block pt-0.5 pb-0.5 ">Service</span>}
+              </div>
             </div>
+            {mode === 'full' && (
+              <div className="divide-y divide-gray-200 ">
+                <div className="leading-3 py-1">
+                  <span className="text-[8px] font-light">{service.data.summary}</span>
+                </div>
 
-            <div className="grid grid-cols-2 gap-x-4 py-1">
-              <span className="text-xs" style={{ fontSize: '0.2em' }}>
-                Receives messages: {receives.length}
-              </span>
-              <span className="text-xs" style={{ fontSize: '0.2em' }}>
-                Publishes messages: {sends.length}
-              </span>
-              <span className="text-xs" style={{ fontSize: '0.2em' }}>
-                Owners: {owners.length}
-              </span>
-            </div>
+                <div className="grid grid-cols-2 gap-x-4 py-1">
+                  <span className="text-xs" style={{ fontSize: '0.2em' }}>
+                    Receives messages: {receives.length}
+                  </span>
+                  <span className="text-xs" style={{ fontSize: '0.2em' }}>
+                    Publishes messages: {sends.length}
+                  </span>
+                  <span className="text-xs" style={{ fontSize: '0.2em' }}>
+                    Owners: {owners.length}
+                  </span>
+                </div>
+              </div>
+            )}
           </div>
-        )}
-      </div>
-    </div>
+        </div>
+      </ContextMenu.Trigger>
+      <ContextMenu.Portal>
+        <ContextMenu.Content className="min-w-[220px] bg-white rounded-md p-1 shadow-md border border-gray-200">
+          <ContextMenu.Item
+            asChild
+            className="text-sm px-2 py-1.5 outline-none cursor-pointer hover:bg-orange-100 rounded-sm flex items-center"
+          >
+            <a href={buildUrl(`/docs/services/${id}/${version}`)}>Read documentation</a>
+          </ContextMenu.Item>
+          <ContextMenu.Separator className="h-[1px] bg-gray-200 m-1" />
+          {asyncApiPath && (
+            <ContextMenu.Item asChild>
+              <a
+                href={buildUrl(`/docs/services/${id}/${version}/asyncapi`)}
+                className="text-sm px-2 py-1.5 outline-none cursor-pointer hover:bg-orange-100 rounded-sm flex items-center"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                View AsyncAPI specification
+              </a>
+            </ContextMenu.Item>
+          )}
+          {openApiPath && (
+            <ContextMenu.Item asChild>
+              <a
+                href={buildUrl(`/docs/services/${id}/${version}/spec`)}
+                className="text-sm px-2 py-1.5 outline-none cursor-pointer hover:bg-orange-100 rounded-sm flex items-center"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                View OpenAPI specification
+              </a>
+            </ContextMenu.Item>
+          )}
+          {asyncApiPath && openApiPath && <ContextMenu.Separator className="h-[1px] bg-gray-200 m-1" />}
+          {repositoryUrl && (
+            <>
+              <ContextMenu.Item asChild>
+                <a
+                  href={repositoryUrl}
+                  className="text-sm px-2 py-1.5 outline-none cursor-pointer hover:bg-orange-100 rounded-sm flex items-center"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  View code repository
+                </a>
+              </ContextMenu.Item>
+              <ContextMenu.Separator className="h-[1px] bg-gray-200 m-1" />
+            </>
+          )}
+          <ContextMenu.Item asChild>
+            <a
+              href={buildUrl(`/docs/services/${id}/${version}/changelog`)}
+              className="text-sm px-2 py-1.5 outline-none cursor-pointer hover:bg-orange-100 rounded-sm flex items-center"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Read changelog
+            </a>
+          </ContextMenu.Item>
+        </ContextMenu.Content>
+      </ContextMenu.Portal>
+    </ContextMenu.Root>
   );
 }

package/eventcatalog/src/components/MDX/Tiles/Tile.astro

@@ -14,10 +14,16 @@ interface Props {
 const { href, icon, title, description, openWindow } = Astro.props;
 
 const IconComponent: ComponentType<{ className?: string }> | undefined = Icons[icon];
+
+function startsWithProtocol(str: string) {
+  // Regular expression to match common protocols (http, https, ftp, ws, etc.)
+  const regex = /^[a-zA-Z][a-zA-Z\d+\-.]*:\/\//;
+  return regex.test(str);
+}
 ---
 
 <a
-  href={buildUrl(href)}
+  href={startsWithProtocol(href) ? href : buildUrl(href)}
   target={openWindow ? '_blank' : '_self'}
   class="block bg-white border border-gray-200 rounded-lg p-6 transition-all duration-300 ease-in-out hover:shadow-md hover:border-primary focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-primary focus:ring-white"
 >

package/eventcatalog/src/components/SideNav/TreeView/getTreeView.ts

@@ -138,7 +138,7 @@ function groupChildrenByType(parentNode: TreeNode) {
 const treeViewCache = new Map<string, TreeNode>();
 
 export function getTreeView({ projectDir, currentPath }: { projectDir: string; currentPath: string }): TreeNode {
-  const basePathname = currentPath.split('/')[1] as 'docs' | 'visualiser';
+  const basePathname = currentPath.split('/').find((p) => p === 'docs' || p === 'visualiser') || 'docs';
 
   const cacheKey = `${projectDir}:${basePathname}`;
   if (treeViewCache.has(cacheKey)) return treeViewCache.get(cacheKey)!;

package/eventcatalog/src/pages/chat/index.astro

@@ -107,7 +107,10 @@ const generatorConfig = `
               <div class="bg-gray-700 rounded-lg p-4 md:p-6 mb-4">
                 <h3 class="text-lg text-white font-semibold mb-3">Quick Setup</h3>
                 <Code code={`npm install @eventcatalog/generator-ai`} lang="bash" frame="none" />
-                <a href="https://www.eventcatalog.dev/ai-assistant" class="inline-flex items-center text-sm text-white mt-4">
+                <a
+                  href="https://www.eventcatalog.dev/feature/ai-assistant"
+                  class="inline-flex items-center text-sm text-white mt-4"
+                >
                   Learn more about setup →
                 </a>
               </div>

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

@@ -4,7 +4,6 @@ import * as path from 'path';
 import fs from 'node:fs';
 
 import type { CollectionTypes, PageTypes } from '@types';
-import PlainPage from '@layouts/PlainPage.astro';
 import { DocumentMinusIcon } from '@heroicons/react/24/outline';
 import { buildUrl } from '@utils/url-builder';
 import { pageDataLoader } from '@utils/page-loaders/page-data-loader';

package/eventcatalog/src/pages/docs/_default-docs.mdx

@@ -0,0 +1,24 @@
+# **EventCatalog**
+
+Welcome to [EventCatalog](https://www.eventcatalog.dev/).
+
+This open-source project is designed to help you and your teams bring discoverability and clarity to your event-driven architectures (EDA).
+
+To get started you can read the following guides:
+
+- [Getting started with EventCatalog](https://eventcatalog.dev/docs/development/getting-started/introduction)
+- [Creating domains](https://eventcatalog.dev/docs/development/guides/domains/adding-domains)
+- [Creating services](https://eventcatalog.dev/docs/development/guides/services/adding-services)
+- [Creating commands](https://eventcatalog.dev/docs/development/guides/messages/commands/introduction)
+- [Creating events](https://eventcatalog.dev/docs/development/guides/messages/events/introduction)
+- [Assigning owners to resources](https://eventcatalog.dev/docs/owners)
+- [Using components in your pages (Schemas, OpenAPI, etc)](https://eventcatalog.dev/docs/development/components/using-components)
+- [Deploying and hosting your EventCatalog](https://eventcatalog.dev/docs/development/deployment)
+
+### **Join the community**
+
+Got questions about EventCatalog? Feature requests or need support? [Join our community on Discord.](https://discord.gg/3rjaZMmrAm)
+
+### **Enterprise support**
+
+Using EventCatalog and needs enterprise support? Work with us, find out what we offer on our [enterprise page](https://eventcatalog.dev/enterprise).

package/eventcatalog/src/pages/docs/index.astro

@@ -1,6 +1,5 @@
 ---
 import Footer from '@layouts/Footer.astro';
-import DefaultDocsLandingPage from '@layouts/CustomDocsPageLayout.astro';
 import components from '@components/MDX/page-components';
 import { getIndexPage } from '@utils/pages';
 import VerticalSideBarLayout from '@layouts/VerticalSideBarLayout.astro';
@@ -11,24 +10,20 @@ let CustomContent = null;
 if (page) {
   const { Content } = await page.render();
   CustomContent = Content;
+} else {
+  CustomContent = await import('./_default-docs.mdx').then((mod) => mod.default);
 }
 ---
 
-{
-  CustomContent && (
-    <VerticalSideBarLayout title="EventCatalog">
-      <main class="flex sm:px-8 docs-layout h-full">
-        <div class="flex docs-layout w-full">
-          <div class="w-full lg:mr-2 pr-8 overflow-y-auto py-8">
-            <div class="prose prose-md w-full !max-w-none">
-              <CustomContent components={components} />
-            </div>
-            <Footer />
-          </div>
+<VerticalSideBarLayout title="EventCatalog">
+  <main class="flex sm:px-8 docs-layout h-full">
+    <div class="flex docs-layout w-full">
+      <div class="w-full lg:mr-2 pr-8 overflow-y-auto py-8">
+        <div class="prose prose-md w-full !max-w-none">
+          <CustomContent components={components} />
         </div>
-      </main>
-    </VerticalSideBarLayout>
-  )
-}
-
-{!CustomContent && <DefaultDocsLandingPage title="EventCatalog" />}
+        <Footer />
+      </div>
+    </div>
+  </main>
+</VerticalSideBarLayout>

package/eventcatalog/src/utils/node-graphs/flows-node-graph.ts

@@ -118,18 +118,18 @@ export const getNodesAndEdges = async ({ id, defaultFlow, version, mode = 'simpl
         id: `step-${step.id}-step-${path.id}`,
         source: `step-${step.id}`,
         target: `step-${path.id}`,
-        type: 'bezier',
+        type: 'flow-edge',
         label: path.label,
         animated: true,
         markerEnd: {
           type: MarkerType.ArrowClosed,
           width: 20,
           height: 20,
-          color: '#acacac',
+          color: '#666',
         },
         style: {
           strokeWidth: 2,
-          stroke: '#acacac',
+          stroke: '#ccc',
         },
       });
     });

package/package.json

@@ -6,7 +6,7 @@
     "url": "https://github.com/event-catalog/eventcatalog.git"
   },
   "type": "module",
-  "version": "2.24.3",
+  "version": "2.25.1",
   "publishConfig": {
     "access": "public"
   },
@@ -21,9 +21,9 @@
     "default-files-for-collections/"
   ],
   "dependencies": {
-    "@astrojs/markdown-remark": "^6.1.0",
-    "@astrojs/mdx": "^4.0.8",
-    "@astrojs/react": "^4.2.0",
+    "@astrojs/markdown-remark": "^6.2.0",
+    "@astrojs/mdx": "^4.1.0",
+    "@astrojs/react": "^4.2.1",
     "@astrojs/rss": "^4.0.11",
     "@astrojs/tailwind": "^6.0.0",
     "@asyncapi/avro-schema-parser": "^3.0.24",
@@ -37,12 +37,13 @@
     "@langchain/community": "^0.3.32",
     "@mlc-ai/web-llm": "^0.2.78",
     "@parcel/watcher": "^2.4.1",
+    "@radix-ui/react-context-menu": "^2.2.6",
     "@radix-ui/react-dialog": "^1.1.6",
     "@stoplight/json-schema-viewer": "^4.16.4",
     "@tailwindcss/typography": "^0.5.13",
     "@tanstack/react-table": "^8.17.3",
     "@xyflow/react": "^12.3.6",
-    "astro": "^5.3.0",
+    "astro": "^5.4.1",
     "astro-expressive-code": "^0.40.1",
     "astro-pagefind": "^1.6.0",
     "astro-seo": "^0.8.4",

package/default-files-for-collections/pages.md

@@ -1,7 +0,0 @@
----
-id: index
-slug: index
-hidden: true
----
-
-<!-- Do not delete this file, required for EC, you an ignore this file -->