npm - @eventcatalog/core - Versions diffs - 0.1.18 → 0.2.1 - Mend

@eventcatalog/core 0.1.18 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (358) hide show

package/out/visualiser/index.html CHANGED Viewed

@@ -1,14 +1,14 @@
-<!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="An open source project to Discover, Explore and Document your Event Driven Architectures."/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:description" content="An open source tool powered by markdown to document your Event Driven Architecture."/><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>EventCatalog - Visualiser</title><meta name="next-head-count" content="18"/><link rel="preload" href="/_next/static/css/6774df2af1f71309.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6774df2af1f71309.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-49abfa9a972ed5a3.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-2ce3055a6b681f1a.js" defer=""></script><script src="/_next/static/chunks/b744740b-229c238b25b9eeac.js" defer=""></script><script src="/_next/static/chunks/519-2ec6fc3cdbaa4dc2.js" defer=""></script><script src="/_next/static/chunks/962-20c87db3880df896.js" defer=""></script><script src="/_next/static/chunks/506-12764fcf4b5d93b0.js" defer=""></script><script src="/_next/static/chunks/109-a08539311d3d6672.js" defer=""></script><script src="/_next/static/chunks/pages/visualiser-e4e3757e74f19df7.js" defer=""></script><script src="/_next/static/KZ2mEdt5MUAVDtbybTBw1/_buildManifest.js" defer=""></script><script src="/_next/static/KZ2mEdt5MUAVDtbybTBw1/_ssgManifest.js" defer=""></script><script src="/_next/static/KZ2mEdt5MUAVDtbybTBw1/_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="bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium" aria-current="page" 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 class="h-screen overflow-hidden"><div class="sm:hidden px-4 py-2 bg-gray-200 border-b border-gray-300"><div class="relative rounded-md shadow-sm"><select class=" block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md"><option>Please select your event or service</option><option value="{&quot;label&quot;:&quot;AddedItemToCart&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;AddedItemToCart&quot;,&quot;version&quot;:&quot;0.0.3&quot;,&quot;summary&quot;:&quot;Holds information about what the user added to their shopping cart.\n&quot;,&quot;producers&quot;:[&quot;Basket Service&quot;],&quot;consumers&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[{&quot;label&quot;:&quot;AsyncAPI Specification&quot;,&quot;url&quot;:&quot;https://studio.asyncapi.com/#schema-lightMeasuredPayload&quot;}],&quot;historicVersions&quot;:[&quot;0.0.2&quot;,&quot;0.0.1&quot;]},&quot;type&quot;:&quot;event&quot;}">Event: <!-- -->AddedItemToCart</option><option value="{&quot;label&quot;:&quot;OrderComplete&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;OrderComplete&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when an order has been complete. (Delivered and finished)\n&quot;,&quot;producers&quot;:[&quot;Orders Service&quot;],&quot;consumers&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},&quot;type&quot;:&quot;event&quot;}">Event: <!-- -->OrderComplete</option><option value="{&quot;label&quot;:&quot;OrderConfirmed&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;OrderConfirmed&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when an order has been confirmed and ready to be processed (shipped for example)\n&quot;,&quot;producers&quot;:[&quot;Orders Service&quot;],&quot;consumers&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},&quot;type&quot;:&quot;event&quot;}">Event: <!-- -->OrderConfirmed</option><option value="{&quot;label&quot;:&quot;OrderRequested&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;OrderRequested&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about the customers order.\n&quot;,&quot;producers&quot;:[&quot;Basket Service&quot;],&quot;consumers&quot;:[&quot;Payment Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},&quot;type&quot;:&quot;event&quot;}">Event: <!-- -->OrderRequested</option><option value="{&quot;label&quot;:&quot;PaymentProcessed&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;PaymentProcessed&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about the payment that has been processed.\n&quot;,&quot;producers&quot;:[&quot;Payment Service&quot;],&quot;consumers&quot;:[&quot;Orders Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},&quot;type&quot;:&quot;event&quot;}">Event: <!-- -->PaymentProcessed</option><option value="{&quot;label&quot;:&quot;RemovedItemFromCart&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;RemovedItemFromCart&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about what the user removed from their cart.\n&quot;,&quot;producers&quot;:[&quot;Basket Service&quot;],&quot;consumers&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},&quot;type&quot;:&quot;event&quot;}">Event: <!-- -->RemovedItemFromCart</option><option value="{&quot;label&quot;:&quot;ShipmentDelivered&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;ShipmentDelivered&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has been delivered and received.\n&quot;,&quot;producers&quot;:[&quot;Shipping Service&quot;],&quot;consumers&quot;:[&quot;Order Service&quot;,&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},&quot;type&quot;:&quot;event&quot;}">Event: <!-- -->ShipmentDelivered</option><option value="{&quot;label&quot;:&quot;ShipmentDispatched&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;ShipmentDispatched&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has been dispatched.\n&quot;,&quot;producers&quot;:[&quot;Shipping Service&quot;],&quot;consumers&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},&quot;type&quot;:&quot;event&quot;}">Event: <!-- -->ShipmentDispatched</option><option value="{&quot;label&quot;:&quot;ShipmentPrepared&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;ShipmentPrepared&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has finished being prepared and is ready to be dispatched.\n&quot;,&quot;producers&quot;:[&quot;Shipping Service&quot;],&quot;consumers&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},&quot;type&quot;:&quot;event&quot;}">Event: <!-- -->ShipmentPrepared</option><option value="{&quot;label&quot;:&quot;Basket Service&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;Basket Service&quot;,&quot;summary&quot;:&quot;CRUD based API to handle Basket interactions for users of the shopping website.\n&quot;,&quot;owners&quot;:[&quot;dboyne&quot;],&quot;repository&quot;:{&quot;language&quot;:&quot;JavaScript&quot;,&quot;url&quot;:&quot;https://github.com/boyney123/pretend-basket-service&quot;},&quot;tags&quot;:[],&quot;externalLinks&quot;:[{&quot;label&quot;:&quot;AsyncAPI Specification&quot;,&quot;url&quot;:&quot;https://studio.asyncapi.com/#schema-lightMeasuredPayload&quot;}],&quot;publishes&quot;:[{&quot;name&quot;:&quot;AddedItemToCart&quot;,&quot;version&quot;:&quot;0.0.3&quot;,&quot;summary&quot;:&quot;Holds information about what the user added to their shopping cart.\n&quot;,&quot;producers&quot;:[&quot;Basket Service&quot;],&quot;consumers&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[{&quot;label&quot;:&quot;AsyncAPI Specification&quot;,&quot;url&quot;:&quot;https://studio.asyncapi.com/#schema-lightMeasuredPayload&quot;}],&quot;historicVersions&quot;:[&quot;0.0.2&quot;,&quot;0.0.1&quot;]},{&quot;name&quot;:&quot;OrderRequested&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about the customers order.\n&quot;,&quot;producers&quot;:[&quot;Basket Service&quot;],&quot;consumers&quot;:[&quot;Payment Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},{&quot;name&quot;:&quot;RemovedItemFromCart&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about what the user removed from their cart.\n&quot;,&quot;producers&quot;:[&quot;Basket Service&quot;],&quot;consumers&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}],&quot;subscribes&quot;:[]},&quot;type&quot;:&quot;service&quot;}">Service: <!-- -->Basket Service</option><option value="{&quot;label&quot;:&quot;Data Lake&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;Data Lake&quot;,&quot;summary&quot;:&quot;Our internal datalake used by the data team and business analytics.\n&quot;,&quot;owners&quot;:[&quot;dboyne&quot;],&quot;repository&quot;:{},&quot;tags&quot;:[],&quot;externalLinks&quot;:[],&quot;publishes&quot;:[],&quot;subscribes&quot;:[{&quot;name&quot;:&quot;AddedItemToCart&quot;,&quot;version&quot;:&quot;0.0.3&quot;,&quot;summary&quot;:&quot;Holds information about what the user added to their shopping cart.\n&quot;,&quot;producers&quot;:[&quot;Basket Service&quot;],&quot;consumers&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[{&quot;label&quot;:&quot;AsyncAPI Specification&quot;,&quot;url&quot;:&quot;https://studio.asyncapi.com/#schema-lightMeasuredPayload&quot;}],&quot;historicVersions&quot;:[&quot;0.0.2&quot;,&quot;0.0.1&quot;]},{&quot;name&quot;:&quot;OrderComplete&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when an order has been complete. (Delivered and finished)\n&quot;,&quot;producers&quot;:[&quot;Orders Service&quot;],&quot;consumers&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},{&quot;name&quot;:&quot;RemovedItemFromCart&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about what the user removed from their cart.\n&quot;,&quot;producers&quot;:[&quot;Basket Service&quot;],&quot;consumers&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},{&quot;name&quot;:&quot;ShipmentDelivered&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has been delivered and received.\n&quot;,&quot;producers&quot;:[&quot;Shipping Service&quot;],&quot;consumers&quot;:[&quot;Order Service&quot;,&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}]},&quot;type&quot;:&quot;service&quot;}">Service: <!-- -->Data Lake</option><option value="{&quot;label&quot;:&quot;Payment Service&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;Payment Service&quot;,&quot;summary&quot;:&quot;Event based application that integrates with Stripe.\n&quot;,&quot;owners&quot;:[&quot;dboyne&quot;],&quot;repository&quot;:{},&quot;tags&quot;:[],&quot;externalLinks&quot;:[],&quot;publishes&quot;:[{&quot;name&quot;:&quot;PaymentProcessed&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about the payment that has been processed.\n&quot;,&quot;producers&quot;:[&quot;Payment Service&quot;],&quot;consumers&quot;:[&quot;Orders Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}],&quot;subscribes&quot;:[{&quot;name&quot;:&quot;OrderRequested&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about the customers order.\n&quot;,&quot;producers&quot;:[&quot;Basket Service&quot;],&quot;consumers&quot;:[&quot;Payment Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}]},&quot;type&quot;:&quot;service&quot;}">Service: <!-- -->Payment Service</option><option value="{&quot;label&quot;:&quot;Shipping Service&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;Shipping Service&quot;,&quot;summary&quot;:&quot;Event based application that handles processing of shipments, preparing them and dispatching them.\n&quot;,&quot;owners&quot;:[&quot;dboyne&quot;],&quot;repository&quot;:{&quot;language&quot;:&quot;JavaScript&quot;,&quot;url&quot;:&quot;https://github.com/boyney123/pretend-shipping-service&quot;},&quot;tags&quot;:[],&quot;externalLinks&quot;:[],&quot;publishes&quot;:[{&quot;name&quot;:&quot;ShipmentDelivered&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has been delivered and received.\n&quot;,&quot;producers&quot;:[&quot;Shipping Service&quot;],&quot;consumers&quot;:[&quot;Order Service&quot;,&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},{&quot;name&quot;:&quot;ShipmentDispatched&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has been dispatched.\n&quot;,&quot;producers&quot;:[&quot;Shipping Service&quot;],&quot;consumers&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},{&quot;name&quot;:&quot;ShipmentPrepared&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has finished being prepared and is ready to be dispatched.\n&quot;,&quot;producers&quot;:[&quot;Shipping Service&quot;],&quot;consumers&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}],&quot;subscribes&quot;:[{&quot;name&quot;:&quot;OrderConfirmed&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when an order has been confirmed and ready to be processed (shipped for example)\n&quot;,&quot;producers&quot;:[&quot;Orders Service&quot;],&quot;consumers&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},{&quot;name&quot;:&quot;ShipmentDispatched&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has been dispatched.\n&quot;,&quot;producers&quot;:[&quot;Shipping Service&quot;],&quot;consumers&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},{&quot;name&quot;:&quot;ShipmentPrepared&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has finished being prepared and is ready to be dispatched.\n&quot;,&quot;producers&quot;:[&quot;Shipping Service&quot;],&quot;consumers&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}]},&quot;type&quot;:&quot;service&quot;}">Service: <!-- -->Shipping Service</option></select></div></div><div class="grid grid-cols-8 xl:grid-cols-6"><div class="hidden sm:block col-span-2 xl:col-span-1 bg-white px-4 h-screen overflow-auto border-r-2 shadow-md border-gray-200 py-3"><div class="border-b border-gray-200 pb-6"><div class="mt-1 relative rounded-md shadow-sm"><div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-5 w-5 text-gray-400"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></div><input type="text" name="event" id="event" placeholder="Find Event or Service" class="focus:ring-gray-500 focus:border-gray-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md"/></div></div><div class="space-y-6"><div><span class="font-bold block py-2">Events <!-- --> <!-- -->(<!-- -->9<!-- -->)</span><ul class="space-y-4 overflow-auto"><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#2e0a58" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">AddedItemToCart</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user added to their shopping cart.
+<!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>EventCatalog - Visualiser</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/b744740b-229c238b25b9eeac.js" defer=""></script><script src="/_next/static/chunks/519-2ec6fc3cdbaa4dc2.js" defer=""></script><script src="/_next/static/chunks/962-17a425b16c23bd0f.js" defer=""></script><script src="/_next/static/chunks/506-12764fcf4b5d93b0.js" defer=""></script><script src="/_next/static/chunks/109-716dea1303010b4f.js" defer=""></script><script src="/_next/static/chunks/pages/visualiser-2fc8224670ac5dff.js" defer=""></script><script src="/_next/static/UitC3v9gRidvUVAvz9F2F/_buildManifest.js" defer=""></script><script src="/_next/static/UitC3v9gRidvUVAvz9F2F/_ssgManifest.js" defer=""></script><script src="/_next/static/UitC3v9gRidvUVAvz9F2F/_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="bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium" aria-current="page" 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 class="h-screen overflow-hidden"><div class="sm:hidden px-4 py-2 bg-gray-200 border-b border-gray-300"><div class="relative rounded-md shadow-sm"><select class=" block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md"><option>Please select your event or service</option><option value="{&quot;label&quot;:&quot;AddedItemToCart&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;AddedItemToCart&quot;,&quot;version&quot;:&quot;0.0.2&quot;,&quot;summary&quot;:&quot;Holds information about what the user added to their shopping cart.\n&quot;,&quot;domain&quot;:&quot;Shopping&quot;,&quot;producerNames&quot;:[&quot;Basket Service&quot;],&quot;consumerNames&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[&quot;0.0.2&quot;,&quot;0.0.1&quot;],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: AddedItemToCart&quot;},&quot;type&quot;:&quot;event&quot;}">Event: AddedItemToCart</option><option value="{&quot;label&quot;:&quot;OrderComplete&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;OrderComplete&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when an order has been complete. (Delivered and finished)\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Orders Service&quot;],&quot;consumerNames&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: OrderComplete&quot;},&quot;type&quot;:&quot;event&quot;}">Event: OrderComplete</option><option value="{&quot;label&quot;:&quot;OrderConfirmed&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;OrderConfirmed&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when an order has been confirmed and ready to be processed (shipped for example)\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Orders Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: OrderConfirmed&quot;},&quot;type&quot;:&quot;event&quot;}">Event: OrderConfirmed</option><option value="{&quot;label&quot;:&quot;OrderRequested&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;OrderRequested&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about the customers order.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Basket Service&quot;],&quot;consumerNames&quot;:[&quot;Payment Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: OrderRequested&quot;},&quot;type&quot;:&quot;event&quot;}">Event: OrderRequested</option><option value="{&quot;label&quot;:&quot;PaymentProcessed&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;PaymentProcessed&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about the payment that has been processed.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Payment Service&quot;],&quot;consumerNames&quot;:[&quot;Orders Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: PaymentProcessed&quot;},&quot;type&quot;:&quot;event&quot;}">Event: PaymentProcessed</option><option value="{&quot;label&quot;:&quot;RemovedItemFromCart&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;RemovedItemFromCart&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about what the user removed from their cart.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Basket Service&quot;],&quot;consumerNames&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: RemovedItemFromCart&quot;},&quot;type&quot;:&quot;event&quot;}">Event: RemovedItemFromCart</option><option value="{&quot;label&quot;:&quot;RemovedItemFromCart&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;RemovedItemFromCart&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about what the user removed from their cart.\n&quot;,&quot;domain&quot;:&quot;Shopping&quot;,&quot;producerNames&quot;:[&quot;Basket Service&quot;],&quot;consumerNames&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: RemovedItemFromCart&quot;},&quot;type&quot;:&quot;event&quot;}">Event: RemovedItemFromCart</option><option value="{&quot;label&quot;:&quot;ShipmentDelivered&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;ShipmentDelivered&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has been delivered and received.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Order Service&quot;,&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: ShipmentDelivered&quot;},&quot;type&quot;:&quot;event&quot;}">Event: ShipmentDelivered</option><option value="{&quot;label&quot;:&quot;ShipmentDispatched&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;ShipmentDispatched&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has been dispatched.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: ShipmentDispatched&quot;},&quot;type&quot;:&quot;event&quot;}">Event: ShipmentDispatched</option><option value="{&quot;label&quot;:&quot;ShipmentPrepared&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;ShipmentPrepared&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has finished being prepared and is ready to be dispatched.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: ShipmentPrepared&quot;},&quot;type&quot;:&quot;event&quot;}">Event: ShipmentPrepared</option><option value="{&quot;label&quot;:&quot;Payment Service&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;Payment Service&quot;,&quot;summary&quot;:&quot;Event based application that integrates with Stripe.\n&quot;,&quot;domain&quot;:null,&quot;owners&quot;:[&quot;dboyne&quot;],&quot;repository&quot;:{},&quot;tags&quot;:[],&quot;externalLinks&quot;:[],&quot;publishes&quot;:[{&quot;name&quot;:&quot;PaymentProcessed&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about the payment that has been processed.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Payment Service&quot;],&quot;consumerNames&quot;:[&quot;Orders Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}],&quot;subscribes&quot;:[{&quot;name&quot;:&quot;OrderRequested&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about the customers order.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Basket Service&quot;],&quot;consumerNames&quot;:[&quot;Payment Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}],&quot;type&quot;:&quot;service&quot;,&quot;label&quot;:&quot;Service: Payment Service&quot;},&quot;type&quot;:&quot;service&quot;}">Service: Payment Service</option><option value="{&quot;label&quot;:&quot;Shipping Service&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;Shipping Service&quot;,&quot;summary&quot;:&quot;Event based application that handles processing of shipments, preparing them and dispatching them.\n&quot;,&quot;domain&quot;:null,&quot;owners&quot;:[&quot;dboyne&quot;],&quot;repository&quot;:{&quot;language&quot;:&quot;JavaScript&quot;,&quot;url&quot;:&quot;https://github.com/boyney123/pretend-shipping-service&quot;},&quot;tags&quot;:[],&quot;externalLinks&quot;:[],&quot;publishes&quot;:[{&quot;name&quot;:&quot;ShipmentDelivered&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has been delivered and received.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Order Service&quot;,&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},{&quot;name&quot;:&quot;ShipmentDispatched&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has been dispatched.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},{&quot;name&quot;:&quot;ShipmentPrepared&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has finished being prepared and is ready to be dispatched.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}],&quot;subscribes&quot;:[{&quot;name&quot;:&quot;OrderConfirmed&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when an order has been confirmed and ready to be processed (shipped for example)\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Orders Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},{&quot;name&quot;:&quot;ShipmentDispatched&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has been dispatched.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},{&quot;name&quot;:&quot;ShipmentPrepared&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has finished being prepared and is ready to be dispatched.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}],&quot;type&quot;:&quot;service&quot;,&quot;label&quot;:&quot;Service: Shipping Service&quot;},&quot;type&quot;:&quot;service&quot;}">Service: Shipping Service</option><option value="{&quot;label&quot;:&quot;Shopping&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;Shopping&quot;,&quot;summary&quot;:&quot;Domain for everything shopping\n&quot;,&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;tags&quot;:[],&quot;externalLinks&quot;:[],&quot;events&quot;:[{&quot;name&quot;:&quot;AddedItemToCart&quot;,&quot;version&quot;:&quot;0.0.2&quot;,&quot;summary&quot;:&quot;Holds information about what the user added to their shopping cart.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Basket Service&quot;],&quot;consumerNames&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[&quot;0.0.2&quot;,&quot;0.0.1&quot;]},{&quot;name&quot;:&quot;RemovedItemFromCart&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about what the user removed from their cart.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Basket Service&quot;],&quot;consumerNames&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}],&quot;services&quot;:[],&quot;type&quot;:&quot;domain&quot;,&quot;label&quot;:&quot;Domain: Shopping&quot;},&quot;type&quot;:&quot;domain&quot;}">Domain: Shopping</option></select></div></div><div class="grid grid-cols-8 xl:grid-cols-6"><div class="hidden sm:block col-span-2 xl:col-span-1 bg-white px-4 h-screen overflow-auto border-r-2 shadow-md border-gray-200 py-3"><div class="border-b border-gray-200 pb-6"><div class="mt-1 relative rounded-md shadow-sm"><div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-5 w-5 text-gray-400"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></div><input type="text" name="event" id="event" placeholder="Find Event, Service or Domain" class="focus:ring-gray-500 focus:border-gray-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md"/></div></div><div class="space-y-6"><div><span class="font-bold block py-2">Domains<!-- --> <!-- --> <!-- -->(<!-- -->1<!-- -->)</span><ul class="space-y-4 overflow-auto"><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#885552" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">Shopping</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Domain for everything shopping
+</div></div></div></button></li></ul></div><div><span class="font-bold block py-2">Events<!-- --> <!-- --> <!-- -->(<!-- -->10<!-- -->)</span><ul class="space-y-4 overflow-auto"><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#2e0a58" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">AddedItemToCart</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user added to their shopping cart.
 </div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#871e73" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">OrderComplete</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Event represents when an order has been complete. (Delivered and finished)
 </div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#d1ffa1" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">OrderConfirmed</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Event represents when an order has been confirmed and ready to be processed (shipped for example)
 </div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#e053ec" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">OrderRequested</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Holds information about the customers order.
 </div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#08642a" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">PaymentProcessed</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Holds information about the payment that has been processed.
 </div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#7de28e" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">RemovedItemFromCart</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user removed from their cart.
+</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#7de28e" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">RemovedItemFromCart</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user removed from their cart.
 </div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#ea7bc8" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">ShipmentDelivered</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has been delivered and received.
 </div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#f36bc3" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">ShipmentDispatched</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has been dispatched.
 </div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#1774bd" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">ShipmentPrepared</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has finished being prepared and is ready to be dispatched.
-</div></div></div></button></li></ul></div><div><span class="font-bold block py-2">Services <!-- --> <!-- -->(<!-- -->4<!-- -->)</span><ul class="space-y-4 overflow-auto"><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#5b5ad5" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">Basket Service</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">CRUD based API to handle Basket interactions for users of the shopping website.
-</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#45603f" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">Data Lake</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Our internal datalake used by the data team and business analytics.
-</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#5b7e99" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">Payment Service</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Event based application that integrates with Stripe.
+</div></div></div></button></li></ul></div><div><span class="font-bold block py-2">Services<!-- --> <!-- --> <!-- -->(<!-- -->2<!-- -->)</span><ul class="space-y-4 overflow-auto"><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#5b7e99" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">Payment Service</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Event based application that integrates with Stripe.
 </div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#438ef7" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">Shipping Service</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Event based application that handles processing of shipments, preparing them and dispatching them.
-</div></div></div></button></li></ul></div></div></div><div class="bg-gray-200 h-screen col-span-12 sm:col-span-6 xl:col-span-5"></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":{"events":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","producers":["Orders Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","producers":["Orders Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"services":[{"name":"Basket Service","summary":"CRUD based API to handle Basket interactions for users of the shopping website.\n","owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-basket-service"},"tags":[],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"publishes":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[]},{"name":"Data Lake","summary":"Our internal datalake used by the data team and business analytics.\n","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[],"subscribes":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","producers":["Orders Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},{"name":"Payment Service","summary":"Event based application that integrates with Stripe.\n","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},{"name":"Shipping Service","summary":"Event based application that handles processing of shipments, preparing them and dispatching them.\n","owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-shipping-service"},"tags":[],"externalLinks":[],"publishes":[{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","producers":["Orders Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]}]},"__N_SSG":true},"page":"/visualiser","query":{},"buildId":"KZ2mEdt5MUAVDtbybTBw1","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
+</div></div></div></button></li></ul></div></div></div><div class="bg-gray-200 h-screen col-span-12 sm:col-span-6 xl:col-span-5"></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":{"events":[{"name":"AddedItemToCart","version":"0.0.2","summary":"Holds information about what the user added to their shopping cart.\n","domain":"Shopping","producerNames":["Basket Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","domain":null,"producerNames":["Orders Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","domain":null,"producerNames":["Orders Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","domain":null,"producerNames":["Basket Service"],"consumerNames":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","domain":null,"producerNames":["Payment Service"],"consumerNames":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","domain":null,"producerNames":["Basket Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","domain":"Shopping","producerNames":["Basket Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"services":[{"name":"Payment Service","summary":"Event based application that integrates with Stripe.\n","domain":null,"owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","domain":null,"producerNames":["Payment Service"],"consumerNames":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","domain":null,"producerNames":["Basket Service"],"consumerNames":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},{"name":"Shipping Service","summary":"Event based application that handles processing of shipments, preparing them and dispatching them.\n","domain":null,"owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-shipping-service"},"tags":[],"externalLinks":[],"publishes":[{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","domain":null,"producerNames":["Orders Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]}],"domains":[{"name":"Shopping","summary":"Domain for everything shopping\n","owners":["dboyne","mSmith"],"tags":[],"externalLinks":[],"events":[{"name":"AddedItemToCart","version":"0.0.2","summary":"Holds information about what the user added to their shopping cart.\n","domain":null,"producerNames":["Basket Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":["0.0.2","0.0.1"]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","domain":null,"producerNames":["Basket Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"services":[]}]},"__N_SSG":true},"page":"/visualiser","query":{},"buildId":"UitC3v9gRidvUVAvz9F2F","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@eventcatalog/core",
-  "version": "0.1.18",
+  "version": "0.2.1",
   "publishConfig": {
     "access": "public"
   },
@@ -44,7 +44,7 @@
     "react-syntax-highlighter": "^15.4.5"
   },
   "devDependencies": {
-    "@eventcatalog/types": "0.0.4",
+    "@eventcatalog/types": "0.1.0",
     "@types/react": "^17.0.36",
     "autoprefixer": "^10.4.0",
     "commander": "^8.3.0",

package/pages/_app.tsx CHANGED Viewed

@@ -1,42 +1,64 @@
 import '../styles/globals.css';
 import { AppProps } from 'next/app';
 import Head from 'next/head';
+import getConfig from 'next/config';
+import { OpenGraphConfig } from '@eventcatalog/types';
 import Header from '@/components/Header';
 import Footer from '@/components/Footer';
-import { EventCatalogContextProvider } from '@/hooks/EventCatalog';
-export default ({ Component, pageProps }: AppProps) => (
-  <EventCatalogContextProvider>
-    <Head>
-      <title>EventCatalog</title>
-      <script src="//unpkg.com/three" />
-      <script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js" />
-      <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" />
-      <meta
-        name="description"
-        content="An open source project to Discover, Explore and Document your Event Driven Architectures."
-      />
-      <meta property="og:url" content="https://eventcatalog.dev/" />
-      <meta property="og:type" content="website" />
-      <meta property="og:title" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures." />
-      <meta
-        property="og:description"
-        content="An open source tool powered by markdown to document your Event Driven Architecture."
-      />
-      <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" />
-      {/* Need to load this before any of the Html2Diff Code */}
-      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css" />
-    </Head>
-    <Header />
-    <Component {...pageProps} />
-    <Footer />
-  </EventCatalogContextProvider>
-);
+import { EventCatalogContextProvider, useConfig } from '@/hooks/EventCatalog';
+function Page({ Component, pageProps }: AppProps) {
+  const {
+    title = 'EventCatalog | Discover, Explore and Document your Event Driven Architectures.',
+    tagline = 'An open source tool powered by markdown to document your Event Driven Architecture.',
+    homepageLink = 'https://eventcatalog.dev/',
+    openGraph = {},
+  } = useConfig();
+  const { publicRuntimeConfig: { basePath = '' } = {} } = getConfig();
+  const {
+    ogTitle = title,
+    ogDescription = tagline,
+    ogImage = 'https://eventcatalog.dev/img/opengraph.png',
+    ogUrl = homepageLink,
+  } = openGraph as OpenGraphConfig;
+  return (
+    <EventCatalogContextProvider>
+      <Head>
+        <title>{title}</title>
+        <script src="//unpkg.com/three" />
+        <script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js" />
+        <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" />
+        <meta name="description" content={tagline} />
+        <link rel="icon" href={`${basePath}/favicon.ico`} />
+        {ogUrl && ogUrl !== '' && <meta property="og:url" content={ogUrl} />}
+        <meta property="og:type" content="website" />
+        {ogTitle && <meta property="og:title" content={ogTitle} />}
+        {ogDescription && <meta property="og:description" content={ogDescription} />}
+        {ogImage && (
+          <>
+            <meta property="og:image" content={ogImage} />
+            <meta property="og:image:alt" content={`${ogTitle} | ${ogDescription}`} />
+            <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" />
+        {/* Need to load this before any of the Html2Diff Code */}
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css" />
+      </Head>
+      <Header />
+      <Component {...pageProps} />
+      <Footer />
+    </EventCatalogContextProvider>
+  );
+}
+export default Page;

package/pages/domains/[domain]/events/[name]/logs.tsx ADDED Viewed

@@ -0,0 +1,29 @@
+import LogPage from '../../../../events/[name]/logs';
+import { getLogsForEvent, getEventByName } from '@/lib/events';
+import { getAllEventsFromDomains } from '@/lib/domains';
+export default LogPage;
+export const getStaticProps = async ({ params }) => {
+  const { name: eventName, domain } = params;
+  const history = await getLogsForEvent({ eventName, domain });
+  const { event: { version } = {} } = await getEventByName({ eventName, domain });
+  return {
+    props: {
+      changes: history,
+      name: eventName,
+      currentVersion: version,
+    },
+  };
+};
+export async function getStaticPaths() {
+  const events = getAllEventsFromDomains();
+  const paths = events.map((event) => ({ params: { name: event.name, domain: event.domain } }));
+  return {
+    paths,
+    fallback: false,
+  };
+}

package/pages/domains/[domain]/events/[name]/v/[version].tsx ADDED Viewed

@@ -0,0 +1,39 @@
+import { getEventByName, getAllEventsAndVersionsFlattened } from '@/lib/events';
+import EventPage from '../../[name]';
+export default EventPage;
+export async function getStaticProps({ params }) {
+  const { name: eventName, version, domain } = params;
+  const { event, markdown } = await getEventByName({ eventName, version, domain });
+  return {
+    props: {
+      event,
+      markdown,
+      eventPath: `/domains/${event.domain}/events/${event.name}`,
+      breadCrumbs: [
+        { name: 'Domain', href: '/events', 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: false },
+        { name: `v${version}`, href: `/domains/${event.domain}/events/${event.name}/v/${version}`, current: true },
+      ],
+      loadedVersion: version,
+    },
+  };
+}
+export async function getStaticPaths() {
+  const allEventsAndVersions = getAllEventsAndVersionsFlattened();
+  const eventsWithDomains = allEventsAndVersions.filter((item) => !!item.domain);
+  const paths = eventsWithDomains.map(({ eventName, version, domain = '' }: any) => ({
+    params: { name: eventName, version, domain },
+  }));
+  return {
+    paths,
+    fallback: false,
+  };
+}

package/pages/domains/[domain]/events/[name].tsx ADDED Viewed

@@ -0,0 +1,46 @@
+import { getEventByName } from '@/lib/events';
+import { getAllEventsFromDomains } from '@/lib/domains';
+import EventsPage from '../../../events/[name]';
+export default EventsPage;
+export async function getStaticProps({ params }) {
+  try {
+    const { event, markdown } = await getEventByName({
+      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 },
+      },
+    };
+  }
+}
+export async function getStaticPaths() {
+  const events = getAllEventsFromDomains();
+  const paths = events.map((event) => ({ params: { name: event.name, domain: event.domain } }));
+  return {
+    paths,
+    fallback: false,
+  };
+}

package/pages/domains/[domain]/index.tsx ADDED Viewed

@@ -0,0 +1,138 @@
+import Head from 'next/head';
+import { MDXRemote } from 'next-mdx-remote';
+import { Domain } from '@eventcatalog/types';
+import ContentView from '@/components/ContentView';
+import { getDomainByName } from '@/lib/domains';
+import Admonition from '@/components/Mdx/Admonition';
+import DomainSideBar from '@/components/Sidebars/DomainSidebar';
+import BreadCrumbs from '@/components/BreadCrumbs';
+import NotFound from '@/components/NotFound';
+import { useConfig, useUrl } from '@/hooks/EventCatalog';
+import getBackgroundColor from '@/utils/random-bg';
+import { MarkdownFile } from '@/types/index';
+import NodeGraph from '@/components/Mdx/NodeGraph/NodeGraph';
+interface DomainsPageProps {
+  domain: Domain;
+  markdown: MarkdownFile;
+  notFound?: boolean;
+}
+const getComponents = (domain: Domain) => ({
+  Admonition,
+  NodeGraph: ({
+    title,
+    maxHeight,
+    maxZoom,
+    fitView,
+    zoomOnScroll,
+    isAnimated,
+    isDraggable,
+  }: // isHorizontal,
+  {
+    title?: string;
+    maxHeight?: number;
+    maxZoom?: number;
+    fitView?: boolean;
+    zoomOnScroll?: boolean;
+    isAnimated?: boolean;
+    isDraggable?: boolean;
+    // isHorizontal?: boolean;
+  }) => (
+    <div className="mx-auto w-full">
+      {title && <h2 className="text-lg font-medium text-gray-900 underline">{title}</h2>}
+      <NodeGraph
+        source="domain"
+        data={domain}
+        rootNodeColor={getBackgroundColor(domain.name)}
+        maxHeight={maxHeight}
+        maxZoom={maxZoom}
+        fitView={fitView}
+        zoomOnScroll={zoomOnScroll}
+        isAnimated={isAnimated}
+        isDraggable={isDraggable}
+        // isHorizontal={isHorizontal}
+      />
+    </div>
+  ),
+});
+export default function Domains(props: DomainsPageProps) {
+  const { domain, markdown, notFound } = props;
+  const { title } = useConfig();
+  const { getEditUrl, hasEditUrl } = useUrl();
+  if (notFound)
+    return (
+      // TODO: Allow domain not found
+      <NotFound type="service" name={domain.name} editUrl={hasEditUrl ? getEditUrl(`/domains/${domain.name}/index.md`) : ''} />
+    );
+  const { name, summary } = domain;
+  const { lastModifiedDate } = markdown;
+  const mdxComponents = getComponents(domain);
+  const pages = [
+    { name: 'Domains', href: '/domains', current: false },
+    { name, href: `/domains/${name}`, current: true },
+  ];
+  return (
+    <>
+      <Head>
+        <title>
+          {title} - {name}
+        </title>
+      </Head>
+      <ContentView
+        title={name}
+        editUrl={hasEditUrl ? getEditUrl(`/domains/${name}/index.md`) : ''}
+        subtitle={summary}
+        lastModifiedDate={lastModifiedDate}
+        breadCrumbs={<BreadCrumbs pages={pages} homePath="/domains" />}
+        sidebar={<DomainSideBar domain={domain} />}
+      >
+        {/* @ts-ignore */}
+        <MDXRemote {...markdown.source} components={mdxComponents} />
+      </ContentView>
+    </>
+  );
+}
+export async function getStaticProps({ params }) {
+  try {
+    const { domain, markdown } = await getDomainByName({ domainName: params.domain });
+    return {
+      props: {
+        domain,
+        markdown,
+      },
+    };
+  } catch (error) {
+    return {
+      props: {
+        notFound: true,
+        service: { name: params.name },
+      },
+    };
+  }
+}
+export async function getStaticPaths() {
+  // Get all Domains....
+  const domains = [{ name: 'Shopping', events: [], owners: [], services: [] }];
+  // const services = getAllServices();
+  const paths = domains.map((domain) => ({ params: { domain: domain.name } }));
+  return {
+    paths,
+    fallback: false,
+  };
+}