@eventcatalog/core 0.1.19 → 0.2.0

package/.next/server/chunks/50.js

@@ -0,0 +1,392 @@
+"use strict";
+exports.id = 50;
+exports.ids = [50];
+exports.modules = {
+
+/***/ 8947:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9097);
+/* harmony import */ var _heroicons_react_outline__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8768);
+/* harmony import */ var _heroicons_react_outline__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_heroicons_react_outline__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _utils_random_bg__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(6892);
+/* harmony import */ var _components_ExternalLinks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5746);
+/* harmony import */ var _components_Tags__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(8778);
+/* harmony import */ var _components_Owners__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(3553);
+/* harmony import */ var _components_ItemList__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(7933);
+
+
+
+
+
+
+
+
+
+const getURLForEvent = (event)=>event.domain ? `/domains/${event.domain}/events/${event.name}` : `/events/${event.name}`
+;
+function ServiceSidebar({ service  }) {
+    const { owners , subscribes , publishes , repository , tags =[] , externalLinks , domain  } = service;
+    const { language , url: repositoryUrl  } = repository;
+    let languages = [];
+    if (language) {
+        languages = Array.isArray(language) ? language : [
+            language
+        ];
+    }
+    let trimmedUrl = '';
+    if (repositoryUrl) {
+        trimmedUrl = repositoryUrl.replace(/(^\w+:|^)\/\//, '');
+    }
+    return(/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("aside", {
+        className: "hidden xl:block xl:pl-8 ",
+        children: [
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
+                className: "sr-only",
+                children: "Details"
+            }),
+            publishes.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_ItemList__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+                title: `Publishes Events (${publishes.length})`,
+                titleIcon: {
+                    icon: _heroicons_react_outline__WEBPACK_IMPORTED_MODULE_3__.CubeIcon,
+                    className: 'text-indigo-400'
+                },
+                items: publishes.map((event)=>({
+                        label: event.name,
+                        href: getURLForEvent(event),
+                        bgColor: 'indigo'
+                    })
+                )
+            }),
+            subscribes.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_ItemList__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+                title: `Subscribes to Events (${subscribes.length})`,
+                titleIcon: {
+                    icon: _heroicons_react_outline__WEBPACK_IMPORTED_MODULE_3__.CubeIcon,
+                    className: 'text-green-400'
+                },
+                items: subscribes.map((event)=>({
+                        label: event.name,
+                        href: getURLForEvent(event),
+                        bgColor: 'green'
+                    })
+                )
+            }),
+            domain && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                className: "border-t border-gray-200 py-6 space-y-8",
+                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                    children: [
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("h2", {
+                            className: "text-sm font-medium text-gray-500",
+                            children: [
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_heroicons_react_outline__WEBPACK_IMPORTED_MODULE_3__.CollectionIcon, {
+                                    className: "h-5 w-5 text-yellow-400 inline-block mr-2",
+                                    "aria-hidden": "true"
+                                }),
+                                "Domain"
+                            ]
+                        }),
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("ul", {
+                            className: "mt-2 leading-8",
+                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("li", {
+                                className: "inline",
+                                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(next_link__WEBPACK_IMPORTED_MODULE_2__["default"], {
+                                    href: `/domains/${domain}`,
+                                    children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("a", {
+                                        href: "#",
+                                        className: "relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5",
+                                        children: [
+                                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                                className: "absolute flex-shrink-0 flex items-center justify-center",
+                                                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                                                    className: "h-1.5 w-1.5 rounded-full bg-yellow-500 animate animate-pulse",
+                                                    "aria-hidden": "true"
+                                                })
+                                            }),
+                                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                                className: "ml-3.5 text-sm font-medium text-gray-900",
+                                                children: domain
+                                            })
+                                        ]
+                                    })
+                                })
+                            }, domain)
+                        })
+                    ]
+                })
+            }),
+            owners.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Owners__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                owners: owners
+            }),
+            (repository === null || repository === void 0 ? void 0 : repository.url) && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                className: "border-t border-gray-200 py-6 space-y-8",
+                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                    className: "space-y-3",
+                    children: [
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
+                            className: "text-sm font-medium text-gray-500",
+                            children: "Repository"
+                        }),
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("ul", {
+                            className: " leading-8 space-y-2",
+                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("li", {
+                                className: "flex justify-start",
+                                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("a", {
+                                    href: repository === null || repository === void 0 ? void 0 : repository.url,
+                                    target: "_blank",
+                                    className: "flex items-center space-x-3 text-blue-600 underline text-sm",
+                                    rel: "noreferrer",
+                                    children: trimmedUrl
+                                })
+                            })
+                        })
+                    ]
+                })
+            }),
+            languages.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                className: "border-t border-gray-200 py-6 space-y-8",
+                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                    className: "space-y-3",
+                    children: [
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
+                            className: "text-sm font-medium text-gray-500",
+                            children: "Language"
+                        }),
+                        languages.map((value)=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                className: "relative flex items-center mt-2",
+                                children: [
+                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                        className: "absolute flex-shrink-0 flex items-center justify-center",
+                                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                                            className: "h-2 w-2 rounded-full",
+                                            "aria-hidden": "true",
+                                            style: {
+                                                background: (0,_utils_random_bg__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(value)
+                                            }
+                                        })
+                                    }),
+                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                        className: "ml-3.5 text-sm font-medium text-gray-900",
+                                        children: value
+                                    })
+                                ]
+                            }, value)
+                        )
+                    ]
+                })
+            }),
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(next_link__WEBPACK_IMPORTED_MODULE_2__["default"], {
+                href: `/visualiser?type=service&name=${service.name}`,
+                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("a", {
+                    className: "hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-800 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-200",
+                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                        children: "View in Visualiser"
+                    })
+                })
+            }),
+            externalLinks.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_ExternalLinks__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
+                externalLinks: externalLinks
+            }),
+            tags.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Tags__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
+                tags: tags
+            })
+        ]
+    }));
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ServiceSidebar);
+
+
+/***/ }),
+
+/***/ 1050:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__) => {
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ Services),
+/* harmony export */   "getStaticProps": () => (/* binding */ getStaticProps),
+/* harmony export */   "getStaticPaths": () => (/* binding */ getStaticPaths)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(968);
+/* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_head__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var next_mdx_remote__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(276);
+/* harmony import */ var next_mdx_remote__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_mdx_remote__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _components_ContentView__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2455);
+/* harmony import */ var _lib_services__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(9596);
+/* harmony import */ var _components_Mdx_Admonition__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1790);
+/* harmony import */ var _components_Mermaid__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(788);
+/* harmony import */ var _components_Sidebars_ServiceSidebar__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(8947);
+/* harmony import */ var _components_BreadCrumbs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(2428);
+/* harmony import */ var _components_NotFound__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(4488);
+/* harmony import */ var _utils_random_bg__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(6892);
+/* harmony import */ var _hooks_EventCatalog__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(5008);
+/* harmony import */ var _components_Mdx_NodeGraph_NodeGraph__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(8484);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_lib_services__WEBPACK_IMPORTED_MODULE_4__, _components_Mermaid__WEBPACK_IMPORTED_MODULE_6__]);
+([_lib_services__WEBPACK_IMPORTED_MODULE_4__, _components_Mermaid__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? await __webpack_async_dependencies__ : __webpack_async_dependencies__);
+
+
+
+
+
+
+
+
+
+
+
+
+
+function MermaidComponent({ title , service , charts  }) {
+    return(/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+        className: "mx-auto w-full py-10",
+        children: [
+            title && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
+                className: "text-lg font-medium text-gray-900 underline",
+                children: title
+            }),
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Mermaid__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                source: "service",
+                data: service,
+                rootNodeColor: (0,_utils_random_bg__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z)(service.name),
+                charts: charts
+            })
+        ]
+    }));
+}
+const getComponents = (service)=>({
+        Admonition: _components_Mdx_Admonition__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z,
+        Mermaid: ({ title , charts  })=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(MermaidComponent, {
+                service: service,
+                title: title,
+                charts: charts
+            })
+        ,
+        NodeGraph: ({ title , maxHeight , maxZoom , fitView , zoomOnScroll , isAnimated , isDraggable  })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                className: "mx-auto w-full",
+                children: [
+                    title && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
+                        className: "text-lg font-medium text-gray-900 underline",
+                        children: title
+                    }),
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Mdx_NodeGraph_NodeGraph__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
+                        source: "service",
+                        data: service,
+                        rootNodeColor: (0,_utils_random_bg__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z)(service.name),
+                        maxHeight: maxHeight,
+                        maxZoom: maxZoom,
+                        fitView: fitView,
+                        zoomOnScroll: zoomOnScroll,
+                        isAnimated: isAnimated,
+                        isDraggable: isDraggable
+                    })
+                ]
+            })
+    })
+;
+function Services(props) {
+    const { service , markdown , notFound , breadCrumbs  } = props;
+    const { title  } = (0,_hooks_EventCatalog__WEBPACK_IMPORTED_MODULE_10__/* .useConfig */ .ZR)();
+    const { getEditUrl , hasEditUrl  } = (0,_hooks_EventCatalog__WEBPACK_IMPORTED_MODULE_10__/* .useUrl */ .wG)();
+    if (notFound) return(/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_NotFound__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
+        type: "service",
+        name: service.name,
+        editUrl: hasEditUrl ? getEditUrl(`/services/${service.name}/index.md`) : ''
+    }));
+    const { name , summary , draft  } = service;
+    const { lastModifiedDate  } = markdown;
+    const mdxComponents = getComponents(service);
+    return(/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+        children: [
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_head__WEBPACK_IMPORTED_MODULE_1___default()), {
+                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("title", {
+                    children: [
+                        title,
+                        " - ",
+                        name
+                    ]
+                })
+            }),
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_ContentView__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+                title: name,
+                editUrl: hasEditUrl ? getEditUrl(`/services/${name}/index.md`) : '',
+                subtitle: summary,
+                draft: draft,
+                lastModifiedDate: lastModifiedDate,
+                breadCrumbs: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_BreadCrumbs__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
+                    pages: breadCrumbs,
+                    homePath: "/services"
+                }),
+                sidebar: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Sidebars_ServiceSidebar__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+                    service: service
+                }),
+                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(next_mdx_remote__WEBPACK_IMPORTED_MODULE_2__.MDXRemote, {
+                    ...markdown.source,
+                    components: mdxComponents
+                })
+            })
+        ]
+    }));
+};
+async function getStaticProps({ params  }) {
+    try {
+        const { service , markdown  } = await (0,_lib_services__WEBPACK_IMPORTED_MODULE_4__/* .getServiceByName */ ["in"])({
+            serviceName: params.name
+        });
+        return {
+            props: {
+                service,
+                markdown,
+                breadCrumbs: [
+                    {
+                        name: 'Services',
+                        href: '/services',
+                        current: false
+                    },
+                    {
+                        name: service.name,
+                        href: `/services/${service.name}`,
+                        current: true
+                    }, 
+                ]
+            }
+        };
+    } catch (error) {
+        return {
+            props: {
+                notFound: true,
+                service: {
+                    name: params.name
+                }
+            }
+        };
+    }
+}
+async function getStaticPaths() {
+    const services = (0,_lib_services__WEBPACK_IMPORTED_MODULE_4__/* .getAllServices */ .UV)();
+    const paths = services.map((service)=>({
+            params: {
+                name: service.name
+            }
+        })
+    );
+    return {
+        paths,
+        fallback: false
+    };
+}
+
+});
+
+/***/ })
+
+};
+;

package/.next/server/chunks/526.js

@@ -34,11 +34,12 @@ function EventGrid({ events =[] , showMermaidDiagrams =false  }) {
     return(/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("ul", {
         className: "mt-3 grid grid-cols-1 gap-5 md:grid-cols-2",
         children: events.map((event)=>{
-            const { draft: isDraft  } = event;
+            const { draft: isDraft , domain  } = event;
+            const eventURL = domain ? `/domains/${domain}/events/${event.name}` : `/events/${event.name}`;
             return(/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("li", {
                 className: "flex",
                 children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(next_link__WEBPACK_IMPORTED_MODULE_2__["default"], {
-                    href: `/events/${event.name}`,
+                    href: eventURL,
                     children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("a", {
                         className: "flex shadow-sm rounded-md w-full",
                         children: [
@@ -93,7 +94,7 @@ function EventGrid({ events =[] , showMermaidDiagrams =false  }) {
                                                             "aria-hidden": "true"
                                                         }),
                                                         "Producers (",
-                                                        event.producers.length,
+                                                        event.producerNames.length,
                                                         ")"
                                                     ]
                                                 }),
@@ -105,9 +106,19 @@ function EventGrid({ events =[] , showMermaidDiagrams =false  }) {
                                                             "aria-hidden": "true"
                                                         }),
                                                         "Subscribers (",
-                                                        event.consumers.length,
+                                                        event.consumerNames.length,
                                                         ")"
                                                     ]
+                                                }),
+                                                event.domain && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                                    className: " font-medium text-gray-500",
+                                                    children: [
+                                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_heroicons_react_outline__WEBPACK_IMPORTED_MODULE_3__.CollectionIcon, {
+                                                            className: "h-4 w-4 text-yellow-400 inline-block mr-2",
+                                                            "aria-hidden": "true"
+                                                        }),
+                                                        event.domain
+                                                    ]
                                                 })
                                             ]
                                         })

package/.next/server/chunks/565.js

@@ -112,15 +112,15 @@ click ${centerNode.id} href "${centerNode.link}" "Go to ${centerNode.name}" _sel
  * @param {Event} event
  * @param {string} rootNodeColor of the root node
  * @returns {string} Mermaid Graph
- */ const buildMermaidFlowChartForEvent = ({ name: eventName , producers , consumers  }, rootNodeColor = '#2563eb')=>{
+ */ const buildMermaidFlowChartForEvent = ({ name: eventName , producerNames , consumerNames  }, rootNodeColor = '#2563eb')=>{
     // Transforms services & event into a graph model
-    const leftNodes = producers.map(truncateNode).map((node)=>({
+    const leftNodes = producerNames.map(truncateNode).map((node)=>({
             id: node.replace(/ /g, '_'),
             name: node,
             link: generateLink(node, 'services')
         })
     );
-    const rightNodes = consumers.map(truncateNode).map((node)=>({
+    const rightNodes = consumerNames.map(truncateNode).map((node)=>({
             id: node.replace(/ /g, '_'),
             name: node,
             link: generateLink(node, 'services')

package/.next/server/chunks/778.js

@@ -0,0 +1,76 @@
+"use strict";
+exports.id = 778;
+exports.ids = [778];
+exports.modules = {
+
+/***/ 8778:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _heroicons_react_outline__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8768);
+/* harmony import */ var _heroicons_react_outline__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_heroicons_react_outline__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+const tailwindBgs = [
+    'purple',
+    'pink',
+    'green',
+    'yellow',
+    'blue',
+    'indigo'
+];
+function Tags({ tags  }) {
+    return(/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+        className: " py-6 space-y-8",
+        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+            children: [
+                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("h2", {
+                    className: "text-sm font-medium text-gray-500",
+                    children: [
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_heroicons_react_outline__WEBPACK_IMPORTED_MODULE_2__.TagIcon, {
+                            className: "h-5 w-5 text-gray-400 inline-block mr-2",
+                            "aria-hidden": "true"
+                        }),
+                        "Tags"
+                    ]
+                }),
+                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                    className: "mt-3 space-y-2",
+                    children: tags.map(({ label , url  }, index)=>{
+                        const color = tailwindBgs[index % tailwindBgs.length];
+                        if (url) {
+                            return(/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("a", {
+                                href: url,
+                                className: "inline-block underline",
+                                target: "_blank",
+                                rel: "noreferrer",
+                                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                                    className: `underline inline-block mr-2 items-center px-2.5 py-0.5 rounded-full text-xs font-medium -top-0.5 relative bg-${color}-100 text-${color}-800`,
+                                    children: label
+                                })
+                            }));
+                        }
+                        return(/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                            className: `inline-block mr-2 items-center px-2.5 py-0.5 rounded-full text-xs font-medium -top-0.5 relative bg-${color}-100 text-${color}-800`,
+                            children: label
+                        }));
+                    })
+                })
+            ]
+        })
+    }));
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Tags);
+
+
+/***/ })
+
+};
+;

package/.next/server/chunks/797.js

@@ -0,0 +1,92 @@
+"use strict";
+exports.id = 797;
+exports.ids = [797];
+exports.modules = {
+
+/***/ 9797:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__) => {
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   "getStaticProps": () => (/* binding */ getStaticProps),
+/* harmony export */   "getStaticPaths": () => (/* binding */ getStaticPaths)
+/* harmony export */ });
+/* harmony import */ var _lib_events__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9959);
+/* harmony import */ var _lib_domains__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8985);
+/* harmony import */ var _events_name___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5944);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_lib_domains__WEBPACK_IMPORTED_MODULE_1__, _lib_events__WEBPACK_IMPORTED_MODULE_0__, _events_name___WEBPACK_IMPORTED_MODULE_2__]);
+([_lib_domains__WEBPACK_IMPORTED_MODULE_1__, _lib_events__WEBPACK_IMPORTED_MODULE_0__, _events_name___WEBPACK_IMPORTED_MODULE_2__] = __webpack_async_dependencies__.then ? await __webpack_async_dependencies__ : __webpack_async_dependencies__);
+
+
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_events_name___WEBPACK_IMPORTED_MODULE_2__["default"]);
+async function getStaticProps({ params  }) {
+    try {
+        const { event , markdown  } = await (0,_lib_events__WEBPACK_IMPORTED_MODULE_0__/* .getEventByName */ .Zh)({
+            eventName: params.name,
+            domain: params.domain
+        });
+        return {
+            props: {
+                event,
+                eventPath: `/domains/${event.domain}/events/${event.name}`,
+                breadCrumbs: [
+                    {
+                        name: 'Domain',
+                        href: '/domains',
+                        current: false
+                    },
+                    {
+                        name: event.domain,
+                        href: `/domains/${event.domain}`,
+                        current: false
+                    },
+                    {
+                        name: 'Events',
+                        href: `/events?domain=${event.domain}`,
+                        current: false
+                    },
+                    {
+                        name: event.name,
+                        href: `/domains/${event.domain}/events/${event.name}`,
+                        current: true
+                    }, 
+                ],
+                markdown,
+                loadedVersion: 'latest'
+            }
+        };
+    } catch (error) {
+        return {
+            props: {
+                notFound: true,
+                event: {
+                    name: params.name
+                }
+            }
+        };
+    }
+}
+async function getStaticPaths() {
+    const events = (0,_lib_domains__WEBPACK_IMPORTED_MODULE_1__/* .getAllEventsFromDomains */ .TZ)();
+    const paths = events.map((event)=>({
+            params: {
+                name: event.name,
+                domain: event.domain
+            }
+        })
+    );
+    return {
+        paths,
+        fallback: false
+    };
+}
+
+});
+
+/***/ })
+
+};
+;