@eventcatalog/core 2.30.6 → 2.30.8

package/README.md

@@ -34,7 +34,7 @@
 <h4>Features: Documentation for Event Driven Architectures, Integration with any broker, Generator from your OpenAPI and AsyncAPI documents, Docs and Code, Markdown driven, Document Domains/Services/Messages/Schemas and more, Content versioning, Assign Owners, Schemas, OpenAPI, MDX Components and more...</h4>
 
 <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
-[![All Contributors](https://img.shields.io/badge/all_contributors-50-orange.svg?style=flat-square)](#contributors-)
+[![All Contributors](https://img.shields.io/badge/all_contributors-52-orange.svg?style=flat-square)](#contributors-)
 <!-- ALL-CONTRIBUTORS-BADGE:END -->
 
 [Read the Docs](https://www.eventcatalog.dev/docs/development/getting-started/introduction) | [View Demo](https://demo.eventcatalog.dev)
@@ -261,6 +261,8 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
     </tr>
     <tr>
       <td align="center" valign="top" width="14.28%"><a href="https://www.linkedin.com/in/ruudwelling/"><img src="https://avatars.githubusercontent.com/u/4014179?v=4?s=100" width="100px;" alt="Ruud Welling"/><br /><sub><b>Ruud Welling</b></sub></a><br /><a href="https://github.com/event-catalog/eventcatalog/commits?author=WellingR" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/vienin"><img src="https://avatars.githubusercontent.com/u/2124283?v=4?s=100" width="100px;" alt="Kevin Pouget"/><br /><sub><b>Kevin Pouget</b></sub></a><br /><a href="https://github.com/event-catalog/eventcatalog/commits?author=vienin" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/VitaliiBalash"><img src="https://avatars.githubusercontent.com/u/4520809?v=4?s=100" width="100px;" alt="Vitalii Balash"/><br /><sub><b>Vitalii Balash</b></sub></a><br /><a href="https://github.com/event-catalog/eventcatalog/commits?author=VitaliiBalash" title="Code">💻</a></td>
     </tr>
   </tbody>
 </table>

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

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-LGRE6475.js";
-import "../chunk-2XYH6NJX.js";
+} from "../chunk-NALVGTIE.js";
+import "../chunk-XJBJFIN7.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.30.6";
+var version = "2.30.8";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,8 +1,8 @@
 import {
   log_build_default
-} from "../chunk-6UFFLZ4K.js";
-import "../chunk-LGRE6475.js";
-import "../chunk-2XYH6NJX.js";
+} from "../chunk-D4IJRFPJ.js";
+import "../chunk-NALVGTIE.js";
+import "../chunk-XJBJFIN7.js";
 import "../chunk-E7TXTI7G.js";
 export {
   log_build_default as default

package/dist/{chunk-6UFFLZ4K.js → chunk-D4IJRFPJ.js}

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

package/dist/{chunk-LGRE6475.js → chunk-NALVGTIE.js}

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

package/dist/{chunk-2XYH6NJX.js → chunk-XJBJFIN7.js}

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

package/dist/constants.js

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-2XYH6NJX.js";
+} from "./chunk-XJBJFIN7.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.30.6";
+var version = "2.30.8";
 
 // src/constants.ts
 var VERSION = version;

package/dist/eventcatalog.js

@@ -6,15 +6,15 @@ import {
 } from "./chunk-UKJ7F5WR.js";
 import {
   log_build_default
-} from "./chunk-6UFFLZ4K.js";
-import "./chunk-LGRE6475.js";
+} from "./chunk-D4IJRFPJ.js";
+import "./chunk-NALVGTIE.js";
 import {
   catalogToAstro,
   checkAndConvertMdToMdx
 } from "./chunk-7SI5EVOX.js";
 import {
   VERSION
-} from "./chunk-2XYH6NJX.js";
+} from "./chunk-XJBJFIN7.js";
 import {
   isBackstagePluginEnabled
 } from "./chunk-XMDPVKIJ.js";

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

@@ -0,0 +1,75 @@
+---
+import OwnersList from '@components/Lists/OwnersList';
+import VersionList from '@components/Lists/VersionList.astro';
+import { buildUrl } from '@utils/url-builder';
+import { getOwner } from '@utils/collections/owners';
+import type { CollectionEntry } from 'astro:content';
+import { ScrollText, Workflow, RssIcon } from 'lucide-react';
+import config from '@config';
+
+interface Props {
+  flow: CollectionEntry<'flows'>;
+}
+
+const { flow } = Astro.props;
+
+const ownersRaw = flow.data?.owners || [];
+const owners = await Promise.all<ReturnType<typeof getOwner>>(ownersRaw.map(getOwner));
+const filteredOwners = owners.filter((o) => o !== undefined);
+
+const ownersList = filteredOwners.map((o) => ({
+  label: o.data.name,
+  type: o.collection,
+  badge: o.collection === 'users' ? o.data.role : 'Team',
+  avatarUrl: o.collection === 'users' ? o.data.avatarUrl : '',
+  href: buildUrl(`/docs/${o.collection}/${o.data.id}`),
+}));
+
+const isRSSEnabled = config.rss?.enabled;
+---
+
+<aside class="sticky top-28 left-0 h-full overflow-y-auto pr-6 py-4">
+  <div id="sidebar-cta-portal" class="">
+    {flow.data.versions && <VersionList versions={flow.data.versions} collectionItem={flow} />}
+
+    <OwnersList
+      title={`Flow owners (${ownersList.length})`}
+      owners={ownersList}
+      emptyMessage={`This flow does not have any documented owners.`}
+      client:load
+    />
+
+    {
+      isRSSEnabled && (
+        <div class="mx-auto pb-4 w-full max-w-lg divide-y divide-white/5 rounded-xl bg-white/5 border-b border-gray-100 mb-4">
+          <span class="text-sm text-black group-data-[hover]:text-black/80 capitalize">Flow RSS Feed</span>
+          <ul role="list" class="space-y-2 mt-2">
+            <li class="has-tooltip rounded-md text-gray-600 group px-1 w-full hover:bg-gradient-to-l hover:from-purple-500 hover:to-purple-700 hover:text-white hover:font-normal  ">
+              <a class={`flex items-center space-x-2`} target="_blank" href={buildUrl(`/rss/flows/rss.xml`)}>
+                <RssIcon className="h-4 w-4 text-gray-800 group-hover:text-white" strokeWidth={1} />
+                <span class="font-light text-sm truncate">RSS</span>
+              </a>
+            </li>
+          </ul>
+        </div>
+      )
+    }
+
+    <div class="space-y-2">
+      <a
+        href={buildUrl(`/visualiser/${flow.collection}/${flow.data.id}/${flow.data.version}`)}
+        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"
+      >
+        <Workflow strokeWidth={2} size={16} />
+        <span class="block">View in visualiser</span>
+      </a>
+      <a
+        href={buildUrl(`/docs/${flow.collection}/${flow.data.id}/${flow.data.latestVersion}/changelog`)}
+        class="flex items-center space-x-2 justify-center 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"
+      >
+        <ScrollText strokeWidth={2} size={16} />
+        <span class="block">Read changelog</span>
+      </a>
+    </div>
+  </div>
+</aside>

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

@@ -115,8 +115,8 @@ function groupChildrenByType(parentNode: TreeNode) {
     acc[n.type].push(n);
   });
 
-  // Collapse all messages
-  const AUTO_EXPANDED_TYPES = ['domains', 'services', 'channels'];
+  // Collapse everything except domains
+  const AUTO_EXPANDED_TYPES = ['domains'];
 
   parentNode.children = Object.entries(acc)
     // Order label nodes by RESOURCE_TYPES

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

@@ -39,7 +39,7 @@ export async function getStaticPaths() {
 }
 
 // @ts-ignore
-const { catalog, data, filePath } = Astro.props;
+const { collection, catalog, data, filePath } = Astro.props;
 const fileName = data.specifications?.asyncapiPath || 'asyncapi.yaml';
 const directory = path.dirname(filePath || '');
 const pathToSpec = path.join(directory, fileName);
@@ -58,10 +58,30 @@ const config: ConfigInterface = { show: { sidebar: true, errors: true } };
 
 const component = createElement(AsyncApiComponentWP, { schema: { stringified }, config });
 const renderedComponent = renderToString(component);
+
+// Capitalize the first letter of a string
+const pageTitle = `${collection} | ${data.name} | AsyncApi Spec`.replace(/^\w/, (c) => c.toUpperCase());
+
+// Index only the latest version
+const pagefindAttributes =
+  data.version === data.latestVersion
+    ? {
+        'data-pagefind-body': '',
+        'data-pagefind-meta': `title:${pageTitle}`,
+      }
+    : {};
 ---
 
-<VerticalSideBarLayout title="AsyncApi Spec">
-  <div id="asyncapi" class="md:pr-14" set:html={renderedComponent} />
+<VerticalSideBarLayout title={pageTitle}>
+  <div {...pagefindAttributes}>
+    {
+      // Currently, Pagefind does not index metadata (such as the title),
+      // so we need to ensure it is included as text on the page.
+      // https://github.com/CloudCannon/pagefind/issues/437
+    }
+    <h2 class="hidden">{pageTitle}</h2>
+    <div id="asyncapi" class="md:pr-14" set:html={renderedComponent} />
+  </div>
 </VerticalSideBarLayout>
 
 <script is:inline src={js}></script>

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

@@ -3,7 +3,14 @@ import Footer from '@layouts/Footer.astro';
 
 import type { PageTypes } from '@types';
 import { getChangeLogs } from '@utils/collections/changelogs';
-import { RectangleGroupIcon, ServerIcon, BoltIcon, ChatBubbleLeftIcon, MagnifyingGlassIcon } from '@heroicons/react/24/outline';
+import {
+  RectangleGroupIcon,
+  ServerIcon,
+  BoltIcon,
+  ChatBubbleLeftIcon,
+  MagnifyingGlassIcon,
+  QueueListIcon,
+} from '@heroicons/react/24/outline';
 import { pageDataLoader } from '@utils/page-loaders/page-data-loader';
 import { render, getEntry } from 'astro:content';
 import 'diff2html/bundles/css/diff2html.min.css';
@@ -15,7 +22,7 @@ import VerticalSideBarLayout from '@layouts/VerticalSideBarLayout.astro';
 import { ClientRouter } from 'astro:transitions';
 
 export async function getStaticPaths() {
-  const itemTypes: PageTypes[] = ['events', 'commands', 'queries', 'services', 'domains'];
+  const itemTypes: PageTypes[] = ['events', 'commands', 'queries', 'services', 'domains', 'flows'];
   const allItems = await Promise.all(itemTypes.map((type) => pageDataLoader[type]()));
 
   return allItems.flatMap((items, index) =>
@@ -44,7 +51,7 @@ const logs = await getChangeLogs(props);
 const { data } = props;
 const latestVersion = data.latestVersion;
 
-const renderedLogs = await logs.map(async (log) => {
+const renderedLogs = logs.map(async (log) => {
   const logEntry = await getEntry('changelogs', log.id);
   const { Content } = await render(logEntry as any);
   return {
@@ -104,6 +111,9 @@ const getBadge = () => {
       class: 'text-yellow-400',
     };
   }
+  if (props.collection === 'flows') {
+    return { backgroundColor: 'teal', textColor: 'teal', content: 'Flow', icon: QueueListIcon, class: 'text-teal-400' };
+  }
 };
 
 const badges = [getBadge()];

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

@@ -11,12 +11,12 @@ import ServiceSideBar from '@components/SideBars/ServiceSideBar.astro';
 import MessageSideBar from '@components/SideBars/MessageSideBar.astro';
 import DomainSideBar from '@components/SideBars/DomainSideBar.astro';
 import ChannelSideBar from '@components/SideBars/ChannelSideBar.astro';
+import FlowSideBar from '@components/SideBars/FlowSideBar.astro';
 
 import { QueueListIcon, RectangleGroupIcon, ServerIcon, BoltIcon, ChatBubbleLeftIcon } from '@heroicons/react/24/outline';
 import type { PageTypes } from '@types';
 
 import { buildUrl } from '@utils/url-builder';
-import { getFlows } from '@utils/collections/flows';
 import { pageDataLoader } from '@utils/page-loaders/page-data-loader';
 import { ClientRouter } from 'astro:transitions';
 import { render } from 'astro:content';
@@ -24,16 +24,9 @@ import { ArrowsRightLeftIcon } from '@heroicons/react/20/solid';
 
 import config from '@config';
 
-type PageTypesWithFlows = PageTypes | 'flows';
-
 export async function getStaticPaths() {
-  const loaders = {
-    ...pageDataLoader,
-    flows: getFlows,
-  };
-
-  const itemTypes: PageTypesWithFlows[] = ['events', 'commands', 'queries', 'services', 'domains', 'flows', 'channels'];
-  const allItems = await Promise.all(itemTypes.map((type) => loaders[type]()));
+  const itemTypes: PageTypes[] = ['events', 'commands', 'queries', 'services', 'domains', 'flows', 'channels'];
+  const allItems = await Promise.all(itemTypes.map((type) => pageDataLoader[type]()));
 
   return allItems.flatMap((items, index) =>
     items.map((item) => ({
@@ -123,10 +116,19 @@ const getSpecificationBadges = () => {
 };
 
 const badges = [getBadge(), ...contentBadges, ...getSpecificationBadges()];
+
+// Index only the latest version
+const pagefindAttributes =
+  props.data.version === props.data.latestVersion
+    ? {
+        'data-pagefind-body': '',
+        'data-pagefind-meta': `title:${pageTitle}`,
+      }
+    : {};
 ---
 
 <VerticalSideBarLayout title={pageTitle} description={props.data.summary}>
-  <main class="flex sm:px-8 docs-layout h-full">
+  <main class="flex sm:px-8 docs-layout h-full" {...pagefindAttributes}>
     <div class="flex docs-layout w-full">
       <div class="w-full lg:mr-2 pr-8 overflow-y-auto py-8">
         <div class="border-b border-gray-200 flex justify-between items-start md:pb-2">
@@ -159,7 +161,7 @@ const badges = [getBadge(), ...contentBadges, ...getSpecificationBadges()];
           </div>
         </div>
 
-        <div>
+        <div data-pagefind-ignore>
           {
             props.data.version !== props.data.latestVersion && (
               <div class="rounded-md bg-gradient-to-r from-purple-50 to-purple-100 p-4 not-prose my-4">
@@ -198,7 +200,7 @@ const badges = [getBadge(), ...contentBadges, ...getSpecificationBadges()];
         <div class="prose prose-md py-4 w-full">
           <Content components={components(props)} />
         </div>
-        <div>
+        <div data-pagefind-ignore>
           <!-- @ts-ignore -->
           <SchemaViewer id={props.data.id} catalog={props.catalog} filePath={props.filePath} />
           <NodeGraph
@@ -215,7 +217,7 @@ const badges = [getBadge(), ...contentBadges, ...getSpecificationBadges()];
         </div>
         <Footer />
       </div>
-      <aside class="hidden lg:block sticky top-0 pb-10 w-96 overflow-y-auto py-2">
+      <aside class="hidden lg:block sticky top-0 pb-10 w-96 overflow-y-auto py-2" data-pagefind-ignore>
         <!-- @ts-ignore -->
         {
           (props?.collection === 'events' || props.collection === 'commands' || props.collection === 'queries') && (
@@ -225,6 +227,7 @@ const badges = [getBadge(), ...contentBadges, ...getSpecificationBadges()];
         {props?.collection === 'services' && <ServiceSideBar service={props} />}
         {props?.collection === 'domains' && <DomainSideBar domain={props} />}
         {props?.collection === 'channels' && <ChannelSideBar channel={props} />}
+        {props?.collection === 'flows' && <FlowSideBar flow={props} />}
       </aside>
     </div>
     <ClientRouter />

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

@@ -35,7 +35,7 @@ export async function getStaticPaths() {
 }
 
 // @ts-ignore
-const { data, catalog, filePath } = Astro.props;
+const { collection, data, catalog, filePath } = Astro.props;
 const fileName = data.specifications?.openapiPath || 'openapi.yml';
 
 const directory = path.dirname(filePath || '');
@@ -44,12 +44,24 @@ const fileExists = fs.existsSync(pathToSpec);
 
 let content = '';
 
+// Capitalize the first letter of a string
+const pageTitle = `${collection} | ${data.name} | OpenAPI Spec`.replace(/^\w/, (c) => c.toUpperCase());
+
+// Index only the latest version
+const pagefindAttributes =
+  data.version === data.latestVersion
+    ? {
+        'data-pagefind-body': '',
+        'data-pagefind-meta': `title:${pageTitle}`,
+      }
+    : {};
+
 if (fileExists) {
   content = fs.readFileSync(pathToSpec, 'utf8');
 }
 ---
 
-<VerticalSideBarLayout title="OpenAPI Spec">
+<VerticalSideBarLayout title={pageTitle}>
   {
     !fileExists ? (
       <div class="text-center h-screen  flex flex-col justify-center ">
@@ -60,7 +72,13 @@ if (fileExists) {
         </p>
       </div>
     ) : (
-      <div>
+      <div {...pagefindAttributes}>
+        {
+          // Currently, Pagefind does not index metadata (such as the title),
+          // so we need to ensure it is included as text on the page.
+          // https://github.com/CloudCannon/pagefind/issues/437
+        }
+        <h2 class="hidden">{pageTitle}</h2>
         <OpenAPISpec client:only="react" spec={content} />
       </div>
     )

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

@@ -68,7 +68,7 @@ const badges = [
 ---
 
 <VerticalSideBarLayout title={pageTitle} description={ubiquitousLanguage.summary}>
-  <main class="flex sm:px-8 docs-layout h-full max-w-7xl">
+  <main class="flex sm:px-8 docs-layout h-full max-w-7xl" data-pagefind-body data-pagefind-meta={`title:${pageTitle}`}>
     <div class="flex docs-layout w-full">
       <div class="w-full lg:mr-2 pr-8 overflow-y-auto py-8 min-h-[50em]">
         <nav class="flex mb-4" aria-label="Breadcrumb">

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

@@ -34,7 +34,7 @@ const ubiquitousLanguage = ubiquitousLanguages[0];
 ---
 
 <VerticalSideBarLayout title={pageTitle} description={props.data.summary}>
-  <main class="flex sm:px-8 docs-layout h-full">
+  <main class="flex sm:px-8 docs-layout h-full" data-pagefind-body data-pagefind-meta={`title:${pageTitle}`}>
     <div class="flex docs-layout w-full">
       <div class="w-full lg:mr-2 pr-8 overflow-y-auto py-8 min-h-[50em]">
         <nav class="flex mb-4" aria-label="Breadcrumb">

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

@@ -69,11 +69,13 @@ const ownedQueriesList = queries.map((p) => ({
   collection: p.collection,
   tag: `v${p.data.version}`,
 }));
+
+const pageTitle = `Team | ${props.data.name}`;
 ---
 
-<VerticalSideBarLayout title={`Team | ${props.data.name}`} description={props.data.summary}>
+<VerticalSideBarLayout title={pageTitle} description={props.data.summary}>
   <div class="flex min-h-screen docs-layout sm:px-8">
-    <main class="flex-1 w-full pr-10 pt-4">
+    <main class="flex-1 w-full pr-10 pt-4" data-pagefind-body data-pagefind-meta={`title:${pageTitle}`}>
       <!-- <span class="text-purple-500 bg-purple-100 px-2 py-1 rounded-md">v{props.data.version}</span> -->
 
       <div class="border-b border-gray-200 py-4 pb-2">
@@ -131,7 +133,7 @@ const ownedQueriesList = queries.map((p) => ({
         <NodeGraph id={props.data.id} type={props?.catalog?.type} nodes={props.nodes} masterNode={{ name: props.data.name, id: props.data.id }} client:load />
       </div> -->
     </main>
-    <aside class="sticky top-20 h-[calc(100vh-theme(spacing.16))] w-72 overflow-y-auto">
+    <aside class="sticky top-20 h-[calc(100vh-theme(spacing.16))] w-72 overflow-y-auto" data-pagefind-ignore>
       <div class="divide-y-2 divide-gray-100">
         <PillListFlat
           color="pink"

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

@@ -59,10 +59,12 @@ const associatedTeams = teams.map((o) => ({
   badge: 'Team',
   href: buildUrl(`/docs/${o.collection}/${o.data.id}`),
 }));
+
+const pageTitle = `User | ${props.data.name}`;
 ---
 
-<VerticalSideBarLayout title={`User | ${props.data.name}`}>
-  <main class="flex sm:px-8 docs-layout h-full">
+<VerticalSideBarLayout title={pageTitle}>
+  <main class="flex sm:px-8 docs-layout h-full" data-pagefind-body data-pagefind-meta={`title:${pageTitle}`}>
     <div class="flex docs-layout w-full">
       <div class="w-full lg:mr-6 pr-8 overflow-y-auto py-4">
         <!-- <span class="text-purple-500 bg-purple-100 px-2 py-1 rounded-md">v{props.data.version}</span> -->
@@ -105,7 +107,7 @@ const associatedTeams = teams.map((o) => ({
             </div>
           </div>
         </div>
-        <div class="border-b border-gray-200">
+        <div class="border-b border-gray-200" data-pagefind-ignore>
           <div class="mx-auto max-w-7xl px-6 lg:px-8">
             <div class="mx-auto max-w-2xl lg:max-w-none">
               <dl
@@ -139,7 +141,10 @@ const associatedTeams = teams.map((o) => ({
           <Content components={components(props)} />
         </div>
       </div>
-      <aside class="hidden lg:block sticky top-0 h-[calc(100vh-theme(spacing.16))] w-72 overflow-y-auto py-2">
+      <aside
+        class="hidden lg:block sticky top-0 h-[calc(100vh-theme(spacing.16))] w-72 overflow-y-auto py-2"
+        data-pagefind-ignore
+      >
         <div class="divide-y-2 divide-gray-100 pr-6">
           {
             ownedDomainsList.length > 0 && (

package/eventcatalog/src/types/index.ts

@@ -1,4 +1,4 @@
 export type CollectionTypes = 'commands' | 'events' | 'queries' | 'domains' | 'services' | 'flows' | 'channels';
 export type CollectionMessageTypes = 'commands' | 'events' | 'queries';
 export type CollectionUserTypes = 'users';
-export type PageTypes = 'events' | 'commands' | 'queries' | 'services' | 'domains' | 'channels';
+export type PageTypes = 'events' | 'commands' | 'queries' | 'services' | 'domains' | 'channels' | 'flows';

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

@@ -10,8 +10,10 @@ export const getChangeLogs = async (item: CollectionEntry<CollectionTypes>): Pro
   // Get all logs for collection type and filter by given collection
   const logs = await getCollection('changelogs', (log) => {
     const collectionDirectory = path.dirname(item?.filePath || '');
-    const isRootChangeLog = path.join(collectionDirectory, 'changelog.md') === log.filePath;
-    const isVersionedChangeLog = log.filePath?.includes(path.join(collectionDirectory, 'versioned'));
+    const isRootChangeLog = path.join(collectionDirectory, 'changelog.mdx') === log.filePath;
+    // Ensure the path follows <collectionDirectory>/versioned/<version>/changelog.mdx
+    const versionedPathPattern = new RegExp(`${collectionDirectory}/versioned/[^/]+/changelog\\.mdx$`);
+    const isVersionedChangeLog = versionedPathPattern.test(log.filePath!);
     return log.id.includes(`${collection}/`) && (isRootChangeLog || isVersionedChangeLog);
   });
 
@@ -19,7 +21,7 @@ export const getChangeLogs = async (item: CollectionEntry<CollectionTypes>): Pro
     // Check if there is a version in the url
     const isVersioned = log.id.includes('versioned');
 
-    const parts = log.id.split('/');
+    const parts = log.filePath!.split('/');
     // hack to get the version of the id (url)
     const version = parts[parts.length - 2];
     return {

package/eventcatalog/src/utils/page-loaders/page-data-loader.ts

@@ -4,6 +4,7 @@ import { getDomains } from '@utils/collections/domains';
 import { getCommands, getEvents } from '@utils/messages';
 import { getQueries } from '@utils/queries';
 import { getServices } from '@utils/collections/services';
+import { getFlows } from '@utils/collections/flows';
 import type { CollectionEntry } from 'astro:content';
 
 export const pageDataLoader: Record<PageTypes, () => Promise<CollectionEntry<CollectionTypes>[]>> = {
@@ -13,4 +14,5 @@ export const pageDataLoader: Record<PageTypes, () => Promise<CollectionEntry<Col
   services: getServices,
   domains: getDomains,
   channels: getChannels,
+  flows: getFlows,
 };

package/package.json

@@ -6,7 +6,7 @@
     "url": "https://github.com/event-catalog/eventcatalog.git"
   },
   "type": "module",
-  "version": "2.30.6",
+  "version": "2.30.8",
   "publishConfig": {
     "access": "public"
   },