@eventcatalog/core 3.39.2 → 3.39.4

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

@@ -1,49 +1,12 @@
 ---
 import Seo from '@components/Seo.astro';
 import { buildUrl } from '@utils/url-builder';
-import { getEvents } from '@utils/collections/events';
-import { getEntities } from '@utils/collections/entities';
-import { getCommands } from '@utils/collections/commands';
-import { getServices } from '@utils/collections/services';
-import { getDomains } from '@utils/collections/domains';
-import type { CollectionEntry } from 'astro:content';
-import type { CollectionTypes } from '@types';
-import { getChannels } from '@utils/collections/channels';
+import { Page } from './_index.data';
 
-export async function getStaticPaths() {
-  const [events, commands, services, domains, channels, entities] = await Promise.all([
-    getEvents(),
-    getCommands(),
-    getServices(),
-    getDomains(),
-    getChannels(),
-    getEntities(),
-  ]);
+export const prerender = Page.prerender;
+export const getStaticPaths = Page.getStaticPaths;
 
-  const buildPages = (collection: CollectionEntry<CollectionTypes>[]) => {
-    return collection.map((item) => ({
-      params: {
-        type: item.collection,
-        id: item.data.id,
-      },
-      props: {
-        type: item.collection,
-        ...item,
-      },
-    }));
-  };
-
-  return [
-    ...buildPages(domains),
-    ...buildPages(events),
-    ...buildPages(services),
-    ...buildPages(commands),
-    ...buildPages(channels),
-    ...buildPages(entities),
-  ];
-}
-
-const props = Astro.props;
+const props = await Page.getData(Astro);
 
 const pageTitle = `${props.collection} | ${props.data.name}`.replace(/^\w/, (c) => c.toUpperCase());
 

package/eventcatalog/src/styles/theme.css

@@ -114,6 +114,52 @@
   --ec-badge-data-product-text: 30 64 175; /* blue-800 */
   --ec-badge-default-bg: 243 244 246; /* gray-100 */
   --ec-badge-default-text: 75 85 99; /* gray-600 */
+
+  /* User-defined badge colors - light mode */
+  --ec-badge-color-slate-background: 248 250 252;
+  --ec-badge-color-slate-text: 71 85 105;
+  --ec-badge-color-gray-background: 249 250 251;
+  --ec-badge-color-gray-text: 75 85 99;
+  --ec-badge-color-zinc-background: 250 250 250;
+  --ec-badge-color-zinc-text: 82 82 91;
+  --ec-badge-color-neutral-background: 250 250 250;
+  --ec-badge-color-neutral-text: 82 82 82;
+  --ec-badge-color-stone-background: 250 250 249;
+  --ec-badge-color-stone-text: 87 83 78;
+  --ec-badge-color-red-background: 254 242 242;
+  --ec-badge-color-red-text: 185 28 28;
+  --ec-badge-color-orange-background: 255 247 237;
+  --ec-badge-color-orange-text: 194 65 12;
+  --ec-badge-color-amber-background: 255 251 235;
+  --ec-badge-color-amber-text: 180 83 9;
+  --ec-badge-color-yellow-background: 254 252 232;
+  --ec-badge-color-yellow-text: 161 98 7;
+  --ec-badge-color-lime-background: 247 254 231;
+  --ec-badge-color-lime-text: 77 124 15;
+  --ec-badge-color-green-background: 240 253 244;
+  --ec-badge-color-green-text: 21 128 61;
+  --ec-badge-color-emerald-background: 236 253 245;
+  --ec-badge-color-emerald-text: 4 120 87;
+  --ec-badge-color-teal-background: 240 253 250;
+  --ec-badge-color-teal-text: 15 118 110;
+  --ec-badge-color-cyan-background: 236 254 255;
+  --ec-badge-color-cyan-text: 14 116 144;
+  --ec-badge-color-sky-background: 240 249 255;
+  --ec-badge-color-sky-text: 3 105 161;
+  --ec-badge-color-blue-background: 239 246 255;
+  --ec-badge-color-blue-text: 29 78 216;
+  --ec-badge-color-indigo-background: 238 242 255;
+  --ec-badge-color-indigo-text: 67 56 202;
+  --ec-badge-color-violet-background: 245 243 255;
+  --ec-badge-color-violet-text: 109 40 217;
+  --ec-badge-color-purple-background: 250 245 255;
+  --ec-badge-color-purple-text: 126 34 206;
+  --ec-badge-color-fuchsia-background: 253 244 255;
+  --ec-badge-color-fuchsia-text: 162 28 175;
+  --ec-badge-color-pink-background: 253 242 248;
+  --ec-badge-color-pink-text: 190 24 93;
+  --ec-badge-color-rose-background: 255 241 242;
+  --ec-badge-color-rose-text: 190 18 60;
 }
 
 /* Dark theme */
@@ -222,6 +268,52 @@
   --ec-badge-data-product-text: 147 197 253; /* blue-300 */
   --ec-badge-default-bg: 63 63 70 / 0.3; /* zinc-700/30 */
   --ec-badge-default-text: 212 212 216; /* zinc-300 */
+
+  /* User-defined badge colors - dark mode */
+  --ec-badge-color-slate-background: 51 65 85 / 0.28;
+  --ec-badge-color-slate-text: 203 213 225;
+  --ec-badge-color-gray-background: 55 65 81 / 0.28;
+  --ec-badge-color-gray-text: 209 213 219;
+  --ec-badge-color-zinc-background: 63 63 70 / 0.28;
+  --ec-badge-color-zinc-text: 212 212 216;
+  --ec-badge-color-neutral-background: 64 64 64 / 0.28;
+  --ec-badge-color-neutral-text: 212 212 212;
+  --ec-badge-color-stone-background: 68 64 60 / 0.28;
+  --ec-badge-color-stone-text: 214 211 209;
+  --ec-badge-color-red-background: 127 29 29 / 0.28;
+  --ec-badge-color-red-text: 252 165 165;
+  --ec-badge-color-orange-background: 124 45 18 / 0.28;
+  --ec-badge-color-orange-text: 253 186 116;
+  --ec-badge-color-amber-background: 120 53 15 / 0.28;
+  --ec-badge-color-amber-text: 252 211 77;
+  --ec-badge-color-yellow-background: 113 63 18 / 0.28;
+  --ec-badge-color-yellow-text: 253 224 71;
+  --ec-badge-color-lime-background: 54 83 20 / 0.28;
+  --ec-badge-color-lime-text: 190 242 100;
+  --ec-badge-color-green-background: 20 83 45 / 0.28;
+  --ec-badge-color-green-text: 134 239 172;
+  --ec-badge-color-emerald-background: 6 78 59 / 0.28;
+  --ec-badge-color-emerald-text: 110 231 183;
+  --ec-badge-color-teal-background: 17 94 89 / 0.28;
+  --ec-badge-color-teal-text: 94 234 212;
+  --ec-badge-color-cyan-background: 21 94 117 / 0.28;
+  --ec-badge-color-cyan-text: 103 232 249;
+  --ec-badge-color-sky-background: 12 74 110 / 0.28;
+  --ec-badge-color-sky-text: 125 211 252;
+  --ec-badge-color-blue-background: 30 64 175 / 0.28;
+  --ec-badge-color-blue-text: 147 197 253;
+  --ec-badge-color-indigo-background: 49 46 129 / 0.28;
+  --ec-badge-color-indigo-text: 165 180 252;
+  --ec-badge-color-violet-background: 76 29 149 / 0.28;
+  --ec-badge-color-violet-text: 196 181 253;
+  --ec-badge-color-purple-background: 88 28 135 / 0.28;
+  --ec-badge-color-purple-text: 216 180 254;
+  --ec-badge-color-fuchsia-background: 112 26 117 / 0.28;
+  --ec-badge-color-fuchsia-text: 240 171 252;
+  --ec-badge-color-pink-background: 131 24 67 / 0.28;
+  --ec-badge-color-pink-text: 249 168 212;
+  --ec-badge-color-rose-background: 136 19 55 / 0.28;
+  --ec-badge-color-rose-text: 253 164 175;
 }
 
 /* Dark mode prose overrides for documentation content */

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

@@ -0,0 +1,206 @@
+type BadgeColorKind = 'background' | 'text';
+
+type Badge = {
+  backgroundColor?: string;
+  textColor?: string;
+};
+
+const NAMED_BADGE_COLOR_KEYS = new Set([
+  'slate',
+  'gray',
+  'zinc',
+  'neutral',
+  'stone',
+  'red',
+  'orange',
+  'amber',
+  'yellow',
+  'lime',
+  'green',
+  'emerald',
+  'teal',
+  'cyan',
+  'sky',
+  'blue',
+  'indigo',
+  'violet',
+  'purple',
+  'fuchsia',
+  'pink',
+  'rose',
+]);
+
+const CSS_COLOR_VALUE_PATTERN =
+  /^(#[0-9a-f]{3,8}|(?:rgb|rgba|hsl|hsla|oklch|oklab|lab|lch|color)\(.+\)|var\(--[a-z0-9-_]+\)|transparent|currentColor)$/i;
+
+// Common CSS named colors that callers may use directly (e.g. textColor: "white").
+// Palette tokens above take precedence — names like "red" or "blue" resolve to the
+// theme-aware token rather than the raw CSS keyword.
+const CSS_NAMED_COLORS = new Set([
+  'aliceblue',
+  'antiquewhite',
+  'aqua',
+  'aquamarine',
+  'azure',
+  'beige',
+  'bisque',
+  'black',
+  'blanchedalmond',
+  'blueviolet',
+  'brown',
+  'burlywood',
+  'cadetblue',
+  'chartreuse',
+  'chocolate',
+  'coral',
+  'cornflowerblue',
+  'cornsilk',
+  'crimson',
+  'darkblue',
+  'darkcyan',
+  'darkgoldenrod',
+  'darkgray',
+  'darkgreen',
+  'darkgrey',
+  'darkkhaki',
+  'darkmagenta',
+  'darkolivegreen',
+  'darkorange',
+  'darkorchid',
+  'darkred',
+  'darksalmon',
+  'darkseagreen',
+  'darkslateblue',
+  'darkslategray',
+  'darkslategrey',
+  'darkturquoise',
+  'darkviolet',
+  'deeppink',
+  'deepskyblue',
+  'dimgray',
+  'dimgrey',
+  'dodgerblue',
+  'firebrick',
+  'floralwhite',
+  'forestgreen',
+  'gainsboro',
+  'ghostwhite',
+  'gold',
+  'goldenrod',
+  'greenyellow',
+  'grey',
+  'honeydew',
+  'hotpink',
+  'indianred',
+  'ivory',
+  'khaki',
+  'lavender',
+  'lavenderblush',
+  'lawngreen',
+  'lemonchiffon',
+  'lightblue',
+  'lightcoral',
+  'lightcyan',
+  'lightgoldenrodyellow',
+  'lightgray',
+  'lightgreen',
+  'lightgrey',
+  'lightpink',
+  'lightsalmon',
+  'lightseagreen',
+  'lightskyblue',
+  'lightslategray',
+  'lightslategrey',
+  'lightsteelblue',
+  'lightyellow',
+  'limegreen',
+  'linen',
+  'magenta',
+  'maroon',
+  'mediumaquamarine',
+  'mediumblue',
+  'mediumorchid',
+  'mediumpurple',
+  'mediumseagreen',
+  'mediumslateblue',
+  'mediumspringgreen',
+  'mediumturquoise',
+  'mediumvioletred',
+  'midnightblue',
+  'mintcream',
+  'mistyrose',
+  'moccasin',
+  'navajowhite',
+  'navy',
+  'oldlace',
+  'olive',
+  'olivedrab',
+  'orangered',
+  'orchid',
+  'palegoldenrod',
+  'palegreen',
+  'paleturquoise',
+  'palevioletred',
+  'papayawhip',
+  'peachpuff',
+  'peru',
+  'plum',
+  'powderblue',
+  'rebeccapurple',
+  'rosybrown',
+  'royalblue',
+  'saddlebrown',
+  'salmon',
+  'sandybrown',
+  'seagreen',
+  'seashell',
+  'sienna',
+  'silver',
+  'skyblue',
+  'slateblue',
+  'slategray',
+  'slategrey',
+  'snow',
+  'springgreen',
+  'steelblue',
+  'tan',
+  'thistle',
+  'tomato',
+  'turquoise',
+  'wheat',
+  'white',
+  'whitesmoke',
+  'yellowgreen',
+]);
+
+const resolveBadgeColor = (color: string | undefined, kind: BadgeColorKind) => {
+  if (!color) return undefined;
+
+  const value = color.trim();
+  const namedColorKey = value.toLowerCase();
+
+  if (NAMED_BADGE_COLOR_KEYS.has(namedColorKey)) return `rgb(var(--ec-badge-color-${namedColorKey}-${kind}))`;
+  if (CSS_COLOR_VALUE_PATTERN.test(value)) return value;
+  if (CSS_NAMED_COLORS.has(namedColorKey)) return namedColorKey;
+
+  return undefined;
+};
+
+export const getBadgeStyle = (badge: Badge) => {
+  const backgroundColor = resolveBadgeColor(badge.backgroundColor, 'background');
+  const color = resolveBadgeColor(badge.textColor, 'text');
+
+  return [backgroundColor ? `background-color: ${backgroundColor};` : '', color ? `color: ${color};` : '']
+    .filter(Boolean)
+    .join(' ');
+};
+
+export const getBadgeReactStyle = (badge: Badge) => {
+  const backgroundColor = resolveBadgeColor(badge.backgroundColor, 'background');
+  const color = resolveBadgeColor(badge.textColor, 'text');
+
+  return {
+    ...(backgroundColor ? { backgroundColor } : {}),
+    ...(color ? { color } : {}),
+  };
+};

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

@@ -11,16 +11,19 @@ import { getDiagrams } from '@utils/collections/diagrams';
 import type { CollectionEntry } from 'astro:content';
 import { getDataProducts } from '@utils/collections/data-products';
 
-export const pageDataLoader: Record<PageTypes, () => Promise<CollectionEntry<CollectionTypes>[]>> = {
-  events: getEvents,
-  commands: getCommands,
-  queries: getQueries,
-  services: getServices,
-  domains: getDomains,
-  channels: getChannels,
-  flows: getFlows,
-  entities: getEntities,
-  containers: getContainers,
-  diagrams: getDiagrams,
-  'data-products': getDataProducts,
-};
+type PageDataLoaderOptions = { getAllVersions?: boolean };
+
+export const pageDataLoader: Record<PageTypes, (options?: PageDataLoaderOptions) => Promise<CollectionEntry<CollectionTypes>[]>> =
+  {
+    events: getEvents,
+    commands: getCommands,
+    queries: getQueries,
+    services: getServices,
+    domains: getDomains,
+    channels: getChannels,
+    flows: getFlows,
+    entities: getEntities,
+    containers: getContainers,
+    diagrams: getDiagrams,
+    'data-products': getDataProducts,
+  };

package/package.json

@@ -7,7 +7,7 @@
   },
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
-  "version": "3.39.2",
+  "version": "3.39.4",
   "publishConfig": {
     "access": "public"
   },
@@ -106,9 +106,9 @@
     "update-notifier": "^7.3.1",
     "uuid": "^10.0.0",
     "zod": "^4.3.6",
-    "@eventcatalog/linter": "1.0.23",
     "@eventcatalog/sdk": "2.21.1",
-    "@eventcatalog/visualiser": "^3.21.0"
+    "@eventcatalog/visualiser": "^3.21.0",
+    "@eventcatalog/linter": "1.0.23"
   },
   "devDependencies": {
     "@astrojs/check": "^0.9.9",

package/dist/docs/development/deployment/licenses.md

@@ -1,50 +0,0 @@
----
-sidebar_position: 5
-keywords:
-- licenses
-sidebar_label: License Validation
-title: EventCatalog Licenses
-description: This document describes how EventCatalog licenses work online and offline.
----
-
-EventCatalog is an open source project with a [community edition and a commercial edition](/pricing) and also supports a range of integrations (plugins) which have their own licenses.
-
-If you are using the commercial edition of EventCatalog, then you don't need to worry about licenses and can skip this page.
-
-If you are using EventCatalog Starter, EventCatalog Scale, EventCatalog Enterprise or any of the integrations (plugins) you will need to set up a license key.
-
-:::tip Want to try commercial features?
-All licenses have a 14 day free trial. You can get a free trial license key by going to [EventCatalog Cloud](https://eventcatalog.cloud).
-
-If you wish to continue using the commercial features after the trial period, you will need to purchase a license.
-
-You can email us at `hello@eventcatalog.dev` to enquire about a license.
-:::
-
-
-### How to set up a license keys
-
-1. Go to [EventCatalog Cloud](https://eventcatalog.cloud) and sign up for a free trial.
-1. Once you are logged in, you can select any license you want to use or integration.
-1. Selecting the plan or integration will give you a license key. 
-1. Store the license key in your `.env` file or as an environment variable.
-
-### How EventCatalog validates licenses keys
-
-##### Online License Validation (recommended)
-
-By default, EventCatalog will validate your license key online.
-
-Your keys are read from your `.env` file and verified against our API.
-
-##### Offline License Validation
-
-If you are behind a firewall or can't access the EventCatalog API, then your license keys can be validated offline.
-
-To get offline validation working you will need to:
-
-1. Get in contact with us at `hello@eventcatalog.dev` to get a license key `(license.jwt)`.
-1. Once you have you license key `(license.jwt)` you put this into the root of your catalog directory.
-1. EventCatalog will then validate your license key offline.
-
-Your key will expire after a year of purchase, and you will need to get a new license key.