@eventcatalog/core 2.33.7 → 2.33.9

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

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-4BTH6TJB.js";
-import "../chunk-NL4PYW7O.js";
+} from "../chunk-LHX6OHFE.js";
+import "../chunk-OKSJ75RQ.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.33.7";
+var version = "2.33.9";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,8 +1,8 @@
 import {
   log_build_default
-} from "../chunk-VENFKOAJ.js";
-import "../chunk-4BTH6TJB.js";
-import "../chunk-NL4PYW7O.js";
+} from "../chunk-LVSH6F2F.js";
+import "../chunk-LHX6OHFE.js";
+import "../chunk-OKSJ75RQ.js";
 import "../chunk-E7TXTI7G.js";
 export {
   log_build_default as default

package/dist/{chunk-4BTH6TJB.js → chunk-LHX6OHFE.js}

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

package/dist/{chunk-VENFKOAJ.js → chunk-LVSH6F2F.js}

@@ -1,6 +1,6 @@
 import {
   raiseEvent
-} from "./chunk-4BTH6TJB.js";
+} from "./chunk-LHX6OHFE.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile

package/dist/{chunk-NL4PYW7O.js → chunk-OKSJ75RQ.js}

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

package/dist/constants.js

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-NL4PYW7O.js";
+} from "./chunk-OKSJ75RQ.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.33.7";
+var version = "2.33.9";
 
 // 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-VENFKOAJ.js";
-import "./chunk-4BTH6TJB.js";
+} from "./chunk-LVSH6F2F.js";
+import "./chunk-LHX6OHFE.js";
 import {
   catalogToAstro,
   checkAndConvertMdToMdx
 } from "./chunk-7SI5EVOX.js";
 import {
   VERSION
-} from "./chunk-NL4PYW7O.js";
+} from "./chunk-OKSJ75RQ.js";
 import {
   isBackstagePluginEnabled,
   isEventCatalogScaleEnabled,

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

@@ -1,33 +1,37 @@
-import { ExclamationTriangleIcon } from '@heroicons/react/20/solid';
-import { InformationCircleIcon } from '@heroicons/react/24/solid';
+import { InformationCircleIcon, ExclamationTriangleIcon } from '@heroicons/react/24/outline';
 
 const getConfigurationByType = (type: string) => {
   switch (type) {
+    case 'danger':
+      return { color: 'red', icon: ExclamationTriangleIcon, title: 'Danger' };
     case 'alert':
-      return { color: 'red', icon: ExclamationTriangleIcon };
+      return { color: 'red', icon: ExclamationTriangleIcon, title: 'Alert' };
     case 'warning':
-      return { color: 'yellow', icon: ExclamationTriangleIcon };
+      return { color: 'yellow', icon: ExclamationTriangleIcon, title: 'Warning' };
     default:
-      return { color: 'indigo', icon: InformationCircleIcon };
+      return { color: 'indigo', icon: InformationCircleIcon, title: 'Info' };
   }
 };
 
 interface AdmonitionProps {
-  children: JSX.Element;
+  children: React.ReactNode;
   type?: string;
   className?: string;
+  title?: string;
 }
 
-export default function Admonition({ children, type = 'info', className = '' }: AdmonitionProps) {
-  const { color, icon: Icon } = getConfigurationByType(type);
+export default function Admonition({ children, type = 'info', className = '', title }: AdmonitionProps) {
+  const config = getConfigurationByType(type);
+  const Icon = config.icon;
 
   return (
-    <div className={`bg-${color}-50 border-l-4 border-${color}-400 my-4 ${className}`}>
-      <div className="flex">
-        <div className="ml-3 py-2 text-sm flex items-center">
-          <Icon className={`block mr-2 h-7 w-7 text-${color}-400`} aria-hidden="true" />
-          <div>{children}</div>
+    <div className={`bg-${config.color}-50 border-l-4 border-${config.color}-500 p-4 my-4 ${className} rounded-md`}>
+      <div className="flex flex-col">
+        <div className="flex items-center">
+          <Icon className={`h-6 w-6 text-${config.color}-500 stroke-2`} aria-hidden="true" />
+          <h3 className={`ml-2 text-${config.color}-600 font-bold text-md`}>{title || config.title}</h3>
         </div>
+        <div className={`mt-2 text-${config.color}-700 text-md`}>{children}</div>
       </div>
     </div>
   );

package/eventcatalog/src/components/MDX/NodeGraph/Nodes/Channel.tsx

@@ -44,7 +44,7 @@ export default function ChannelNode({ data, sourcePosition, targetPosition }: an
 
   const { id, name, version, summary, owners = [], address, protocols = [], styles } = channel.data;
   const protocol = protocols[0];
-  const { node: { color = 'gray', icon = 'ArrowsRightLeftIcon', label } = {} } = styles || {};
+  const { node: { color = 'gray', label } = {}, icon = 'ArrowsRightLeftIcon' } = styles || {};
 
   const Icon = getIconForProtocol(protocol);
 

package/eventcatalog/src/components/MDX/NodeGraph/Nodes/Command.tsx

@@ -23,7 +23,7 @@ export default function CommandNode({ data, sourcePosition, targetPosition }: an
   const { mode, message } = data as Data;
 
   const { id, name, version, summary, owners = [], producers = [], consumers = [], schemaPath, styles } = message.data;
-  const { node: { color = 'blue', icon = 'ChatBubbleLeftIcon', label } = {} } = styles || {};
+  const { node: { color = 'blue', label } = {}, icon = 'ChatBubbleLeftIcon' } = styles || {};
 
   const Icon = getIcon(icon);
   const nodeLabel = label || message?.data?.sidebar?.badge || 'Command';

package/eventcatalog/src/components/MDX/NodeGraph/Nodes/Event.tsx

@@ -21,7 +21,7 @@ function classNames(...classes: any) {
 export default function EventNode({ data, sourcePosition, targetPosition }: any) {
   const { mode, message } = data as Data;
   const { name, version, summary, owners = [], producers = [], consumers = [], styles } = message.data;
-  const { node: { color = 'orange', icon = 'BoltIcon', label } = {} } = styles || {};
+  const { node: { color = 'orange', label } = {}, icon = 'BoltIcon' } = styles || {};
 
   const Icon = getIcon(icon);
   const nodeLabel = label || message?.data?.sidebar?.badge || 'Event';

package/eventcatalog/src/components/MDX/NodeGraph/Nodes/Query.tsx

@@ -20,7 +20,7 @@ export default function QueryNode({ data, sourcePosition, targetPosition }: any)
   const { mode, message } = data as Data;
 
   const { name, version, summary, owners = [], producers = [], consumers = [], styles } = message.data;
-  const { node: { color = 'green', icon = 'MagnifyingGlassIcon', label } = {} } = styles || {};
+  const { node: { color = 'green', label } = {}, icon = 'MagnifyingGlassIcon' } = styles || {};
 
   const Icon = getIcon(icon);
   const nodeLabel = label || message?.data?.sidebar?.badge || 'Query';

package/eventcatalog/src/components/MDX/NodeGraph/Nodes/Service.tsx

@@ -23,7 +23,7 @@ export default function ServiceNode({ data, sourcePosition, targetPosition }: an
   const { mode, service } = data as Data;
 
   const { id, version, owners = [], sends = [], receives = [], name, specifications, repository, styles } = service.data;
-  const { node: { color = 'pink', icon = 'ServerIcon', label } = {} } = styles || {};
+  const { node: { color = 'pink', label } = {}, icon = 'ServerIcon' } = styles || {};
 
   const Icon = getIcon(icon);
   const nodeLabel = label || service?.data?.sidebar?.badge || 'Service';

package/eventcatalog/src/content.config.ts

@@ -106,15 +106,21 @@ const baseSchema = z.object({
     .optional(),
   styles: z
     .object({
+      icon: z.string().optional(),
       node: z
         .object({
           color: z.string().optional(),
-          icon: z.string().optional(),
           label: z.string().optional(),
         })
         .optional(),
     })
     .optional(),
+  deprecated: z
+    .object({
+      message: z.string().optional(),
+      date: z.date().optional(),
+    })
+    .optional(),
   // Used by eventcatalog
   versions: z.array(z.string()).optional(),
   latestVersion: z.string().optional(),

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

@@ -1,11 +1,14 @@
 ---
 import VerticalSideBarLayout from '@layouts/VerticalSideBarLayout.astro';
 import Footer from '@layouts/Footer.astro';
+import { marked } from 'marked';
 
 import components from '@components/MDX/components';
 import NodeGraph from '@components/MDX/NodeGraph/NodeGraph.astro';
 import SchemaViewer from '@components/MDX/SchemaViewer/SchemaViewerRoot.astro';
 
+import Admonition from '@components/MDX/Admonition';
+
 // SideBars
 import ServiceSideBar from '@components/SideBars/ServiceSideBar.astro';
 import MessageSideBar from '@components/SideBars/MessageSideBar.astro';
@@ -132,6 +135,14 @@ const pagefindAttributes =
         'data-pagefind-meta': `title:${pageTitle}`,
       }
     : {};
+
+const isMarkedAsDeprecated = props.data.deprecated;
+const hasDeprecated = props.data.deprecated?.date && new Date(props.data.deprecated?.date) < new Date();
+const formattedDate = props.data.deprecated?.date
+  ? new Date(props.data.deprecated?.date).toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' })
+  : '';
+let friendlyCollectionName = props.collection.slice(0, props.collection.length - 1);
+friendlyCollectionName = friendlyCollectionName === 'querie' ? 'query' : friendlyCollectionName;
 ---
 
 <VerticalSideBarLayout title={pageTitle} description={props.data.summary}>
@@ -140,10 +151,46 @@ const pagefindAttributes =
       <div class="w-full lg:mr-2 pr-8 overflow-y-auto py-8">
         <div class="border-b border-gray-200 flex justify-between items-start md:pb-2">
           <div>
-            <h2 id="doc-page-header" class="text-2xl md:text-4xl font-bold text-black">
+            <h2
+              id="doc-page-header"
+              class={`text-2xl md:text-4xl font-bold text-black ${props.data.deprecated && hasDeprecated ? 'text-red-500' : ''}`}
+            >
               {props.data.name}
               <span class="">(v{props.data.version})</span>
             </h2>
+            {
+              isMarkedAsDeprecated && hasDeprecated && (
+                <Admonition type="alert" title={`This ${friendlyCollectionName} was deprecated on ${formattedDate}`}>
+                  <div>
+                    {!props.data.deprecated?.message && (
+                      <p>
+                        The {friendlyCollectionName} has been deprecated ({props.data.deprecated?.date}).
+                      </p>
+                    )}
+                    {props.data.deprecated?.message && (
+                      <div class="prose prose-sm max-w-none" set:html={marked.parse(props.data.deprecated?.message)} />
+                    )}
+                  </div>
+                </Admonition>
+              )
+            }
+            {
+              isMarkedAsDeprecated && !hasDeprecated && (
+                <Admonition type="warning" title={`This ${friendlyCollectionName} will be deprecated on ${formattedDate}`}>
+                  <div>
+                    {!props.data.deprecated?.message && (
+                      <p>
+                        The {friendlyCollectionName} will be deprecated on {formattedDate}.
+                      </p>
+                    )}
+                    {props.data.deprecated?.message && (
+                      <div class="prose prose-sm max-w-none" set:html={marked.parse(props.data.deprecated?.message)} />
+                    )}
+                  </div>
+                </Admonition>
+              )
+            }
+
             <h2 class="text-lg pt-2 text-gray-500 font-light">{props.data.summary}</h2>
             {
               badges && (

package/package.json

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