@eventcatalog/core 2.30.1 → 2.30.3

package/LICENSE.md

@@ -5,7 +5,7 @@ Source code in this repository is split into two parts:
 
 ---
 
-All code outside of the `/src/enterprise` directory is licensed under the MIT license which is below.
+All code outside of the `eventcatalog/src/enterprise` directory is licensed under the MIT license which is below.
 
 MIT License
 

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

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-RC4ARAOT.js";
-import "../chunk-NSBAGG3S.js";
+} from "../chunk-CCVSDM76.js";
+import "../chunk-RM75NXXT.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.1";
+var version = "2.30.3";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,8 +1,8 @@
 import {
   log_build_default
-} from "../chunk-AGI6ZQUB.js";
-import "../chunk-RC4ARAOT.js";
-import "../chunk-NSBAGG3S.js";
+} from "../chunk-IVR43LJH.js";
+import "../chunk-CCVSDM76.js";
+import "../chunk-RM75NXXT.js";
 import "../chunk-E7TXTI7G.js";
 export {
   log_build_default as default

package/dist/{chunk-RC4ARAOT.js → chunk-CCVSDM76.js}

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

package/dist/{chunk-AGI6ZQUB.js → chunk-IVR43LJH.js}

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

package/dist/{chunk-NSBAGG3S.js → chunk-RM75NXXT.js}

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

package/dist/constants.js

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-NSBAGG3S.js";
+} from "./chunk-RM75NXXT.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.1";
+var version = "2.30.3";
 
 // 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-AGI6ZQUB.js";
-import "./chunk-RC4ARAOT.js";
+} from "./chunk-IVR43LJH.js";
+import "./chunk-CCVSDM76.js";
 import {
   catalogToAstro,
   checkAndConvertMdToMdx
 } from "./chunk-7SI5EVOX.js";
 import {
   VERSION
-} from "./chunk-NSBAGG3S.js";
+} from "./chunk-RM75NXXT.js";
 import {
   isBackstagePluginEnabled
 } from "./chunk-XMDPVKIJ.js";

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

@@ -146,7 +146,9 @@ export default function DomainGrid({ domains, embeded }: DomainGridProps) {
                                 <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>
+                                <span className="px-1 py-1 truncate max-w-[140px]">
+                                  {message.id} really long name that might break something
+                                </span>
                               </div>
                             );
                           })}
@@ -189,7 +191,8 @@ export default function DomainGrid({ domains, embeded }: DomainGridProps) {
                                 <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>
+
+                                <span className="px-1 py-1 truncate max-w-[140px]">{message.id}</span>
                               </div>
                             );
                           })}

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

@@ -224,9 +224,9 @@ export default function ServiceGrid({ services, embeded }: ServiceGridProps) {
                 >
                   <div className="p-6">
                     <div className="flex items-center justify-between mb-3">
-                      <div className="flex items-center gap-2">
+                      <div className="flex items-center gap-2 w-full">
                         <ServerIcon className="h-5 w-5 text-pink-500" />
-                        <h3 className="text-lg font-semibold text-gray-900 truncate group-hover:underline transition-colors duration-200">
+                        <h3 className="text-lg font-semibold text-gray-900 truncate group-hover:underline transition-colors duration-200 w-full max-w-[90%]">
                           {service.data.name || service.data.id} (v{service.data.version})
                         </h3>
                       </div>
@@ -257,7 +257,7 @@ export default function ServiceGrid({ services, embeded }: ServiceGridProps) {
                                       <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.data.name}</span>
+                                      <span className="px-1 py-1 truncate max-w-[140px]">{message.data.name}</span>
                                     </a>
                                   );
                                 })}
@@ -277,7 +277,7 @@ export default function ServiceGrid({ services, embeded }: ServiceGridProps) {
                             </div>
                           </div>
 
-                          <div className="flex items-center gap-2">
+                          <div className="flex items-center gap-2 max-w-[200px]">
                             <div className="w-4 h-[2px] bg-blue-200"></div>
                             <div className="bg-white border-2 border-pink-100 rounded-lg p-4 shadow-sm">
                               <div className="flex flex-col items-center gap-3">
@@ -308,7 +308,7 @@ export default function ServiceGrid({ services, embeded }: ServiceGridProps) {
                                       <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.data.name}</span>
+                                      <span className="px-1 py-1 truncate max-w-[140px]">{message.data.name}</span>
                                     </a>
                                   );
                                 })}

package/eventcatalog/src/components/MDX/Tiles/Tile.astro

@@ -6,12 +6,13 @@ import { buildUrl } from '@utils/url-builder';
 interface Props {
   href: string;
   icon: keyof typeof Icons;
+  iconColor?: string;
   title: string;
   openWindow?: boolean;
   description: string;
 }
 
-const { href, icon, title, description, openWindow } = Astro.props;
+const { href, icon, title, description, openWindow, iconColor = 'text-primary' } = Astro.props;
 
 const IconComponent: ComponentType<{ className?: string }> | undefined = Icons[icon];
 
@@ -28,7 +29,7 @@ function startsWithProtocol(str: string) {
   class="block bg-white border border-gray-200 rounded-lg p-6 transition-all duration-300 ease-in-out hover:shadow-md hover:border-primary focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-primary focus:ring-white"
 >
   <div class="flex flex-col h-full space-y-8">
-    {IconComponent && <IconComponent className="w-6 h-6 text-primary" />}
+    {IconComponent && <IconComponent className={`w-6 h-6 ${iconColor}`} />}
     <div>
       <h2 class="text-gray-800 text-lg font-semibold transition-colors duration-300 ease-in-out group-hover:text-gray-300">
         {title}

package/eventcatalog/src/components/MDX/Tiles/Tiles.astro

@@ -1,10 +1,10 @@
 ---
-const { title } = Astro.props;
+const { title, columns = 2 } = Astro.props;
 ---
 
-<sectio class="not-prose">
+<section class="not-prose">
   {title && <h2 class="text-2xl font-bold text-gray-800 mb-4">{title}</h2>}
-  <div class={`grid grid-cols-1 md:grid-cols-2 gap-4 w-full not-prose`}>
+  <div class={`grid grid-cols-1 md:grid-cols-${columns} gap-4 w-full not-prose`}>
     <slot />
   </div>
-</sectio>
+</section>

package/eventcatalog/src/content.config.ts

@@ -17,7 +17,10 @@ const badge = z.object({
 });
 
 const pages = defineCollection({
-  type: 'content',
+  loader: glob({
+    pattern: ['**/pages/*.(md|mdx)'],
+    base: projectDirBase,
+  }),
   schema: z
     .object({
       id: z.string(),

package/eventcatalog/src/pages/docs/_default-docs.mdx

@@ -1,24 +1,25 @@
-# **EventCatalog**
-
-Welcome to [EventCatalog](https://www.eventcatalog.dev/).
+# **Welcome to EventCatalog**
 
 This open-source project is designed to help you and your teams bring discoverability and clarity to your event-driven architectures (EDA).
 
-To get started you can read the following guides:
+This page can be replaced with your own content, but to help you get started, we have created a few guides and resources.
 
-- [Getting started with EventCatalog](https://eventcatalog.dev/docs/development/getting-started/introduction)
-- [Creating domains](https://eventcatalog.dev/docs/development/guides/domains/adding-domains)
-- [Creating services](https://eventcatalog.dev/docs/development/guides/services/adding-services)
-- [Creating commands](https://eventcatalog.dev/docs/development/guides/messages/commands/introduction)
-- [Creating events](https://eventcatalog.dev/docs/development/guides/messages/events/introduction)
-- [Assigning owners to resources](https://eventcatalog.dev/docs/owners)
-- [Using components in your pages (Schemas, OpenAPI, etc)](https://eventcatalog.dev/docs/development/components/using-components)
-- [Deploying and hosting your EventCatalog](https://eventcatalog.dev/docs/development/deployment)
+<Tiles columns={3}>
+  <Tile icon="BookOpenIcon" href="https://eventcatalog.dev/docs/development/getting-started/introduction" title="Getting started with EventCatalog" description="How to get started with EventCatalog" />
+  <Tile icon="RectangleGroupIcon" href="https://eventcatalog.dev/docs/development/guides/domains/adding-domains" title="Creating domains" description="Learn how to create domains in your event catalog" />
+  <Tile icon="ServerIcon" href="https://eventcatalog.dev/docs/development/guides/services/adding-services" title="Creating services" description="Learn how to create services in your event catalog" />
+  <Tile icon="ChatBubbleLeftIcon" iconColor="text-blue-500" href="https://eventcatalog.dev/docs/development/guides/messages/commands/introduction" title="Creating commands" description="Learn how to create commands in your event catalog" />
+  <Tile icon="BoltIcon" iconColor="text-orange-500" href="https://eventcatalog.dev/docs/development/guides/messages/events/introduction" title="Creating events" description="Learn how to create events in your event catalog" />
+  <Tile icon="UserGroupIcon" iconColor="text-green-500" href="https://eventcatalog.dev/docs/owners" title="Assigning owners to resources" description="Learn how to assign owners to resources in your event catalog" />
+</Tiles>
 
 ### **Join the community**
 
-Got questions about EventCatalog? Feature requests or need support? [Join our community on Discord.](https://discord.gg/3rjaZMmrAm)
+Our project and community is growing fast. We have over 1000+ members in our [Discord community](https://discord.gg/3rjaZMmrAm).
 
-### **Enterprise support**
+<Tiles columns={2}>
+  <Tile icon="UserGroupIcon" iconColor="text-green-500" href="https://discord.gg/3rjaZMmrAm" title="Join the Discord community" description="Join the community to get help and support" />
+  <Tile icon="StarIcon"  iconColor="text-yellow-500" href="https://github.com/event-catalog/eventcatalog/stargazers" title="Star EventCatalog on GitHub" description="If you like the project, please star it on GitHub to show your support ❤️" />
+</Tiles>
 
-Using EventCatalog and needs enterprise support? Work with us, find out what we offer on our [enterprise page](https://eventcatalog.dev/enterprise).
+---

package/eventcatalog/src/pages/docs/index.astro

@@ -1,14 +1,18 @@
 ---
 import Footer from '@layouts/Footer.astro';
 import components from '@components/MDX/page-components';
+import mdxComponents from '@components/MDX/components';
 import { getIndexPage } from '@utils/pages';
 import VerticalSideBarLayout from '@layouts/VerticalSideBarLayout.astro';
+import { render } from 'astro:content';
 
 const page = await getIndexPage();
 let CustomContent = null;
 
+const props = Astro.props;
+
 if (page) {
-  const { Content } = await page.render();
+  const { Content } = await render(page);
   CustomContent = Content;
 } else {
   CustomContent = await import('./_default-docs.mdx').then((mod) => mod.default);
@@ -20,7 +24,7 @@ if (page) {
     <div class="flex docs-layout w-full">
       <div class="w-full lg:mr-2 pr-8 overflow-y-auto py-8">
         <div class="prose prose-md w-full !max-w-none">
-          <CustomContent components={components} />
+          <CustomContent components={{ ...components, ...mdxComponents(props) }} />
         </div>
         <Footer />
       </div>

package/eventcatalog/src/utils/pages.ts

@@ -11,10 +11,10 @@ export const getPages = async (): Promise<Page[]> => {
 
 export const getIndexPage = async (): Promise<Page> => {
   const pages = await getCollection('pages');
-  return pages.find((page) => page.slug === 'index')!;
+  return pages.find((page) => page.data?.id === 'index')!;
 };
 
 export const hasLandingPageForDocs = async (): Promise<boolean> => {
   const pages = await getCollection('pages');
-  return pages.some((page) => page.slug === 'index')!;
+  return pages.some((page) => page.data?.id === 'index')!;
 };

package/package.json

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