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

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-SSON27NB.js";
-import "../chunk-EXL47VH2.js";
+} from "../chunk-7QQO526J.js";
+import "../chunk-PPADPR55.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.16.5";
+var version = "2.17.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,8 +1,8 @@
 import {
   log_build_default
-} from "../chunk-AUXNC7PZ.js";
-import "../chunk-SSON27NB.js";
-import "../chunk-EXL47VH2.js";
+} from "../chunk-KK4PRBGY.js";
+import "../chunk-7QQO526J.js";
+import "../chunk-PPADPR55.js";
 import "../chunk-E7TXTI7G.js";
 export {
   log_build_default as default

package/dist/catalog-to-astro-content-directory.cjs

@@ -35,7 +35,7 @@ __export(catalog_to_astro_content_directory_exports, {
 module.exports = __toCommonJS(catalog_to_astro_content_directory_exports);
 
 // node_modules/tsup/assets/cjs_shims.js
-var getImportMetaUrl = () => typeof document === "undefined" ? new URL("file:" + __filename).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href;
+var getImportMetaUrl = () => typeof document === "undefined" ? new URL(`file:${__filename}`).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href;
 var importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
 
 // src/catalog-to-astro-content-directory.js

package/dist/{chunk-SSON27NB.js → chunk-7QQO526J.js}

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

package/dist/{chunk-AUXNC7PZ.js → chunk-KK4PRBGY.js}

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

package/dist/{chunk-EXL47VH2.js → chunk-PPADPR55.js}

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

package/dist/constants.js

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

package/dist/eventcatalog.cjs

@@ -23,7 +23,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 
 // node_modules/tsup/assets/cjs_shims.js
-var getImportMetaUrl = () => typeof document === "undefined" ? new URL("file:" + __filename).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href;
+var getImportMetaUrl = () => typeof document === "undefined" ? new URL(`file:${__filename}`).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href;
 var importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
 
 // src/eventcatalog.ts
@@ -161,7 +161,7 @@ var import_axios = __toESM(require("axios"), 1);
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "2.16.5";
+var version = "2.17.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/eventcatalog.js

@@ -1,13 +1,13 @@
 import {
   log_build_default
-} from "./chunk-AUXNC7PZ.js";
-import "./chunk-SSON27NB.js";
+} from "./chunk-KK4PRBGY.js";
+import "./chunk-7QQO526J.js";
 import {
   catalogToAstro
 } from "./chunk-55YPRY5U.js";
 import {
   VERSION
-} from "./chunk-EXL47VH2.js";
+} from "./chunk-PPADPR55.js";
 import {
   generate
 } from "./chunk-YEQVKHST.js";

package/eventcatalog/astro.config.mjs

@@ -5,6 +5,8 @@ import react from '@astrojs/react';
 import pagefind from "astro-pagefind";
 import { mermaid } from "./src/remark-plugins/mermaid"
 import { join } from 'node:path';
+import remarkDirective from 'remark-directive';
+import { remarkDirectives } from "./src/remark-plugins/directives"
 
 /** @type {import('bin/eventcatalog.config').Config} */
 import config from './eventcatalog.config';
@@ -42,7 +44,7 @@ export default defineConfig({
     mdx({
       // https://docs.astro.build/en/guides/integrations-guide/mdx/#optimize
       optimize: config.mdxOptimize || false,
-      remarkPlugins: [mermaid],
+      remarkPlugins: [remarkDirective, remarkDirectives, mermaid],
       gfm: false,
     }),
     pagefind(),

package/eventcatalog/package.json

@@ -17,10 +17,10 @@
     "start": "astro dev"
   },
   "dependencies": {
-    "@astrojs/markdown-remark": "^5.3.0",
-    "@astrojs/mdx": "^3.1.8",
-    "@astrojs/react": "^3.6.2",
-    "@astrojs/tailwind": "^5.1.2",
+    "@astrojs/markdown-remark": "^6.0.1",
+    "@astrojs/mdx": "^4.0.2",
+    "@astrojs/react": "^4.1.0",
+    "@astrojs/tailwind": "^5.1.3",
     "@asyncapi/avro-schema-parser": "^3.0.24",
     "@asyncapi/parser": "^3.4.0",
     "@asyncapi/react-component": "^2.4.3",
@@ -31,9 +31,9 @@
     "@tailwindcss/typography": "^0.5.13",
     "@tanstack/react-table": "^8.17.3",
     "@xyflow/react": "^12.3.6",
-    "astro": "^4.16.5",
-    "astro-expressive-code": "^0.36.1",
-    "astro-pagefind": "^1.6.0",
+    "astro": "^5.0.5",
+    "astro-expressive-code": "^0.38.3",
+    "astro-pagefind": "^1.7.0",
     "astro-seo": "^0.8.4",
     "dagre": "^0.8.5",
     "diff": "^7.0.0",

package/eventcatalog/src/components/MDX/components.tsx

@@ -33,7 +33,7 @@ const components = (props: any) => {
     Steps,
     Tabs,
     TabItem,
-    Admonition: (mdxProp: any) => <Admonition {...mdxProp} {...props} />,
+    Admonition,
     File: (mdxProp: any) => File({ ...props, ...mdxProp }),
     NodeGraph: (mdxProp: any) => NodeGraphPortal({ ...props.data, ...mdxProp }),
     ChannelInformation: (mdxProp: any) => ChannelInformation({ ...props.data, ...mdxProp }),

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

@@ -16,6 +16,7 @@ const { channel } = Astro.props;
 
 const ownersRaw = channel.data?.owners || [];
 const owners = await Promise.all(ownersRaw.map((o) => getEntry(o)));
+const filteredOwners = owners.filter((o) => o !== undefined);
 
 const channelParameters: Record<string, { enum?: string[]; description?: string }> = channel.data.parameters || {};
 const parameters = Object.keys(channelParameters).map((key) => ({
@@ -37,7 +38,7 @@ const protocolList = protocols.map((p) => ({
   icon: p,
 }));
 
-const ownersList = owners.map((o) => ({
+const ownersList = filteredOwners.map((o) => ({
   label: o.data.name,
   type: o.collection,
   badge: o.collection === 'users' ? o.data.role : 'Team',
@@ -86,7 +87,7 @@ const messageList = (channel.data.messages ?? []).map((p) => ({
     }
 
     <OwnersList
-      title={`Channel owners (${ownersList.length})`}
+      title={`Channel owners (${filteredOwners.length})`}
       owners={ownersList}
       emptyMessage={`This channel does not have any documented owners.`}
       client:load

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

@@ -21,6 +21,7 @@ const ubiquitousLanguageDictionary = hasUbiquitousLanguage ? ubiquitousLanguage[
 
 const ownersRaw = domain.data?.owners || [];
 const owners = await Promise.all(ownersRaw.map((o) => getEntry(o)));
+const filteredOwners = owners.filter((o) => o !== undefined);
 
 const serviceList = services.map((p) => ({
   label: p.data.name,
@@ -37,7 +38,7 @@ const ubiquitousLanguageList = ubiquitousLanguageDictionary?.map((l) => ({
   href: buildUrl(`/docs/${domain.collection}/${domain.data.id}/language?id=${l.id}`),
 }));
 
-const ownersList = owners.map((o) => ({
+const ownersList = filteredOwners.map((o) => ({
   label: o.data.name,
   type: o.collection,
   badge: o.collection === 'users' ? o.data.role : 'Team',

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

@@ -20,6 +20,7 @@ const channels = (message.data.messageChannels as CollectionEntry<'channels'>[])
 
 const ownersRaw = message.data?.owners || [];
 const owners = await Promise.all(ownersRaw.map((o) => getEntry(o)));
+const filteredOwners = owners.filter((o) => o !== undefined);
 
 const producerList = producers.map((p) => ({
   label: `${p.data.name}`,
@@ -35,7 +36,7 @@ const consumerList = consumers.map((p) => ({
   href: buildUrl(`/docs/services/${p.data.id}/${p.data.version}`),
 }));
 
-const ownersList = owners.map((o) => ({
+const ownersList = filteredOwners.map((o) => ({
   label: o.data.name,
   type: o.collection,
   badge: o.collection === 'users' ? o.data.role : 'Team',

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

@@ -21,6 +21,7 @@ const receives = (service.data.receives as CollectionEntry<'events'>[]) || [];
 
 const ownersRaw = service.data?.owners || [];
 const owners = await Promise.all(ownersRaw.map((o) => getEntry(o)));
+const filteredOwners = owners.filter((o) => o !== undefined);
 
 const sendsList = sends.map((p) => ({
   label: p.data.name,
@@ -39,7 +40,7 @@ const receivesList = receives.map((p) => ({
   href: buildUrl(`/docs/${p.collection}/${p.data.id}/${p.data.version}`),
 }));
 
-const ownersList = owners.map((o) => ({
+const ownersList = filteredOwners.map((o) => ({
   label: o.data.name,
   type: o.collection,
   badge: o.collection === 'users' ? o.data.role : 'Team',

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

@@ -55,14 +55,14 @@ const ownedDomainsList = domains.map((p) => ({
 }));
 
 const ownedServicesList = services.map((p) => ({
-  label: `${p.data.name} (service)`,
+  label: `${p.data.name}`,
   href: buildUrl(`/docs/${p.collection}/${p.data.id}/${p.data.version}`),
   collection: p.collection,
   tag: `v${p.data.version}`,
 }));
 
 const ownedEventsList = [...events, ...commands].map((p) => ({
-  label: `${p.data.name} (${p.collection.slice(0, -1)})`,
+  label: `${p.data.name}`,
   href: buildUrl(`/docs/${p.collection}/${p.data.id}/${p.data.version}`),
   color: p.collection === 'events' ? 'orange' : 'blue',
   collection: p.collection,

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

@@ -43,7 +43,7 @@ const ownedDomainsList = domains.map((p) => ({
 }));
 
 const ownedServicesList = services.map((p) => ({
-  label: `${p.data.name} (service)`,
+  label: `${p.data.name}`,
   href: buildUrl(`/docs/${p.collection}/${p.data.id}/${p.data.version}`),
   collection: p.collection,
   tag: `v${p.data.version}`,

package/eventcatalog/src/remark-plugins/directives.ts

@@ -0,0 +1,109 @@
+// src/remark-plugins/directives.js
+import { visit } from 'unist-util-visit';
+
+export function remarkDirectives() {
+  return (tree: any) => {
+    visit(tree, (node) => {
+      if (node.type === 'containerDirective') {
+        const blockTypes = {
+          info: 'bg-blue-50 border-l-4 border-blue-500',
+          warning: 'bg-yellow-50 border-l-4 border-yellow-500',
+          danger: 'bg-red-50 border-l-4 border-red-500',
+          tip: 'bg-green-50 border-l-4 border-green-500',
+          note: 'bg-gray-50 border-l-4 border-gray-500',
+        };
+
+        // Lucide icon paths
+        const iconPaths = {
+          info: 'M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z',
+          warning:
+            'M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z',
+          danger:
+            'M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z',
+          tip: 'M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z',
+          note: 'M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z',
+        };
+
+        node.data = node.data || {};
+        node.data.hName = 'div';
+        node.data.hProperties = {
+          class: `rounded-lg p-4 my-4 ${blockTypes[node.name as keyof typeof blockTypes] || ''}`,
+        };
+
+        // Create header div that will contain icon and type
+        const headerNode = {
+          type: 'element',
+          data: {
+            hName: 'div',
+            hProperties: {
+              class: 'flex items-center gap-2 font-semibold mb-2',
+            },
+          },
+          children: [
+            // Lucide Icon SVG
+            {
+              type: 'element',
+              data: {
+                hName: 'svg',
+                hProperties: {
+                  xmlns: 'http://www.w3.org/2000/svg',
+                  width: '26',
+                  height: '26',
+                  viewBox: '0 0 24 24',
+                  fill: 'none',
+                  stroke: 'currentColor',
+                  strokeWidth: '2',
+                  strokeLinecap: 'round',
+                  strokeLinejoin: 'round',
+                  class: 'lucide',
+                },
+              },
+              children: [
+                {
+                  type: 'element',
+                  data: {
+                    hName: 'path',
+                    hProperties: {
+                      d: iconPaths[node.name as keyof typeof iconPaths] || '',
+                    },
+                  },
+                },
+              ],
+            },
+            // Type label
+            {
+              type: 'element',
+              data: {
+                hName: 'span',
+                hProperties: {
+                  class: '',
+                },
+              },
+              children: [
+                {
+                  type: 'text',
+                  value: node.name.charAt(0).toUpperCase() + node.name.slice(1),
+                },
+              ],
+            },
+          ],
+        };
+
+        // Create content div for the rest of the children
+        const contentNode = {
+          type: 'element',
+          data: {
+            hName: 'div',
+            hProperties: {
+              class: 'prose prose-md w-full !max-w-none ',
+            },
+          },
+          children: node.children,
+        };
+
+        // Replace node's children with header and content
+        node.children = [headerNode, contentNode];
+      }
+    });
+  };
+}

package/eventcatalog/src/utils/channels.ts

@@ -21,7 +21,7 @@ interface Props {
 
 export const getChannels = async ({ getAllVersions = true }: Props = {}): Promise<Channel[]> => {
   const channels = await getCollection('channels', (query) => {
-    return (getAllVersions || !query.slug.includes('versioned')) && query.data.hidden !== true;
+    return (getAllVersions || !query.data?.pathToFile?.includes('versioned')) && query.data.hidden !== true;
   });
 
   const { commands, events, queries } = await getMessages();

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

@@ -8,7 +8,7 @@ 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) => {
-    return log.id.includes(`${collection}/`) && log.slug.includes(slug);
+    return log.id.includes(`${collection}/`) && log.id.includes(slug);
   });
 
   const hydratedLogs = logs.map((log) => {

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

@@ -14,7 +14,7 @@ interface Props {
 export const getDomains = async ({ getAllVersions = true }: Props = {}): Promise<Domain[]> => {
   // Get all the domains that are not versioned
   const domains = await getCollection('domains', (domain) => {
-    return (getAllVersions || !domain.slug.includes('versioned')) && domain.data.hidden !== true;
+    return (getAllVersions || !domain.data?.pathToFile?.includes('versioned')) && domain.data.hidden !== true;
   });
 
   // Get all the services that are not versioned

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

@@ -14,7 +14,7 @@ interface Props {
 export const getFlows = async ({ getAllVersions = true }: Props = {}): Promise<Flow[]> => {
   // Get flows that are not versioned
   const flows = await getCollection('flows', (flow) => {
-    return (getAllVersions || !flow.slug.includes('versioned')) && flow.data.hidden !== true;
+    return (getAllVersions || !flow.data.pathToFile?.includes('versioned')) && flow.data.hidden !== true;
   });
 
   const events = await getCollection('events');

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

@@ -15,7 +15,7 @@ interface Props {
 export const getServices = async ({ getAllVersions = true }: Props = {}): Promise<Service[]> => {
   // Get services that are not versioned
   const services = await getCollection('services', (service) => {
-    return (getAllVersions || !service.slug.includes('versioned')) && service.data.hidden !== true;
+    return (getAllVersions || !service.data?.pathToFile?.includes('versioned')) && service.data.hidden !== true;
   });
   const events = await getCollection('events');
   const commands = await getCollection('commands');

package/eventcatalog/src/utils/commands.ts

@@ -19,7 +19,7 @@ interface Props {
 
 export const getCommands = async ({ getAllVersions = true }: Props = {}): Promise<Command[]> => {
   const commands = await getCollection('commands', (command) => {
-    return (getAllVersions || !command.slug.includes('versioned')) && command.data.hidden !== true;
+    return (getAllVersions || !command.data?.pathToFile?.includes('versioned')) && command.data.hidden !== true;
   });
 
   const services = await getCollection('services');

package/eventcatalog/src/utils/events.ts

@@ -19,7 +19,7 @@ interface Props {
 
 export const getEvents = async ({ getAllVersions = true }: Props = {}): Promise<Event[]> => {
   const events = await getCollection('events', (event) => {
-    return (getAllVersions || !event.slug.includes('versioned')) && event.data.hidden !== true;
+    return (getAllVersions || !event.data?.pathToFile?.includes('versioned')) && event.data.hidden !== true;
   });
 
   const services = await getCollection('services');

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

@@ -1,20 +1,33 @@
-import { getCollection, type CollectionEntry } from 'astro:content';
+// Can't use the CollectionEntry type from astro:content  because a client component is using this util
+// import { type CollectionEntry } from 'astro:content';
 import { MarkerType, Position, type Edge, type Node } from '@xyflow/react';
 import dagre from 'dagre';
 import { getItemsFromCollectionByIdAndSemverOrLatest } from '@utils/collections/util';
-import type { CollectionMessageTypes, CollectionTypes } from '@types';
+interface BaseCollectionData {
+  id: string;
+  version: string;
+}
 
-export const generateIdForNode = (node: CollectionEntry<CollectionTypes>) => {
+interface CollectionItem {
+  collection: string;
+  data: BaseCollectionData;
+}
+
+interface MessageCollectionItem extends CollectionItem {
+  collection: 'commands' | 'events' | 'queries';
+}
+
+export const generateIdForNode = (node: CollectionItem) => {
   return `${node.data.id}-${node.data.version}`;
 };
 export const generateIdForNodes = (nodes: any) => {
   return nodes.map((node: any) => `${node.data.id}-${node.data.version}`).join('-');
 };
-export const generatedIdForEdge = (source: CollectionEntry<CollectionTypes>, target: CollectionEntry<CollectionTypes>) => {
+export const generatedIdForEdge = (source: CollectionItem, target: CollectionItem) => {
   return `${source.data.id}-${source.data.version}-${target.data.id}-${target.data.version}`;
 };
 
-export const getEdgeLabelForServiceAsTarget = (data: CollectionEntry<CollectionMessageTypes>) => {
+export const getEdgeLabelForServiceAsTarget = (data: MessageCollectionItem) => {
   const type = data.collection;
   switch (type) {
     case 'commands':
@@ -27,7 +40,7 @@ export const getEdgeLabelForServiceAsTarget = (data: CollectionEntry<CollectionM
       return 'sends to';
   }
 };
-export const getEdgeLabelForMessageAsSource = (data: CollectionEntry<CollectionMessageTypes>) => {
+export const getEdgeLabelForMessageAsSource = (data: MessageCollectionItem) => {
   const type = data.collection;
   switch (type) {
     case 'commands':
@@ -90,10 +103,10 @@ export const getChannelNodesAndEdges = ({
   mode = 'full',
   currentNodes = [],
 }: {
-  channels: CollectionEntry<'channels'>[];
+  channels: CollectionItem[];
   channelsToRender: { id: string; version: string }[];
-  source: CollectionEntry<CollectionTypes>;
-  target: CollectionEntry<CollectionTypes>;
+  source: CollectionItem;
+  target: CollectionItem;
   channelToTargetLabel?: string;
   sourceToChannelLabel?: string;
   mode?: 'simple' | 'full';

package/eventcatalog/src/utils/queries.ts

@@ -19,7 +19,7 @@ interface Props {
 
 export const getQueries = async ({ getAllVersions = true }: Props = {}): Promise<Query[]> => {
   const queries = await getCollection('queries', (query) => {
-    return (getAllVersions || !query.slug.includes('versioned')) && query.data.hidden !== true;
+    return (getAllVersions || !query.data?.pathToFile?.includes('versioned')) && query.data.hidden !== true;
   });
 
   const services = await getCollection('services');

package/eventcatalog/src/utils/teams.ts

@@ -19,19 +19,19 @@ export const getTeams = async (): Promise<Team[]> => {
 
   return teams.map((team) => {
     const ownedDomains = domains.filter((domain) => {
-      return domain.data.owners?.find((owner) => owner.slug === team.data.id);
+      return domain.data.owners?.find((owner) => owner.id === team.data.id);
     });
 
     const ownedServices = services.filter((service) => {
-      return service.data.owners?.find((owner) => owner.slug === team.data.id);
+      return service.data.owners?.find((owner) => owner.id === team.data.id);
     });
 
     const ownedEvents = events.filter((event) => {
-      return event.data.owners?.find((owner) => owner.slug === team.data.id);
+      return event.data.owners?.find((owner) => owner.id === team.data.id);
     });
 
     const ownedCommands = commands.filter((command) => {
-      return command.data.owners?.find((owner) => owner.slug === team.data.id);
+      return command.data.owners?.find((owner) => owner.id === team.data.id);
     });
 
     return {

package/eventcatalog/src/utils/users.ts

@@ -28,26 +28,26 @@ export const getUsers = async (): Promise<User[]> => {
 
   return users.map((user) => {
     const associatedTeams = teams.filter((team) => {
-      return team.data.members?.some((member) => member.slug === user.data.id);
+      return team.data.members?.some((member) => member.id === user.data.id);
     });
 
     const ownedDomains = domains.filter((domain) => {
-      return domain.data.owners?.find((owner) => owner.slug === user.data.id);
+      return domain.data.owners?.find((owner) => owner.id === user.data.id);
     });
 
     const isOwnedByUserOrAssociatedTeam = () => {
-      const associatedTeamsSlug: string[] = associatedTeams.map((team) => team.slug);
+      const associatedTeamsSlug: string[] = associatedTeams.map((team) => team.id);
 
       return ({ data }: { data: { owners?: Array<{ slug: string }> } }) => {
         return data.owners?.some((owner) => owner.slug === user.data.id || associatedTeamsSlug.includes(owner.slug));
       };
     };
 
-    const ownedServices = services.filter(isOwnedByUserOrAssociatedTeam());
+    const ownedServices = services.filter(() => isOwnedByUserOrAssociatedTeam());
 
-    const ownedEvents = events.filter(isOwnedByUserOrAssociatedTeam());
+    const ownedEvents = events.filter(() => isOwnedByUserOrAssociatedTeam());
 
-    const ownedCommands = commands.filter(isOwnedByUserOrAssociatedTeam());
+    const ownedCommands = commands.filter(() => isOwnedByUserOrAssociatedTeam());
 
     return {
       ...user,

package/package.json

@@ -6,7 +6,7 @@
     "url": "https://github.com/event-catalog/eventcatalog.git"
   },
   "type": "module",
-  "version": "2.16.5",
+  "version": "2.17.0",
   "publishConfig": {
     "access": "public"
   },
@@ -41,10 +41,10 @@
     "format:diff": "prettier --config .prettierrc --list-different \"**/*.{js,jsx,ts,tsx,json,astro}\""
   },
   "dependencies": {
-    "@astrojs/markdown-remark": "^5.3.0",
-    "@astrojs/mdx": "^3.1.8",
-    "@astrojs/react": "^3.6.2",
-    "@astrojs/tailwind": "^5.1.2",
+    "@astrojs/markdown-remark": "^6.0.1",
+    "@astrojs/mdx": "^4.0.2",
+    "@astrojs/react": "^4.1.0",
+    "@astrojs/tailwind": "^5.1.3",
     "@asyncapi/avro-schema-parser": "^3.0.24",
     "@asyncapi/react-component": "^2.4.3",
     "@headlessui/react": "^2.0.3",
@@ -55,8 +55,8 @@
     "@tailwindcss/typography": "^0.5.13",
     "@tanstack/react-table": "^8.17.3",
     "@xyflow/react": "^12.3.6",
-    "astro": "^4.16.5",
-    "astro-expressive-code": "^0.36.1",
+    "astro": "^5.0.5",
+    "astro-expressive-code": "^0.38.3",
     "astro-pagefind": "^1.6.0",
     "astro-seo": "^0.8.4",
     "axios": "^1.7.7",
@@ -78,6 +78,7 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "rehype-slug": "^6.0.0",
+    "remark-directive": "^3.0.0",
     "remark-gfm": "^3.0.1",
     "rimraf": "^5.0.7",
     "semver": "7.6.3",
@@ -103,6 +104,6 @@
     "prettier-plugin-astro": "^0.14.1",
     "tsup": "^8.1.0",
     "vite-tsconfig-paths": "^4.3.2",
-    "vitest": "^2.0.5"
+    "vitest": "2.1.6"
   }
 }