@eventcatalog/core 0.1.19 → 0.2.0

package/.next/server/chunks/854.js

@@ -0,0 +1,103 @@
+"use strict";
+exports.id = 854;
+exports.ids = [854];
+exports.modules = {
+
+/***/ 3854:
+/***/ ((__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_4__ = __webpack_require__(6892);
+
+
+
+
+
+function DomainGrid({ domains =[]  }) {
+    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: domains.map((domain)=>/*#__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: `/domains/${domain.name}`,
+                    children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("a", {
+                        className: "flex shadow-sm w-full",
+                        children: [
+                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                style: {
+                                    background: (0,_utils_random_bg__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(domain.name)
+                                },
+                                className: "w-4 rounded-l-md"
+                            }),
+                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                className: "w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md ",
+                                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                    className: "p-4 text-sm space-y-2 flex flex-col justify-between h-full",
+                                    children: [
+                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                            children: [
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                                                    className: "text-gray-900 font-bold",
+                                                    children: domain.name
+                                                }),
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                                    className: "text-gray-500 text-xs font-normal mt-2 line-clamp-3",
+                                                    children: domain.summary
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                            className: "flex space-x-4 text-xs pt-2 relative bottom-0 left-0",
+                                            children: [
+                                                /*#__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__.CubeIcon, {
+                                                            className: "h-4 w-4 text-green-400 inline-block mr-2",
+                                                            "aria-hidden": "true"
+                                                        }),
+                                                        "Services (",
+                                                        domain.services.length,
+                                                        ")"
+                                                    ]
+                                                }),
+                                                /*#__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__.CubeIcon, {
+                                                            className: "h-4 w-4 text-indigo-400 inline-block mr-2",
+                                                            "aria-hidden": "true"
+                                                        }),
+                                                        "Events (",
+                                                        domain.events.length,
+                                                        ")"
+                                                    ]
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    })
+                })
+            }, domain.name)
+        )
+    }));
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DomainGrid);
+
+
+/***/ })
+
+};
+;

package/.next/server/chunks/938.js

@@ -31,11 +31,12 @@ function ServiceGrid({ services =[] , 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: services.map((service)=>{
-            const { draft: isDraft  } = service;
+            const { draft: isDraft , domain  } = service;
+            const serviceUrl = domain ? `/domains/${domain}/services/${service.name}` : `/services/${service.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: `/services/${service.name}`,
+                    href: serviceUrl,
                     children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("a", {
                         className: "flex shadow-sm w-full",
                         children: [

package/.next/server/chunks/944.js

@@ -161,16 +161,29 @@ function SchemaViewer({ schema , maxHeight , renderRootTreeLines =false , hideEx
 /* harmony import */ var next_config__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(next_config__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var _heroicons_react_outline__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8768);
 /* harmony import */ var _heroicons_react_outline__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_heroicons_react_outline__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _hooks_EventCatalog__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5008);
+/* harmony import */ var _components_ExternalLinks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5746);
+/* harmony import */ var _components_Owners__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(3553);
+/* harmony import */ var _components_ItemList__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(7933);
 
 
 
 
 
 
-function EventSideBar({ event , loadedVersion , isOldVersion  }) {
-    const { getUserById  } = (0,_hooks_EventCatalog__WEBPACK_IMPORTED_MODULE_5__/* .useUser */ .aF)();
-    const { name: eventName , owners , producers , consumers , historicVersions , externalLinks , schema  } = event;
+
+
+const getServiceLink = (serviceName, event)=>{
+    const allEventServices = [
+        ...event.consumers,
+        ...event.producers
+    ];
+    const matchedService = allEventServices.find((service)=>service.name === serviceName
+    );
+    if (matchedService) return `/domains/${matchedService.domain}/services/${serviceName}`;
+    return `/services/${serviceName}`;
+};
+function EventSideBar({ event , loadedVersion , isOldVersion , urlPath  }) {
+    const { name: eventName , owners , producerNames: producers , consumerNames: consumers , historicVersions , externalLinks , schema , domain ,  } = event;
     const { publicRuntimeConfig: { basePath =''  } = {
     }  } = next_config__WEBPACK_IMPORTED_MODULE_3___default()();
     const getSchemaDownloadURL = ()=>{
@@ -178,101 +191,83 @@ function EventSideBar({ event , loadedVersion , isOldVersion  }) {
         return isOldVersion ? `${basePath}/schemas/${eventName}/${loadedVersion}/schema.${schema.extension}` : `${basePath}/schemas/${eventName}/schema.${schema.extension}`;
     };
     return(/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("aside", {
-        className: "hidden xl:block xl:pl-8",
+        className: "hidden xl:block xl:pl-8 divide-y divide-gray-200",
         children: [
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
                 className: "sr-only",
                 children: "Details"
             }),
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: "pt-6 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_4__.CubeIcon, {
-                                    className: "h-5 w-5 text-green-400 inline-block mr-2",
-                                    "aria-hidden": "true"
-                                }),
-                                "Producers"
-                            ]
-                        }),
-                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("ul", {
-                            className: "mt-2 leading-8",
-                            children: producers.map((producer)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("li", {
-                                    className: "inline mr-1",
-                                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(next_link__WEBPACK_IMPORTED_MODULE_2__["default"], {
-                                        href: `/services/${producer}`,
-                                        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("a", {
-                                            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-green-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: producer
-                                                })
-                                            ]
-                                        })
-                                    })
-                                }, producer)
-                            )
-                        })
-                    ]
-                })
+            producers.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_ItemList__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+                title: `Producers (${producers.length})`,
+                titleIcon: {
+                    icon: _heroicons_react_outline__WEBPACK_IMPORTED_MODULE_4__.CubeIcon,
+                    className: 'text-green-400'
+                },
+                items: producers.map((producer)=>({
+                        label: producer,
+                        href: getServiceLink(producer, event),
+                        bgColor: 'green'
+                    })
+                )
+            }),
+            consumers.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_ItemList__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+                title: `Consumers (${consumers.length})`,
+                titleIcon: {
+                    icon: _heroicons_react_outline__WEBPACK_IMPORTED_MODULE_4__.CubeIcon,
+                    className: 'text-indigo-400'
+                },
+                items: consumers.map((consumer)=>({
+                        label: consumer,
+                        href: getServiceLink(consumer, event),
+                        bgColor: 'indigo'
+                    })
+                )
             }),
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: "border-t border-gray-200 py-6 space-y-8",
+            domain && /*#__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_4__.CubeIcon, {
-                                    className: "h-5 w-5 text-indigo-400 inline-block mr-2",
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_heroicons_react_outline__WEBPACK_IMPORTED_MODULE_4__.CollectionIcon, {
+                                    className: "h-5 w-5 text-yellow-400 inline-block mr-2",
                                     "aria-hidden": "true"
                                 }),
-                                "Consumers"
+                                "Domain"
                             ]
                         }),
                         /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("ul", {
                             className: "mt-2 leading-8",
-                            children: consumers.map((consumer)=>/*#__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: `/services/${consumer}`,
-                                        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-indigo-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: consumer
+                            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
+                                            })
+                                        ]
                                     })
-                                }, consumer)
-                            )
+                                })
+                            })
                         })
                     ]
                 })
             }),
             historicVersions.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: "border-t border-gray-200 py-6",
+                className: " py-6",
                 children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                     children: [
                         /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
@@ -285,7 +280,7 @@ function EventSideBar({ event , loadedVersion , isOldVersion  }) {
                                 /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("li", {
                                     className: "text-sm inline ",
                                     children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(next_link__WEBPACK_IMPORTED_MODULE_2__["default"], {
-                                        href: `/events/${eventName}`,
+                                        href: urlPath,
                                         children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("a", {
                                             children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                                                 className: `inline-flex mr-2 items-center px-2.5 py-0.5 rounded-full text-xs font-medium -top-0.5 relative ${loadedVersion === 'latest' ? 'bg-blue-400 text-white shadow-md font-bold underline' : 'bg-blue-100 text-blue-800'}`,
@@ -300,7 +295,7 @@ function EventSideBar({ event , loadedVersion , isOldVersion  }) {
                                     return(/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("li", {
                                         className: "text-sm inline",
                                         children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(next_link__WEBPACK_IMPORTED_MODULE_2__["default"], {
-                                            href: `/events/${eventName}/v/${version}`,
+                                            href: `${urlPath}/v/${version}`,
                                             children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("a", {
                                                 children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", {
                                                     className: `inline-flex mr-2 items-center px-2.5 py-0.5 rounded-full text-xs font-medium -top-0.5 relative  ${styles}`,
@@ -318,49 +313,11 @@ function EventSideBar({ event , loadedVersion , isOldVersion  }) {
                     ]
                 })
             }),
-            owners && owners.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", {
-                    children: [
-                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
-                            className: "text-sm font-medium text-gray-500",
-                            children: "Event Owners"
-                        }),
-                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("ul", {
-                            className: "mt-4 leading-8 space-y-2",
-                            children: owners.map((id)=>{
-                                const user = getUserById(id);
-                                if (!user) return null;
-                                return(/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("li", {
-                                    className: "flex justify-start",
-                                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(next_link__WEBPACK_IMPORTED_MODULE_2__["default"], {
-                                        href: `/users/${id}`,
-                                        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("a", {
-                                            className: "flex items-center space-x-3",
-                                            children: [
-                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                                                    className: "flex-shrink-0",
-                                                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("img", {
-                                                        className: "h-5 w-5 rounded-full",
-                                                        src: user.avatarUrl,
-                                                        alt: ""
-                                                    })
-                                                }),
-                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                                                    className: "text-sm font-medium text-gray-900",
-                                                    children: user.name
-                                                })
-                                            ]
-                                        })
-                                    })
-                                }, id));
-                            })
-                        })
-                    ]
-                })
+            owners.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Owners__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                owners: owners
             }),
             /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                className: "border-t border-gray-200 py-6 space-y-1",
+                className: " py-6 space-y-1",
                 children: [
                     schema && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("a", {
                         href: getSchemaDownloadURL(),
@@ -394,23 +351,9 @@ function EventSideBar({ event , loadedVersion , isOldVersion  }) {
                             })
                         })
                     }),
-                    externalLinks.length > 0 && externalLinks.map((tag)=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("a", {
-                            href: tag.url,
-                            target: "_blank",
-                            type: "button",
-                            className: "hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-teal-300 shadow-sm text-sm font-medium rounded-md text-teal-800 hover:bg-teal-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-teal-200",
-                            rel: "noreferrer",
-                            children: [
-                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_heroicons_react_outline__WEBPACK_IMPORTED_MODULE_4__.ExternalLinkIcon, {
-                                    className: "-ml-1 mr-2 h-5 w-5 text-teal-200",
-                                    "aria-hidden": "true"
-                                }),
-                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
-                                    children: `${tag.label}`
-                                })
-                            ]
-                        }, tag.url)
-                    )
+                    externalLinks.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_ExternalLinks__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
+                        externalLinks: externalLinks
+                    })
                 ]
             })
         ]
@@ -650,7 +593,7 @@ const getComponents = ({ event , schema , examples  })=>({
     })
 ;
 function Events(props) {
-    const { event , markdown , loadedVersion , notFound  } = props;
+    const { event , markdown , loadedVersion , notFound , breadCrumbs , eventPath  } = props;
     const { title  } = (0,_hooks_EventCatalog__WEBPACK_IMPORTED_MODULE_13__/* .useConfig */ .ZR)();
     const { getEditUrl , hasEditUrl  } = (0,_hooks_EventCatalog__WEBPACK_IMPORTED_MODULE_13__/* .useUrl */ .wG)();
     const { name , summary , draft , schema , examples , version  } = event;
@@ -660,18 +603,6 @@ function Events(props) {
         editUrl: hasEditUrl ? getEditUrl(`/events/${name}/index.md`) : ''
     }));
     const { lastModifiedDate  } = markdown;
-    const pages = [
-        {
-            name: 'Events',
-            href: '/events',
-            current: false
-        },
-        {
-            name,
-            href: `/services/${name}`,
-            current: true
-        }, 
-    ];
     const mdxComponents = getComponents({
         event,
         schema,
@@ -692,7 +623,7 @@ function Events(props) {
             }),
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_ContentView__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                 title: name,
-                editUrl: hasEditUrl ? getEditUrl(`/events/${name}/index.md`) : '',
+                editUrl: hasEditUrl ? getEditUrl(`${eventPath}/index.md`) : '',
                 subtitle: summary,
                 draft: draft,
                 lastModifiedDate: lastModifiedDate,
@@ -702,13 +633,14 @@ function Events(props) {
                     }
                 ],
                 breadCrumbs: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_BreadCrumbs__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
-                    pages: pages
+                    pages: breadCrumbs
                 }),
                 isOldVersion: loadedVersion !== 'latest',
-                latestVersionUrl: `/events/${name}`,
+                latestVersionUrl: eventPath,
                 version: loadedVersion,
                 sidebar: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Sidebars_EventSidebar__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                     event: event,
+                    urlPath: eventPath,
                     loadedVersion: loadedVersion,
                     isOldVersion: loadedVersion !== 'latest'
                 }),
@@ -722,10 +654,25 @@ function Events(props) {
 };
 async function getStaticProps({ params  }) {
     try {
-        const { event , markdown  } = await (0,_lib_events__WEBPACK_IMPORTED_MODULE_12__/* .getEventByName */ .Zh)(params.name);
+        const { event , markdown  } = await (0,_lib_events__WEBPACK_IMPORTED_MODULE_12__/* .getEventByName */ .Zh)({
+            eventName: params.name
+        });
         return {
             props: {
                 event,
+                eventPath: `/events/${event.name}`,
+                breadCrumbs: [
+                    {
+                        name: 'Events',
+                        href: '/events',
+                        current: false
+                    },
+                    {
+                        name: event.name,
+                        href: `/events/${event.name}`,
+                        current: true
+                    }, 
+                ],
                 markdown,
                 loadedVersion: 'latest'
             }
@@ -743,7 +690,9 @@ async function getStaticProps({ params  }) {
 }
 async function getStaticPaths() {
     const events = (0,_lib_events__WEBPACK_IMPORTED_MODULE_12__/* .getAllEvents */ .IP)();
-    const paths = events.map((event)=>({
+    const eventsWithoutDomains = events.filter((event)=>!event.domain
+    );
+    const paths = eventsWithoutDomains.map((event)=>({
             params: {
                 name: event.name
             }

package/.next/server/pages/404.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/><meta name="description" content="Discover, Explore and Document your Event Driven Architectures"/><link rel="icon" href="/favicon.ico"/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog"/><meta property="og:description" content="Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><title>404: This page could not be found</title><meta name="next-head-count" content="19"/><link rel="preload" href="/_next/static/css/4a01a08d48b115f7.css" as="style"/><link rel="stylesheet" href="/_next/static/css/4a01a08d48b115f7.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-fb340c369157e229.js" defer=""></script><script src="/_next/static/chunks/framework-576ec6a1c1386453.js" defer=""></script><script src="/_next/static/chunks/main-0015f560a7edeb35.js" defer=""></script><script src="/_next/static/chunks/pages/_app-f1bd719e11eb827e.js" defer=""></script><script src="/_next/static/chunks/pages/_error-5a714c45c50a8db4.js" defer=""></script><script src="/_next/static/jznFKGTbxJsAeYNZE4XtO/_buildManifest.js" defer=""></script><script src="/_next/static/jznFKGTbxJsAeYNZE4XtO/_ssgManifest.js" defer=""></script><script src="/_next/static/jznFKGTbxJsAeYNZE4XtO/_middlewareManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="bg-gray-800"><div class="max-w-7xl mx-auto "><div class="relative flex items-center justify-between h-16"><div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"><div class="flex-shrink-0 flex items-center text-white font-bold"><a class="flex items-center" href="/"><img alt="logo" class="text-white w-8 inline-block mr-3" src="/logo.svg"/><span class="text-xl">EventCatalog</span></a></div></div><div class="hidden sm:block sm:ml-6"><div class="flex space-x-4"><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/events/">Events</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/services/">Services</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/visualiser/">Visualiser</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><div style="color:#000;background:#fff;font-family:-apple-system, BlinkMacSystemFont, Roboto, &quot;Segoe UI&quot;, &quot;Fira Sans&quot;, Avenir, &quot;Helvetica Neue&quot;, &quot;Lucida Grande&quot;, sans-serif;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body { margin: 0 }</style><h1 style="display:inline-block;border-right:1px solid rgba(0, 0, 0,.3);margin:0;margin-right:20px;padding:10px 23px 10px 0;font-size:24px;font-weight:500;vertical-align:top">404</h1><div style="display:inline-block;text-align:left;line-height:49px;height:49px;vertical-align:middle"><h2 style="font-size:14px;font-weight:normal;line-height:inherit;margin:0;padding:0">This page could not be found<!-- -->.</h2></div></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-400">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-400">Services</a></div><div class="px-5 py-2"><a href="/visualiser" class="text-base text-gray-500 hover:text-gray-400">Visualiser</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-400">3D Node Graph</a></div><div class="px-5 py-2"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master" class="text-base text-gray-500 hover:text-gray-400">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2022<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"jznFKGTbxJsAeYNZE4XtO","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
+<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/><meta name="description" content="Discover, Explore and Document your Event Driven Architectures"/><link rel="icon" href="/favicon.ico"/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog"/><meta property="og:description" content="Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><title>404: This page could not be found</title><meta name="next-head-count" content="19"/><link rel="preload" href="/_next/static/css/70ede87da43120f8.css" as="style"/><link rel="stylesheet" href="/_next/static/css/70ede87da43120f8.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-b17b8ef11b94ba66.js" defer=""></script><script src="/_next/static/chunks/framework-576ec6a1c1386453.js" defer=""></script><script src="/_next/static/chunks/main-0015f560a7edeb35.js" defer=""></script><script src="/_next/static/chunks/pages/_app-d88c877888678e85.js" defer=""></script><script src="/_next/static/chunks/pages/_error-5a714c45c50a8db4.js" defer=""></script><script src="/_next/static/sTHntsHUajnk_njFTxiB5/_buildManifest.js" defer=""></script><script src="/_next/static/sTHntsHUajnk_njFTxiB5/_ssgManifest.js" defer=""></script><script src="/_next/static/sTHntsHUajnk_njFTxiB5/_middlewareManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="bg-gray-800"><div class="max-w-7xl mx-auto "><div class="relative flex items-center justify-between h-16"><div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"><div class="flex-shrink-0 flex items-center text-white font-bold"><a class="flex items-center" href="/"><img alt="logo" class="text-white w-8 inline-block mr-3" src="/logo.svg"/><span class="text-xl">EventCatalog</span></a></div></div><div class="hidden sm:block sm:ml-6"><div class="flex space-x-4"><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/events/">Events</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/services/">Services</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/domains/">Domains</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/visualiser/">Visualiser</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><div style="color:#000;background:#fff;font-family:-apple-system, BlinkMacSystemFont, Roboto, &quot;Segoe UI&quot;, &quot;Fira Sans&quot;, Avenir, &quot;Helvetica Neue&quot;, &quot;Lucida Grande&quot;, sans-serif;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body { margin: 0 }</style><h1 style="display:inline-block;border-right:1px solid rgba(0, 0, 0,.3);margin:0;margin-right:20px;padding:10px 23px 10px 0;font-size:24px;font-weight:500;vertical-align:top">404</h1><div style="display:inline-block;text-align:left;line-height:49px;height:49px;vertical-align:middle"><h2 style="font-size:14px;font-weight:normal;line-height:inherit;margin:0;padding:0">This page could not be found<!-- -->.</h2></div></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-400">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-400">Services</a></div><div class="px-5 py-2"><a href="/visualiser" class="text-base text-gray-500 hover:text-gray-400">Visualiser</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-400">3D Node Graph</a></div><div class="px-5 py-2"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master" class="text-base text-gray-500 hover:text-gray-400">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2022<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"sTHntsHUajnk_njFTxiB5","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>

package/.next/server/pages/500.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/><meta name="description" content="Discover, Explore and Document your Event Driven Architectures"/><link rel="icon" href="/favicon.ico"/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog"/><meta property="og:description" content="Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><title>500: Internal Server Error</title><meta name="next-head-count" content="19"/><link rel="preload" href="/_next/static/css/4a01a08d48b115f7.css" as="style"/><link rel="stylesheet" href="/_next/static/css/4a01a08d48b115f7.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-fb340c369157e229.js" defer=""></script><script src="/_next/static/chunks/framework-576ec6a1c1386453.js" defer=""></script><script src="/_next/static/chunks/main-0015f560a7edeb35.js" defer=""></script><script src="/_next/static/chunks/pages/_app-f1bd719e11eb827e.js" defer=""></script><script src="/_next/static/chunks/pages/_error-5a714c45c50a8db4.js" defer=""></script><script src="/_next/static/jznFKGTbxJsAeYNZE4XtO/_buildManifest.js" defer=""></script><script src="/_next/static/jznFKGTbxJsAeYNZE4XtO/_ssgManifest.js" defer=""></script><script src="/_next/static/jznFKGTbxJsAeYNZE4XtO/_middlewareManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="bg-gray-800"><div class="max-w-7xl mx-auto "><div class="relative flex items-center justify-between h-16"><div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"><div class="flex-shrink-0 flex items-center text-white font-bold"><a class="flex items-center" href="/"><img alt="logo" class="text-white w-8 inline-block mr-3" src="/logo.svg"/><span class="text-xl">EventCatalog</span></a></div></div><div class="hidden sm:block sm:ml-6"><div class="flex space-x-4"><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/events/">Events</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/services/">Services</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/visualiser/">Visualiser</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><div style="color:#000;background:#fff;font-family:-apple-system, BlinkMacSystemFont, Roboto, &quot;Segoe UI&quot;, &quot;Fira Sans&quot;, Avenir, &quot;Helvetica Neue&quot;, &quot;Lucida Grande&quot;, sans-serif;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body { margin: 0 }</style><h1 style="display:inline-block;border-right:1px solid rgba(0, 0, 0,.3);margin:0;margin-right:20px;padding:10px 23px 10px 0;font-size:24px;font-weight:500;vertical-align:top">500</h1><div style="display:inline-block;text-align:left;line-height:49px;height:49px;vertical-align:middle"><h2 style="font-size:14px;font-weight:normal;line-height:inherit;margin:0;padding:0">Internal Server Error<!-- -->.</h2></div></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-400">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-400">Services</a></div><div class="px-5 py-2"><a href="/visualiser" class="text-base text-gray-500 hover:text-gray-400">Visualiser</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-400">3D Node Graph</a></div><div class="px-5 py-2"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master" class="text-base text-gray-500 hover:text-gray-400">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2022<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":500}},"page":"/_error","query":{},"buildId":"jznFKGTbxJsAeYNZE4XtO","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
+<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/><meta name="description" content="Discover, Explore and Document your Event Driven Architectures"/><link rel="icon" href="/favicon.ico"/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog"/><meta property="og:description" content="Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><title>500: Internal Server Error</title><meta name="next-head-count" content="19"/><link rel="preload" href="/_next/static/css/70ede87da43120f8.css" as="style"/><link rel="stylesheet" href="/_next/static/css/70ede87da43120f8.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-b17b8ef11b94ba66.js" defer=""></script><script src="/_next/static/chunks/framework-576ec6a1c1386453.js" defer=""></script><script src="/_next/static/chunks/main-0015f560a7edeb35.js" defer=""></script><script src="/_next/static/chunks/pages/_app-d88c877888678e85.js" defer=""></script><script src="/_next/static/chunks/pages/_error-5a714c45c50a8db4.js" defer=""></script><script src="/_next/static/sTHntsHUajnk_njFTxiB5/_buildManifest.js" defer=""></script><script src="/_next/static/sTHntsHUajnk_njFTxiB5/_ssgManifest.js" defer=""></script><script src="/_next/static/sTHntsHUajnk_njFTxiB5/_middlewareManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="bg-gray-800"><div class="max-w-7xl mx-auto "><div class="relative flex items-center justify-between h-16"><div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"><div class="flex-shrink-0 flex items-center text-white font-bold"><a class="flex items-center" href="/"><img alt="logo" class="text-white w-8 inline-block mr-3" src="/logo.svg"/><span class="text-xl">EventCatalog</span></a></div></div><div class="hidden sm:block sm:ml-6"><div class="flex space-x-4"><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/events/">Events</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/services/">Services</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/domains/">Domains</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/visualiser/">Visualiser</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><div style="color:#000;background:#fff;font-family:-apple-system, BlinkMacSystemFont, Roboto, &quot;Segoe UI&quot;, &quot;Fira Sans&quot;, Avenir, &quot;Helvetica Neue&quot;, &quot;Lucida Grande&quot;, sans-serif;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body { margin: 0 }</style><h1 style="display:inline-block;border-right:1px solid rgba(0, 0, 0,.3);margin:0;margin-right:20px;padding:10px 23px 10px 0;font-size:24px;font-weight:500;vertical-align:top">500</h1><div style="display:inline-block;text-align:left;line-height:49px;height:49px;vertical-align:middle"><h2 style="font-size:14px;font-weight:normal;line-height:inherit;margin:0;padding:0">Internal Server Error<!-- -->.</h2></div></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-400">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-400">Services</a></div><div class="px-5 py-2"><a href="/visualiser" class="text-base text-gray-500 hover:text-gray-400">Visualiser</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-400">3D Node Graph</a></div><div class="px-5 py-2"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master" class="text-base text-gray-500 hover:text-gray-400">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2022<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":500}},"page":"/_error","query":{},"buildId":"sTHntsHUajnk_njFTxiB5","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>

package/.next/server/pages/_app.js

@@ -45,6 +45,10 @@ const navigation = [
         name: 'Services',
         href: '/services'
     },
+    {
+        name: 'Domains',
+        href: '/domains'
+    },
     {
         name: 'Visualiser',
         href: '/visualiser'
@@ -118,7 +122,7 @@ function Example() {
                         children: /*#__PURE__*/ jsx_runtime_.jsx("div", {
                             className: "flex space-x-4",
                             children: navigation.map((item)=>{
-                                const current = router.pathname.includes(item.href);
+                                const current = router.pathname === item.href;
                                 return(/*#__PURE__*/ jsx_runtime_.jsx(next_link["default"], {
                                     href: item.href,
                                     children: /*#__PURE__*/ jsx_runtime_.jsx("a", {