@eventcatalog/core 2.26.0 → 2.27.0

package/README.md

@@ -32,7 +32,7 @@
 <h4>Features: Documentation generator for Event Driven Architectures, Integration with any broker, 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-48-orange.svg?style=flat-square)](#contributors-)
+[![All Contributors](https://img.shields.io/badge/all_contributors-49-orange.svg?style=flat-square)](#contributors-)
 <!-- ALL-CONTRIBUTORS-BADGE:END -->
 
 [Read the Docs](https://www.eventcatalog.dev/product/documentation) | [View Demo](https://demo.eventcatalog.dev/docs)
@@ -128,9 +128,12 @@ Thank you to our project  sponsors.
 </div> -->
 
 <div align="center">
-  <img alt="hookdeck" src="./images/sponsors/gravitee-logo-black.svg" width="50%" />
+  <picture>
+    <source srcset="./images/sponsors/gravitee-logo-white.webp" media="(prefers-color-scheme: dark)" />
+    <img alt="hookdeck" src="./images/sponsors/gravitee-logo-black.svg" width="50%" />
+  </picture>
   <p style="margin: 0; padding: 0;">Manage, secure, and govern every API in your organization</p>
-  <a href="https://gravitee.io?utm_source=eventcatalog&utm_medium=web&utm_campaign=sponsorship" target="_blank" >Learn more</a>
+  <a href="https://gravitee.io?utm_source=eventcatalog&utm_medium=web&utm_campaign=sponsorship" target="_blank">Learn more</a>
 </div>
 
 <hr />
@@ -252,6 +255,7 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
       <td align="center" valign="top" width="14.28%"><a href="https://github.com/SebasRendon12"><img src="https://avatars.githubusercontent.com/u/69688183?v=4?s=100" width="100px;" alt="Sebastian Rendon"/><br /><sub><b>Sebastian Rendon</b></sub></a><br /><a href="https://github.com/event-catalog/eventcatalog/commits?author=SebasRendon12" title="Code">💻</a></td>
       <td align="center" valign="top" width="14.28%"><a href="http://craig0990.co.uk"><img src="https://avatars.githubusercontent.com/u/461897?v=4?s=100" width="100px;" alt="Craig Roberts"/><br /><sub><b>Craig Roberts</b></sub></a><br /><a href="https://github.com/event-catalog/eventcatalog/commits?author=craig0990" title="Code">💻</a></td>
       <td align="center" valign="top" width="14.28%"><a href="https://github.com/Vertygo"><img src="https://avatars.githubusercontent.com/u/1658326?v=4?s=100" width="100px;" alt="Ivan Milosavljevic"/><br /><sub><b>Ivan Milosavljevic</b></sub></a><br /><a href="https://github.com/event-catalog/eventcatalog/commits?author=Vertygo" title="Documentation">📖</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Mezzle"><img src="https://avatars.githubusercontent.com/u/570639?v=4?s=100" width="100px;" alt="Martin Meredith"/><br /><sub><b>Martin Meredith</b></sub></a><br /><a href="https://github.com/event-catalog/eventcatalog/commits?author=Mezzle" 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.26.0";
+var version = "2.27.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-3EOBEGSB.js";
-import "../chunk-IY5HYH2G.js";
+} from "../chunk-2VGR4HMJ.js";
+import "../chunk-LMNJPHFP.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.26.0";
+var version = "2.27.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,8 +1,8 @@
 import {
   log_build_default
-} from "../chunk-TFBAK5C5.js";
-import "../chunk-3EOBEGSB.js";
-import "../chunk-IY5HYH2G.js";
+} from "../chunk-CTL6CH3C.js";
+import "../chunk-2VGR4HMJ.js";
+import "../chunk-LMNJPHFP.js";
 import "../chunk-E7TXTI7G.js";
 export {
   log_build_default as default

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

@@ -122,8 +122,6 @@ var COLLECTION_KEYS = [
   "events",
   "commands",
   "services",
-  "users",
-  "teams",
   "domains",
   "flows",
   "pages",
@@ -243,8 +241,6 @@ var ensureAstroCollectionNotEmpty = async (astroDir) => {
     "events",
     "commands",
     "services",
-    "users",
-    "teams",
     "domains",
     "flows",
     "changelogs",
@@ -272,10 +268,8 @@ var ensureAstroCollectionNotEmpty = async (astroDir) => {
 };
 var catalogToAstro = async (source, astroDir) => {
   const astroContentDir = path3.join(astroDir, "src/content/");
-  const astroConfigFile = import_fs.default.readFileSync(path3.join(astroContentDir, "config.ts"));
-  import_fs.default.rmSync(astroContentDir, { recursive: true });
+  if (import_fs.default.existsSync(astroContentDir)) import_fs.default.rmSync(astroContentDir, { recursive: true });
   import_fs.default.mkdirSync(astroContentDir);
-  import_fs.default.writeFileSync(path3.join(astroContentDir, "config.ts"), astroConfigFile);
   await verifyRequiredFieldsAreInCatalogConfigFile(source);
   await copyFiles(source, astroDir);
   await ensureAstroCollectionNotEmpty(astroDir);

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

@@ -1,8 +1,8 @@
 import {
   catalogToAstro
-} from "./chunk-VCR3LHZR.js";
+} from "./chunk-R2NILSWL.js";
 import "./chunk-E7TXTI7G.js";
-import "./chunk-7JDTB3U5.js";
+import "./chunk-FIY5JLSQ.js";
 export {
   catalogToAstro
 };

package/dist/{chunk-3EOBEGSB.js → chunk-2VGR4HMJ.js}

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

package/dist/{chunk-TFBAK5C5.js → chunk-CTL6CH3C.js}

@@ -1,6 +1,6 @@
 import {
   raiseEvent
-} from "./chunk-3EOBEGSB.js";
+} from "./chunk-2VGR4HMJ.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile

package/dist/{chunk-7JDTB3U5.js → chunk-FIY5JLSQ.js}

@@ -4,8 +4,6 @@ var COLLECTION_KEYS = [
   "events",
   "commands",
   "services",
-  "users",
-  "teams",
   "domains",
   "flows",
   "pages",

package/dist/{chunk-IY5HYH2G.js → chunk-LMNJPHFP.js}

@@ -1,5 +1,5 @@
 // package.json
-var version = "2.26.0";
+var version = "2.27.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/{chunk-VCR3LHZR.js → chunk-R2NILSWL.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-E7TXTI7G.js";
 import {
   mapCatalogToAstro
-} from "./chunk-7JDTB3U5.js";
+} from "./chunk-FIY5JLSQ.js";
 
 // src/catalog-to-astro-content-directory.js
 import { glob } from "glob";
@@ -43,8 +43,6 @@ var ensureAstroCollectionNotEmpty = async (astroDir) => {
     "events",
     "commands",
     "services",
-    "users",
-    "teams",
     "domains",
     "flows",
     "changelogs",
@@ -72,10 +70,8 @@ var ensureAstroCollectionNotEmpty = async (astroDir) => {
 };
 var catalogToAstro = async (source, astroDir) => {
   const astroContentDir = path.join(astroDir, "src/content/");
-  const astroConfigFile = fs.readFileSync(path.join(astroContentDir, "config.ts"));
-  fs.rmSync(astroContentDir, { recursive: true });
+  if (fs.existsSync(astroContentDir)) fs.rmSync(astroContentDir, { recursive: true });
   fs.mkdirSync(astroContentDir);
-  fs.writeFileSync(path.join(astroContentDir, "config.ts"), astroConfigFile);
   await verifyRequiredFieldsAreInCatalogConfigFile(source);
   await copyFiles(source, astroDir);
   await ensureAstroCollectionNotEmpty(astroDir);

package/dist/{chunk-OW2FQPYP.js → chunk-WUCY3QHK.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-E7TXTI7G.js";
 import {
   mapCatalogToAstro
-} from "./chunk-7JDTB3U5.js";
+} from "./chunk-FIY5JLSQ.js";
 
 // src/watcher.js
 import watcher from "@parcel/watcher";

package/dist/constants.cjs

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

package/dist/constants.js

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

package/dist/eventcatalog.cjs

@@ -161,7 +161,7 @@ var import_axios = __toESM(require("axios"), 1);
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "2.26.0";
+var version = "2.27.0";
 
 // src/constants.ts
 var VERSION = version;
@@ -219,8 +219,6 @@ var COLLECTION_KEYS = [
   "events",
   "commands",
   "services",
-  "users",
-  "teams",
   "domains",
   "flows",
   "pages",
@@ -431,8 +429,6 @@ var ensureAstroCollectionNotEmpty = async (astroDir) => {
     "events",
     "commands",
     "services",
-    "users",
-    "teams",
     "domains",
     "flows",
     "changelogs",
@@ -460,10 +456,8 @@ var ensureAstroCollectionNotEmpty = async (astroDir) => {
 };
 var catalogToAstro = async (source, astroDir) => {
   const astroContentDir = path5.join(astroDir, "src/content/");
-  const astroConfigFile = import_fs.default.readFileSync(path5.join(astroContentDir, "config.ts"));
-  import_fs.default.rmSync(astroContentDir, { recursive: true });
+  if (import_fs.default.existsSync(astroContentDir)) import_fs.default.rmSync(astroContentDir, { recursive: true });
   import_fs.default.mkdirSync(astroContentDir);
-  import_fs.default.writeFileSync(path5.join(astroContentDir, "config.ts"), astroConfigFile);
   await verifyRequiredFieldsAreInCatalogConfigFile(source);
   await copyFiles(source, astroDir);
   await ensureAstroCollectionNotEmpty(astroDir);

package/dist/eventcatalog.js

@@ -3,17 +3,17 @@ import {
 } from "./chunk-BLDONK5J.js";
 import {
   watch
-} from "./chunk-OW2FQPYP.js";
+} from "./chunk-WUCY3QHK.js";
 import {
   log_build_default
-} from "./chunk-TFBAK5C5.js";
-import "./chunk-3EOBEGSB.js";
+} from "./chunk-CTL6CH3C.js";
+import "./chunk-2VGR4HMJ.js";
 import {
   catalogToAstro
-} from "./chunk-VCR3LHZR.js";
+} from "./chunk-R2NILSWL.js";
 import {
   VERSION
-} from "./chunk-IY5HYH2G.js";
+} from "./chunk-LMNJPHFP.js";
 import {
   isBackstagePluginEnabled
 } from "./chunk-XMDPVKIJ.js";
@@ -21,7 +21,7 @@ import {
   generate
 } from "./chunk-YEQVKHST.js";
 import "./chunk-E7TXTI7G.js";
-import "./chunk-7JDTB3U5.js";
+import "./chunk-FIY5JLSQ.js";
 
 // src/eventcatalog.ts
 import { Command } from "commander";

package/dist/map-catalog-to-astro.cjs

@@ -38,8 +38,6 @@ var COLLECTION_KEYS = [
   "events",
   "commands",
   "services",
-  "users",
-  "teams",
   "domains",
   "flows",
   "pages",

package/dist/map-catalog-to-astro.js

@@ -1,6 +1,6 @@
 import {
   mapCatalogToAstro
-} from "./chunk-7JDTB3U5.js";
+} from "./chunk-FIY5JLSQ.js";
 export {
   mapCatalogToAstro
 };

package/dist/watcher.cjs

@@ -42,8 +42,6 @@ var COLLECTION_KEYS = [
   "events",
   "commands",
   "services",
-  "users",
-  "teams",
   "domains",
   "flows",
   "pages",

package/dist/watcher.js

@@ -1,8 +1,8 @@
 import {
   watch
-} from "./chunk-OW2FQPYP.js";
+} from "./chunk-WUCY3QHK.js";
 import "./chunk-E7TXTI7G.js";
-import "./chunk-7JDTB3U5.js";
+import "./chunk-FIY5JLSQ.js";
 export {
   watch
 };

package/eventcatalog/astro.config.mjs

@@ -22,9 +22,6 @@ export default defineConfig({
   base,
   server: { port: config.port || 3000 },
 
-  
-
-
   outDir: config.outDir ? join(projectDirectory, config.outDir) : join(projectDirectory, 'dist'),
 
   // https://docs.astro.build/en/reference/configuration-reference/#site

package/eventcatalog/src/components/Grids/DomainGrid.tsx

@@ -0,0 +1,233 @@
+import { useState, useMemo } from 'react';
+import { ServerIcon, EnvelopeIcon, RectangleGroupIcon } from '@heroicons/react/24/outline';
+import { buildUrlWithParams } from '@utils/url-builder';
+import type { CollectionEntry } from 'astro:content';
+import { type CollectionMessageTypes } from '@types';
+import { getCollectionStyles } from './utils';
+import { SearchBar } from './components';
+
+export interface ExtendedDomain extends CollectionEntry<'domains'> {
+  sends: CollectionEntry<CollectionMessageTypes>[];
+  receives: CollectionEntry<CollectionMessageTypes>[];
+  services: CollectionEntry<'services'>[];
+}
+
+interface DomainGridProps {
+  domains: ExtendedDomain[];
+}
+
+export default function DomainGrid({ domains }: DomainGridProps) {
+  const [searchQuery, setSearchQuery] = useState('');
+
+  const filteredDomains = useMemo(() => {
+    let result = [...domains];
+
+    // Filter by search query
+    if (searchQuery) {
+      const query = searchQuery.toLowerCase();
+      result = result.filter(
+        (domain) =>
+          domain.data.name?.toLowerCase().includes(query) ||
+          domain.data.summary?.toLowerCase().includes(query) ||
+          domain.data.services?.some((service: any) => service.data.name.toLowerCase().includes(query)) ||
+          domain.sends?.some((message: any) => message.data.name.toLowerCase().includes(query)) ||
+          domain.receives?.some((message: any) => message.data.name.toLowerCase().includes(query))
+      );
+    }
+
+    // Sort by name by default
+    result.sort((a, b) => (a.data.name || a.data.id).localeCompare(b.data.name || b.data.id));
+
+    return result;
+  }, [domains, searchQuery]);
+
+  return (
+    <div>
+      {/* Breadcrumb */}
+      <nav className="mb-4 flex items-center space-x-2 text-sm text-gray-500">
+        <div className="flex items-center gap-2">
+          <RectangleGroupIcon className="h-4 w-4" />
+          <span className="text-gray-900">Domains</span>
+        </div>
+      </nav>
+
+      <div className="relative border-b border-gray-200  mb-4 pb-4">
+        <div className="md:flex md:items-start md:justify-between">
+          <div className="min-w-0 flex-1 max-w-lg">
+            <h1 className="text-2xl font-bold leading-7 text-gray-900 sm:text-3xl sm:truncate">
+              Domains ({filteredDomains.length})
+            </h1>
+            <p className="mt-2 text-sm text-gray-500">Browse and manage domains in your event-driven architecture</p>
+          </div>
+
+          <div className="mt-6 md:mt-0 md:ml-4 flex-shrink-0">
+            <SearchBar
+              searchQuery={searchQuery}
+              onSearchChange={setSearchQuery}
+              placeholder="Search domains..."
+              totalResults={filteredDomains.length}
+              totalItems={domains.length}
+            />
+          </div>
+        </div>
+      </div>
+
+      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2 gap-6">
+        {filteredDomains.map((domain) => (
+          <a
+            key={domain.data.id}
+            href={buildUrlWithParams('/architecture/services', {
+              serviceIds: domain.data.services?.map((s: any) => s.data.id).join(','),
+              domainId: domain.data.id,
+              domainName: domain.data.name,
+            })}
+            className="group hover:bg-orange-100  border-2 border-orange-400/50 bg-yellow-50 rounded-lg shadow-sm hover:shadow-lg transition-all duration-200 overflow-hidden"
+          >
+            <div className="p-6">
+              <div className="flex items-center justify-between mb-3">
+                <div className="flex items-center gap-2">
+                  <RectangleGroupIcon className="h-5 w-5 text-orange-500" />
+                  <h3 className="text-lg font-semibold text-gray-900 truncate group-hover:underline transition-colors duration-200">
+                    {domain.data.name || domain.data.id}
+                  </h3>
+                </div>
+                <span className="ml-2 shrink-0 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-orange-50 text-orange-700">
+                  v{domain.data.version}
+                </span>
+              </div>
+
+              <p className="text-gray-600 text-sm line-clamp-2 min-h-[2.5rem]">
+                {domain.data.summary || <span className="italic">No summary available</span>}
+              </p>
+
+              <div className="flex gap-4 mb-4">
+                <div className="flex items-center gap-2 bg-white rounded-lg px-3 py-2 border border-pink-200">
+                  <ServerIcon className="h-4 w-4 text-pink-500" />
+                  <div className="flex">
+                    <p className="text-sm font-medium text-gray-900">{domain.data.services?.length || 0} Services</p>
+                  </div>
+                </div>
+                <div className="flex items-center gap-2 bg-white rounded-lg px-3 py-2 border border-gray-200 ">
+                  <EnvelopeIcon className="h-4 w-4 text-blue-500" />
+                  <div>
+                    <p className="text-sm font-medium text-gray-900">
+                      {(domain.sends?.length || 0) + (domain.receives?.length || 0)} Messages
+                    </p>
+                  </div>
+                </div>
+              </div>
+
+              <div className="space-y-6">
+                {/* Services and their messages */}
+                {domain.data.services?.slice(0, 2).map((service: any) => (
+                  <div
+                    key={service.data.id}
+                    className="block space-y-2 bg-white border-2 border-dashed border-pink-400 p-4 rounded-lg transition-colors duration-200"
+                  >
+                    <div className="flex items-center justify-between">
+                      <div className="flex items-center gap-2">
+                        <ServerIcon className="h-4 w-4 text-pink-500" />
+                        <h4 className="text-sm font-medium text-gray-900">{service.data.name || service.data.id}</h4>
+                      </div>
+                      <span className="text-xs text-gray-500">v{service.data.version}</span>
+                    </div>
+
+                    <div className="flex items-center gap-4">
+                      <div className="flex-1 h-full flex flex-col bg-blue-50  border border-blue-300 rounded-lg p-3">
+                        <div className="space-y-1.5 flex-1">
+                          {service.data.receives?.slice(0, 3).map((message: any) => {
+                            const { Icon, color } = getCollectionStyles(message.collection);
+                            return (
+                              <div
+                                key={`${message.id}-${message.version}`}
+                                className="group flex border border-gray-200 items-center gap-1 rounded-md text-[11px] font-medium bg-white"
+                              >
+                                <div className="bg-white border-r border-gray-200 px-2 py-1.5 rounded-l-md">
+                                  <Icon className={`h-3 w-3 text-${color}-500`} />
+                                </div>
+                                <span className="px-1 py-1">{message.id}</span>
+                              </div>
+                            );
+                          })}
+                          {service.data.receives && service.data.receives.length > 3 && (
+                            <div className="text-center py-1">
+                              <p className="text-gray-500 text-[10px]">+ {service.data.receives.length - 3} more</p>
+                            </div>
+                          )}
+                          {!service.data.receives?.length && (
+                            <div className="text-center py-6">
+                              <p className="text-gray-500 text-xs">No messages received</p>
+                            </div>
+                          )}
+                        </div>
+                      </div>
+
+                      <div className="flex items-center gap-2">
+                        <div className="w-4 h-[2px] bg-blue-200"></div>
+                        <div className="bg-white border-2 border-gray-300 rounded-lg p-2 shadow-sm">
+                          <div className="flex flex-col items-center gap-2">
+                            <ServerIcon className="h-6 w-6 text-pink-500" />
+                            <div className="text-center">
+                              <p className="text-xs font-medium text-gray-900">{service.data.name || service.data.id}</p>
+                              <p className="text-[10px] text-gray-500">v{service.data.version}</p>
+                            </div>
+                          </div>
+                        </div>
+                        <div className="w-4 h-[2px] bg-emerald-200"></div>
+                      </div>
+
+                      <div className="flex-1 h-full flex flex-col bg-green-100  border border-green-300 rounded-lg p-3">
+                        <div className="space-y-1.5 flex-1">
+                          {service.data.sends?.slice(0, 3).map((message: any) => {
+                            const { Icon, color } = getCollectionStyles(message.collection);
+                            return (
+                              <div
+                                key={`${message.id}-${message.version}`}
+                                className="group flex border border-gray-200 items-center gap-1 rounded-md text-[11px] font-medium bg-white"
+                              >
+                                <div className="bg-white border-r border-gray-200 px-2 py-1.5 rounded-l-md">
+                                  <Icon className={`h-3 w-3 text-${color}-500`} />
+                                </div>
+                                <span className="px-1 py-1">{message.id}</span>
+                              </div>
+                            );
+                          })}
+                          {service.data.sends && service.data.sends.length > 3 && (
+                            <div className="text-center py-1">
+                              <p className="text-gray-500 text-xs">+ {service.data.sends.length - 3} more</p>
+                            </div>
+                          )}
+                          {!service.data.sends?.length && (
+                            <div className="text-center py-6">
+                              <p className="text-gray-500 text-xs">No messages sent</p>
+                            </div>
+                          )}
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                ))}
+                {domain.data.services && domain.data.services.length > 2 && (
+                  <div className="block space-y-2 bg-white border-2 border-dashed border-pink-400 p-4 rounded-lg transition-colors duration-200">
+                    <div className="flex items-center justify-between">
+                      <div className="flex items-center gap-2">
+                        <ServerIcon className="h-4 w-4 text-pink-500/70" />
+                        <h4 className="text-sm font-medium text-gray-600">+{domain.data.services.length - 2} more services</h4>
+                      </div>
+                    </div>
+                  </div>
+                )}
+              </div>
+            </div>
+          </a>
+        ))}
+      </div>
+
+      {filteredDomains.length === 0 && (
+        <div className="text-center py-12">
+          <p className="text-gray-500 text-lg">No domains found matching your criteria</p>
+        </div>
+      )}
+    </div>
+  );
+}