@eventcatalog/core 4.12.0-beta.8 → 4.12.0-beta.9

package/dist/analytics/analytics.cjs

@@ -36,7 +36,7 @@ module.exports = __toCommonJS(analytics_exports);
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "4.12.0-beta.8";
+var version = "4.12.0-beta.9";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-WR5Q4QXI.js";
-import "../chunk-5HXYLZWD.js";
+} from "../chunk-YOIPWS7L.js";
+import "../chunk-UIHG2TPV.js";
 export {
   raiseEvent
 };

package/dist/analytics/log-build.cjs

@@ -176,7 +176,7 @@ var verifyRequiredFieldsAreInCatalogConfigFile = async (projectDirectory) => {
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "4.12.0-beta.8";
+var version = "4.12.0-beta.9";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,9 +1,9 @@
 import {
   log_build_default
-} from "../chunk-3ZWYGVW6.js";
+} from "../chunk-4S47JELQ.js";
 import "../chunk-ZAZHAVKB.js";
-import "../chunk-WR5Q4QXI.js";
-import "../chunk-5HXYLZWD.js";
+import "../chunk-YOIPWS7L.js";
+import "../chunk-UIHG2TPV.js";
 import "../chunk-RFIXKATC.js";
 export {
   log_build_default as default

package/dist/{chunk-3ZWYGVW6.js → chunk-4S47JELQ.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-ZAZHAVKB.js";
 import {
   raiseEvent
-} from "./chunk-WR5Q4QXI.js";
+} from "./chunk-YOIPWS7L.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile

package/dist/{chunk-2VXWWWTT.js → chunk-GNFKUOXD.js}

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

package/dist/{chunk-AP3ENLC2.js → chunk-K3DWGBGQ.js}

@@ -1,6 +1,6 @@
 import {
   logger
-} from "./chunk-2VXWWWTT.js";
+} from "./chunk-GNFKUOXD.js";
 import {
   cleanup,
   getEventCatalogConfigFile

package/dist/{chunk-5HXYLZWD.js → chunk-UIHG2TPV.js}

@@ -1,5 +1,5 @@
 // package.json
-var version = "4.12.0-beta.8";
+var version = "4.12.0-beta.9";
 
 // src/constants.ts
 var VERSION = version;

package/dist/{chunk-WR5Q4QXI.js → chunk-YOIPWS7L.js}

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-5HXYLZWD.js";
+} from "./chunk-UIHG2TPV.js";
 
 // src/analytics/analytics.js
 import os from "os";

package/dist/constants.cjs

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

package/dist/constants.js

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-5HXYLZWD.js";
+} from "./chunk-UIHG2TPV.js";
 export {
   VERSION
 };

package/dist/eventcatalog.cjs

@@ -181,7 +181,7 @@ var verifyRequiredFieldsAreInCatalogConfigFile = async (projectDirectory) => {
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "4.12.0-beta.8";
+var version = "4.12.0-beta.9";
 
 // src/constants.ts
 var VERSION = version;

package/dist/eventcatalog.js

@@ -1,11 +1,11 @@
+import {
+  log_build_default
+} from "./chunk-4S47JELQ.js";
+import "./chunk-ZAZHAVKB.js";
 import {
   runMigrations
 } from "./chunk-XUAF2H54.js";
 import "./chunk-CA4U2JP7.js";
-import {
-  log_build_default
-} from "./chunk-3ZWYGVW6.js";
-import "./chunk-ZAZHAVKB.js";
 import {
   FederationConflictError,
   FederationDiagnosticError,
@@ -14,14 +14,14 @@ import {
 import "./chunk-WRNH5C3U.js";
 import "./chunk-5EPNFDT5.js";
 import "./chunk-A2RZR3U4.js";
+import "./chunk-SDZQJTJW.js";
+import "./chunk-352FGP6W.js";
 import "./chunk-R7Z5ALYI.js";
 import {
   getFederationDiagnosticCounts,
   getVisibleFederationDiagnostics
 } from "./chunk-JJPB6EOZ.js";
 import "./chunk-FV56YFM4.js";
-import "./chunk-SDZQJTJW.js";
-import "./chunk-352FGP6W.js";
 import {
   getProjectOutDir,
   isAuthEnabled,
@@ -30,10 +30,10 @@ import {
 } from "./chunk-MDWB5HLO.js";
 import {
   generate
-} from "./chunk-AP3ENLC2.js";
+} from "./chunk-K3DWGBGQ.js";
 import {
   logger
-} from "./chunk-2VXWWWTT.js";
+} from "./chunk-GNFKUOXD.js";
 import {
   resolve_catalog_dependencies_default
 } from "./chunk-36RYTYT5.js";
@@ -47,7 +47,7 @@ import {
 import {
   watch
 } from "./chunk-U63GDPPY.js";
-import "./chunk-WR5Q4QXI.js";
+import "./chunk-YOIPWS7L.js";
 import {
   getAstroConfigPath
 } from "./chunk-VIJJ7JKH.js";
@@ -63,7 +63,7 @@ import {
 } from "./chunk-LFQJXLHG.js";
 import {
   VERSION
-} from "./chunk-5HXYLZWD.js";
+} from "./chunk-UIHG2TPV.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile

package/dist/federation/federate.js

@@ -6,11 +6,11 @@ import {
 import "../chunk-WRNH5C3U.js";
 import "../chunk-5EPNFDT5.js";
 import "../chunk-A2RZR3U4.js";
+import "../chunk-SDZQJTJW.js";
+import "../chunk-352FGP6W.js";
 import "../chunk-R7Z5ALYI.js";
 import "../chunk-JJPB6EOZ.js";
 import "../chunk-FV56YFM4.js";
-import "../chunk-SDZQJTJW.js";
-import "../chunk-352FGP6W.js";
 import "../chunk-RFIXKATC.js";
 export {
   FederationConflictError,

package/dist/generate.cjs

@@ -112,7 +112,7 @@ var getEventCatalogConfigFile = async (projectDirectory) => {
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "4.12.0-beta.8";
+var version = "4.12.0-beta.9";
 
 // src/constants.ts
 var VERSION = version;

package/dist/generate.js

@@ -1,8 +1,8 @@
 import {
   generate
-} from "./chunk-AP3ENLC2.js";
-import "./chunk-2VXWWWTT.js";
-import "./chunk-5HXYLZWD.js";
+} from "./chunk-K3DWGBGQ.js";
+import "./chunk-GNFKUOXD.js";
+import "./chunk-UIHG2TPV.js";
 import "./chunk-RFIXKATC.js";
 export {
   generate

package/dist/utils/cli-logger.cjs

@@ -36,7 +36,7 @@ module.exports = __toCommonJS(cli_logger_exports);
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "4.12.0-beta.8";
+var version = "4.12.0-beta.9";
 
 // src/constants.ts
 var VERSION = version;

package/dist/utils/cli-logger.js

@@ -1,7 +1,7 @@
 import {
   logger
-} from "../chunk-2VXWWWTT.js";
-import "../chunk-5HXYLZWD.js";
+} from "../chunk-GNFKUOXD.js";
+import "../chunk-UIHG2TPV.js";
 export {
   logger
 };

package/eventcatalog/src/components/Badge.astro

@@ -17,75 +17,82 @@ type Badge = {
 };
 
 type Props = {
-  badge: Badge;
+  badge?: Badge | null;
   className?: string;
 };
 
 const { badge, className = '' } = Astro.props;
-const href = getBadgeHref(badge);
+const href = badge ? getBadgeHref(badge) : undefined;
 // Only links that leave the catalog get the external-link arrow.
 const isExternalHref = !!href && (/^[a-z][a-z0-9+.-]*:/i.test(href) || href.startsWith('//'));
-const Icon = badge.icon || badge.iconComponent;
-const hasThemedIcon = badge.iconURLLight && badge.iconURLDark;
+const Icon = badge?.icon || badge?.iconComponent;
+const hasThemedIcon = Boolean(badge?.iconURLLight && badge?.iconURLDark);
+const badgeId = badge?.id || undefined;
+const content = badge?.content ?? '';
+const iconURL = badge?.iconURL;
+const iconURLLight = badge?.iconURLLight;
+const iconURLDark = badge?.iconURLDark;
+const style = badge ? getBadgeStyle(badge) : '';
 const classes = `
   inline-flex items-center gap-1 px-1.5 py-0.5 rounded-md text-xs font-medium
-  ${badge.backgroundColor ? 'bg-[rgb(var(--ec-content-hover))]' : 'bg-transparent'} border border-[rgb(var(--ec-page-border))]
+  ${badge?.backgroundColor ? 'bg-[rgb(var(--ec-content-hover))]' : 'bg-transparent'} border border-[rgb(var(--ec-page-border))]
   text-[rgb(var(--ec-page-text))]
   shadow-xs
-  ${badge.class ? badge.class : ''}
+  ${badge?.class ? badge.class : ''}
   ${className}
 `;
 ---
 
 {
-  href ? (
-    <a id={badge.id || undefined} href={href} class={classes} style={getBadgeStyle(badge)} title={badge.content}>
-      {Icon && <Icon className="w-3 h-3 flex-shrink-0" />}
-      {hasThemedIcon && (
-        <img
-          src={badge.iconURLLight}
-          class="w-3 h-3 flex-shrink-0 opacity-80 dark:hidden"
-          alt=""
-          onerror="this.style.display='none'"
-        />
-      )}
-      {hasThemedIcon && (
-        <img
-          src={badge.iconURLDark}
-          class="hidden w-3 h-3 flex-shrink-0 opacity-80 dark:inline-block"
-          alt=""
-          onerror="this.style.display='none'"
-        />
-      )}
-      {!hasThemedIcon && badge.iconURL && (
-        <img src={badge.iconURL} class="w-3 h-3 flex-shrink-0 opacity-80" alt="" onerror="this.style.display='none'" />
-      )}
-      <span>{badge.content}</span>
-      {isExternalHref && <ArrowTopRightOnSquareIcon className="w-2.5 h-2.5 flex-shrink-0 opacity-70" aria-hidden="true" />}
-    </a>
-  ) : (
-    <span id={badge.id || undefined} class={classes} style={getBadgeStyle(badge)} title={badge.content}>
-      {Icon && <Icon className="w-3 h-3 flex-shrink-0" />}
-      {hasThemedIcon && (
-        <img
-          src={badge.iconURLLight}
-          class="w-3 h-3 flex-shrink-0 opacity-80 dark:hidden"
-          alt=""
-          onerror="this.style.display='none'"
-        />
-      )}
-      {hasThemedIcon && (
-        <img
-          src={badge.iconURLDark}
-          class="hidden w-3 h-3 flex-shrink-0 opacity-80 dark:inline-block"
-          alt=""
-          onerror="this.style.display='none'"
-        />
-      )}
-      {!hasThemedIcon && badge.iconURL && (
-        <img src={badge.iconURL} class="w-3 h-3 flex-shrink-0 opacity-80" alt="" onerror="this.style.display='none'" />
-      )}
-      <span>{badge.content}</span>
-    </span>
-  )
+  badge &&
+    (href ? (
+      <a id={badgeId} href={href} class={classes} style={style} title={content}>
+        {Icon && <Icon className="w-3 h-3 flex-shrink-0" />}
+        {hasThemedIcon && (
+          <img
+            src={iconURLLight}
+            class="w-3 h-3 flex-shrink-0 opacity-80 dark:hidden"
+            alt=""
+            onerror="this.style.display='none'"
+          />
+        )}
+        {hasThemedIcon && (
+          <img
+            src={iconURLDark}
+            class="hidden w-3 h-3 flex-shrink-0 opacity-80 dark:inline-block"
+            alt=""
+            onerror="this.style.display='none'"
+          />
+        )}
+        {!hasThemedIcon && iconURL && (
+          <img src={iconURL} class="w-3 h-3 flex-shrink-0 opacity-80" alt="" onerror="this.style.display='none'" />
+        )}
+        <span>{content}</span>
+        {isExternalHref && <ArrowTopRightOnSquareIcon className="w-2.5 h-2.5 flex-shrink-0 opacity-70" aria-hidden="true" />}
+      </a>
+    ) : (
+      <span id={badgeId} class={classes} style={style} title={content}>
+        {Icon && <Icon className="w-3 h-3 flex-shrink-0" />}
+        {hasThemedIcon && (
+          <img
+            src={iconURLLight}
+            class="w-3 h-3 flex-shrink-0 opacity-80 dark:hidden"
+            alt=""
+            onerror="this.style.display='none'"
+          />
+        )}
+        {hasThemedIcon && (
+          <img
+            src={iconURLDark}
+            class="hidden w-3 h-3 flex-shrink-0 opacity-80 dark:inline-block"
+            alt=""
+            onerror="this.style.display='none'"
+          />
+        )}
+        {!hasThemedIcon && iconURL && (
+          <img src={iconURL} class="w-3 h-3 flex-shrink-0 opacity-80" alt="" onerror="this.style.display='none'" />
+        )}
+        <span>{content}</span>
+      </span>
+    ))
 }

package/eventcatalog/src/pages/docs/[type]/[id]/[version]/changelog/_index.data.ts

@@ -1,4 +1,5 @@
 import { isSSR, isChangelogEnabled } from '@utils/feature';
+import { changelogResourceCollections } from '@utils/changelog-resource-badge';
 import { HybridPage } from '@utils/page-loaders/hybrid-page';
 import type { PageTypes } from '@types';
 
@@ -14,17 +15,7 @@ export class Page extends HybridPage {
 
     const { pageDataLoader } = await import('@utils/page-loaders/page-data-loader');
 
-    const itemTypes: PageTypes[] = [
-      'agents',
-      'events',
-      'commands',
-      'queries',
-      'services',
-      'domains',
-      'systems',
-      'flows',
-      'containers',
-    ];
+    const itemTypes: PageTypes[] = [...changelogResourceCollections];
     const allItems = await Promise.all(itemTypes.map((type) => pageDataLoader[type]()));
 
     return allItems.flatMap((items, index) =>

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

@@ -1,15 +1,7 @@
 ---
 import Footer from '@layouts/Footer.astro';
 import { getChangeLogs } from '@utils/collections/changelogs';
-import {
-  RectangleGroupIcon,
-  ServerIcon,
-  BoltIcon,
-  ChatBubbleLeftIcon,
-  MagnifyingGlassIcon,
-  QueueListIcon,
-} from '@heroicons/react/24/outline';
-import { DatabaseIcon } from 'lucide-react';
+import { getChangelogResourceBadge } from '@utils/changelog-resource-badge';
 import { render, getEntry } from 'astro:content';
 import mdxComponents from '@components/MDX/components';
 import 'diff2html/bundles/css/diff2html.min.css';
@@ -20,7 +12,6 @@ import { getDiffsForCurrentAndPreviousVersion } from '@utils/file-diffs';
 import VerticalSideBarLayout from '@layouts/VerticalSideBarLayout.astro';
 import Badge from '@components/Badge.astro';
 import { ClientRouter } from 'astro:transitions';
-import { isChangelogEnabled } from '@utils/feature';
 
 import { Page } from './_index.data';
 
@@ -72,33 +63,7 @@ const logListPromise = logsToRender.map(async (log, index) => {
 
 const logList = await Promise.all(logListPromise);
 
-const createResourceBadge = (content: string, icon: any) => ({ content, icon, textColor: 'gray' });
-
-const getBadge = () => {
-  if (props.collection === 'services') {
-    return createResourceBadge('Service', ServerIcon);
-  }
-  if (props.collection === 'events') {
-    return createResourceBadge('Event', BoltIcon);
-  }
-  if (props.collection === 'commands') {
-    return createResourceBadge('Command', ChatBubbleLeftIcon);
-  }
-  if (props.collection === 'queries') {
-    return createResourceBadge('Query', MagnifyingGlassIcon);
-  }
-  if (props.collection === 'domains') {
-    return createResourceBadge('Domain', RectangleGroupIcon);
-  }
-  if (props.collection === 'containers') {
-    return createResourceBadge('Container', DatabaseIcon);
-  }
-  if (props.collection === 'flows') {
-    return createResourceBadge('Flow', QueueListIcon);
-  }
-};
-
-const badges = [getBadge()];
+const badges = [getChangelogResourceBadge(props.collection)].filter((badge) => badge != null);
 ---
 
 <VerticalSideBarLayout title="ChangeLog">
@@ -140,9 +105,9 @@ const badges = [getBadge()];
         <h2 class="text-2xl md:text-4xl font-bold text-[rgb(var(--ec-page-text))]">{props.data.name} (Changelog)</h2>
         <h2 class="text-lg pt-2 text-[rgb(var(--ec-page-text-muted))] font-light">{props.data.summary}</h2>
         {
-          badges && (
+          badges.length > 0 && (
             <div class="flex flex-wrap py-2 pt-4">
-              {badges.map((badge: any) => (
+              {badges.map((badge) => (
                 <Badge badge={badge} className="mr-2 px-2 py-1 rounded-md" />
               ))}
             </div>
@@ -188,7 +153,7 @@ const badges = [getBadge()];
                   )}
                   {log.badges && (
                     <div class="flex flex-wrap">
-                      {log.badges.map((badge: any) => (
+                      {log.badges.filter(Boolean).map((badge: any) => (
                         <Badge badge={badge} className="mr-2 px-2 py-1 rounded-md" />
                       ))}
                     </div>

package/eventcatalog/src/utils/badge-styles.ts

@@ -201,7 +201,9 @@ const resolveBadgeColor = (color: string | undefined, kind: BadgeColorKind) => {
   return undefined;
 };
 
-export const getBadgeStyle = (badge: Badge) => {
+export const getBadgeStyle = (badge?: Badge | null) => {
+  if (!badge) return '';
+
   const backgroundColor = resolveBadgeColor(badge.backgroundColor, 'background');
   const color = resolveBadgeColor(badge.textColor, 'text');
 
@@ -210,7 +212,9 @@ export const getBadgeStyle = (badge: Badge) => {
     .join(' ');
 };
 
-export const getBadgeReactStyle = (badge: Badge) => {
+export const getBadgeReactStyle = (badge?: Badge | null) => {
+  if (!badge) return {};
+
   const backgroundColor = resolveBadgeColor(badge.backgroundColor, 'background');
   const color = resolveBadgeColor(badge.textColor, 'text');
 
@@ -220,8 +224,8 @@ export const getBadgeReactStyle = (badge: Badge) => {
   };
 };
 
-export const getBadgeHref = (badge: Badge) => {
-  if (!badge.url) return undefined;
+export const getBadgeHref = (badge?: Badge | null) => {
+  if (!badge?.url) return undefined;
 
   const url = badge.url.trim();
   if (!url) return undefined;

package/eventcatalog/src/utils/changelog-resource-badge.ts

@@ -0,0 +1,52 @@
+import {
+  BoltIcon,
+  ChatBubbleLeftIcon,
+  MagnifyingGlassIcon,
+  QueueListIcon,
+  RectangleGroupIcon,
+  ServerIcon,
+} from '@heroicons/react/24/outline';
+import { Bot, DatabaseIcon, Group } from 'lucide-react';
+import type { PageTypes } from '@types';
+
+export type ChangelogResourceBadge = {
+  content: string;
+  icon: any;
+  textColor: 'gray';
+};
+
+// Every collection that prerenders a changelog route needs a badge. A missing
+// entry used to return undefined and crash static builds in Badge.astro.
+export const changelogResourceCollections = [
+  'agents',
+  'events',
+  'commands',
+  'queries',
+  'services',
+  'domains',
+  'systems',
+  'flows',
+  'containers',
+] as const satisfies readonly PageTypes[];
+
+export type ChangelogResourceCollection = (typeof changelogResourceCollections)[number];
+
+const changelogResourceBadges: Record<ChangelogResourceCollection, ChangelogResourceBadge> = {
+  agents: { content: 'Agent', icon: Bot, textColor: 'gray' },
+  events: { content: 'Event', icon: BoltIcon, textColor: 'gray' },
+  commands: { content: 'Command', icon: ChatBubbleLeftIcon, textColor: 'gray' },
+  queries: { content: 'Query', icon: MagnifyingGlassIcon, textColor: 'gray' },
+  services: { content: 'Service', icon: ServerIcon, textColor: 'gray' },
+  domains: { content: 'Domain', icon: RectangleGroupIcon, textColor: 'gray' },
+  systems: { content: 'System', icon: Group, textColor: 'gray' },
+  flows: { content: 'Flow', icon: QueueListIcon, textColor: 'gray' },
+  containers: { content: 'Container', icon: DatabaseIcon, textColor: 'gray' },
+};
+
+export const isChangelogResourceCollection = (collection: string): collection is ChangelogResourceCollection =>
+  (changelogResourceCollections as readonly string[]).includes(collection);
+
+export const getChangelogResourceBadge = (collection: string): ChangelogResourceBadge | undefined => {
+  if (!isChangelogResourceCollection(collection)) return undefined;
+  return changelogResourceBadges[collection];
+};

package/package.json

@@ -7,7 +7,7 @@
   },
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
-  "version": "4.12.0-beta.8",
+  "version": "4.12.0-beta.9",
   "publishConfig": {
     "access": "public"
   },