npm - @eventcatalog/core - Versions diffs - 0.2.7 → 0.2.8 - Mend

@eventcatalog/core 0.2.7 → 0.2.8

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 (150) hide show

package/out/visualiser/index.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><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"/><title>EventCatalog - Visualiser</title><meta name="next-head-count" content="15"/><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"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><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-7adfcbd8c9cf8b5d.js" defer=""></script><script src="/_next/static/chunks/framework-d23f68ad701fe0b2.js" defer=""></script><script src="/_next/static/chunks/main-b9941e28536fdc23.js" defer=""></script><script src="/_next/static/chunks/pages/_app-2e37f6bdeff8f48f.js" defer=""></script><script src="/_next/static/chunks/b744740b-32af777c67e2c3ff.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-68ae644af2659950.js" defer=""></script><script src="/_next/static/chunks/109-c7517eb568876b36.js" defer=""></script><script src="/_next/static/chunks/pages/visualiser-249f35d81fbd72e6.js" defer=""></script><script src="/_next/static/zBZQzifddapIzeKavm45C/_buildManifest.js" defer=""></script><script src="/_next/static/zBZQzifddapIzeKavm45C/_ssgManifest.js" defer=""></script><script src="/_next/static/zBZQzifddapIzeKavm45C/_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;:&quot;Orders&quot;,&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;:&quot;Orders&quot;,&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;:&quot;Orders&quot;,&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;:&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;Orders Service&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;Orders Service&quot;,&quot;summary&quot;:&quot;Service that handles customer orders\n&quot;,&quot;domain&quot;:&quot;Orders&quot;,&quot;owners&quot;:[&quot;dboyne&quot;],&quot;repository&quot;:{},&quot;tags&quot;:[],&quot;externalLinks&quot;:[],&quot;publishes&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;:&quot;Orders&quot;,&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;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;:&quot;Orders&quot;,&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;subscribes&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;service&quot;,&quot;label&quot;:&quot;Service: Orders Service&quot;},&quot;type&quot;:&quot;service&quot;}">Service: Orders Service</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;:&quot;Orders&quot;,&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;:&quot;Orders&quot;,&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;Orders&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;Orders&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;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;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;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;services&quot;:[{&quot;name&quot;:&quot;Orders Service&quot;,&quot;summary&quot;:&quot;Service that handles customer orders\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;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;:&quot;Orders&quot;,&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;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;:&quot;Orders&quot;,&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;subscribes&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;domain&quot;,&quot;label&quot;:&quot;Domain: Orders&quot;},&quot;type&quot;:&quot;domain&quot;}">Domain: Orders</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<!-- --> <!-- --> <!-- -->(<!-- -->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:#054f44" 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">Orders</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Domain for everything shopping
+<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><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"/><title>EventCatalog - Visualiser</title><meta name="next-head-count" content="15"/><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"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><link rel="preload" href="/_next/static/css/0a26a4437a9215b6.css" as="style"/><link rel="stylesheet" href="/_next/static/css/0a26a4437a9215b6.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-e5e3b0fb197a3a00.js" defer=""></script><script src="/_next/static/chunks/framework-d23f68ad701fe0b2.js" defer=""></script><script src="/_next/static/chunks/main-b9941e28536fdc23.js" defer=""></script><script src="/_next/static/chunks/pages/_app-2e37f6bdeff8f48f.js" defer=""></script><script src="/_next/static/chunks/b744740b-594b36f2f589c271.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-68ae644af2659950.js" defer=""></script><script src="/_next/static/chunks/109-d73be14eba8537e1.js" defer=""></script><script src="/_next/static/chunks/pages/visualiser-5ba1bdaa135986ba.js" defer=""></script><script src="/_next/static/TyltMt8WoQrXvlgzfYCko/_buildManifest.js" defer=""></script><script src="/_next/static/TyltMt8WoQrXvlgzfYCko/_ssgManifest.js" defer=""></script><script src="/_next/static/TyltMt8WoQrXvlgzfYCko/_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;:&quot;Orders&quot;,&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;:&quot;Orders&quot;,&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;:&quot;Orders&quot;,&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;:&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;Orders Service&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;Orders Service&quot;,&quot;summary&quot;:&quot;Service that handles customer orders\n&quot;,&quot;domain&quot;:&quot;Orders&quot;,&quot;owners&quot;:[&quot;dboyne&quot;],&quot;repository&quot;:{},&quot;tags&quot;:[],&quot;externalLinks&quot;:[],&quot;publishes&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;:&quot;Orders&quot;,&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;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;:&quot;Orders&quot;,&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;subscribes&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;service&quot;,&quot;label&quot;:&quot;Service: Orders Service&quot;},&quot;type&quot;:&quot;service&quot;}">Service: Orders Service</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;:&quot;Orders&quot;,&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;:&quot;Orders&quot;,&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;Orders&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;Orders&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;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;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;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;services&quot;:[{&quot;name&quot;:&quot;Orders Service&quot;,&quot;summary&quot;:&quot;Service that handles customer orders\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;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;:&quot;Orders&quot;,&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;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;:&quot;Orders&quot;,&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;subscribes&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;domain&quot;,&quot;label&quot;:&quot;Domain: Orders&quot;},&quot;type&quot;:&quot;domain&quot;}">Domain: Orders</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 class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border"><div class="bg-blue-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">All Events and Services</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Diagram that shows all your events and services in one place</div></div></div></button></div><div><span class="font-bold block py-2">Domains<!-- --> <!-- --> <!-- -->(<!-- -->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:#054f44" 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">Orders</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Domain for everything shopping
 </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:#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<!-- --> <!-- --> <!-- -->(<!-- -->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.
 </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)
@@ -12,4 +12,4 @@
 </div></div></div></button></li></ul></div><div><span class="font-bold block py-2">Services<!-- --> <!-- --> <!-- -->(<!-- -->3<!-- -->)</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:#7a747d" 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">Orders Service</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Service that handles customer orders
 </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><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.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":"Orders","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":"Orders","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":"Orders","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":"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":"Orders Service","summary":"Service that handles customer orders\n","domain":"Orders","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","domain":"Orders","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":"Orders","producerNames":["Orders Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"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":"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":"Orders","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":"Orders","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":"Orders","summary":"Domain for everything shopping\n","owners":["dboyne","mSmith"],"tags":[],"externalLinks":[],"events":[{"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":[]}],"services":[{"name":"Orders Service","summary":"Service that handles customer orders\n","domain":null,"owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","domain":"Orders","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":"Orders","producerNames":["Orders Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"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":"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":"zBZQzifddapIzeKavm45C","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":"Orders","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":"Orders","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":"Orders","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":"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":"Orders Service","summary":"Service that handles customer orders\n","domain":"Orders","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","domain":"Orders","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":"Orders","producerNames":["Orders Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"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":"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":"Orders","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":"Orders","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":"Orders","summary":"Domain for everything shopping\n","owners":["dboyne","mSmith"],"tags":[],"externalLinks":[],"events":[{"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":[]}],"services":[{"name":"Orders Service","summary":"Service that handles customer orders\n","domain":null,"owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","domain":"Orders","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":"Orders","producerNames":["Orders Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"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":"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":"TyltMt8WoQrXvlgzfYCko","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@eventcatalog/core",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "publishConfig": {
     "access": "public"
   },

package/pages/visualiser.tsx CHANGED Viewed

@@ -52,6 +52,15 @@ function Graph({ events, services, domains }: PageProps) {
     setSelectedRootNode({ label: data.name, data, type: dataType });
   };
+  const handleAllEventsAndServicesSelection = () => {
+    router.push({ query: `type=all&name=AllEventsAndServices` });
+    setSelectedRootNode({
+      label: 'All Events and Services',
+      data: { name: 'All Events and Services', events, services },
+      type: 'all',
+    });
+  };
   const searchOnChange = useCallback(
     debounce((e) => {
       setSearchFilter(e.target.value);
@@ -90,6 +99,15 @@ function Graph({ events, services, domains }: PageProps) {
       return;
     }
+    if (type === 'all') {
+      setSelectedRootNode({
+        label: 'All Events and Services',
+        data: { name: 'All Events and Services', events, services },
+        type: 'all',
+      });
+      return;
+    }
     const dataByType = { event: events, service: services, domain: domains };
     const match = dataByType[type.toString()].find((item) => item.name === name);
     const newSelectedItem = match ? { label: match.name, type, data: match } : initialSelectedRootNode;
@@ -109,7 +127,9 @@ function Graph({ events, services, domains }: PageProps) {
           >
             <option>Please select your event or service</option>
             {dropdownValues.map((item) => (
-              <option value={JSON.stringify({ label: item.name, data: item, type: item.type })}>{item.label}</option>
+              <option key={item.name} value={JSON.stringify({ label: item.name, data: item, type: item.type })}>
+                {item.label}
+              </option>
             ))}
           </select>
         </div>
@@ -133,8 +153,38 @@ function Graph({ events, services, domains }: PageProps) {
           </div>
           <div className="space-y-6">
+            <div className="flex">
+              <button
+                type="button"
+                className="flex shadow-sm rounded-md w-full text-left border"
+                onClick={() => handleAllEventsAndServicesSelection()}
+              >
+                <div
+                  className={classNames(
+                    'bg-blue-500',
+                    'flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md'
+                  )}
+                />
+                <div
+                  className={`w-full rounded-r-md border-t border-r border-b ${
+                    selectedRootNode?.type === 'all' ? 'bg-green-50' : 'bg-white'
+                  }`}
+                >
+                  <div className="p-4 text-sm space-y-2 flex flex-col justify-between h-full">
+                    <div className="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">
+                      All Events and Services
+                    </div>
+                    <div className="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">
+                      Diagram that shows all your events and services in one place
+                    </div>
+                  </div>
+                </div>
+              </button>
+            </div>
             {navItems.map((navItem: any) => (
               <SelectionGroup
+                key={navItem.title}
                 title={navItem.title}
                 filterBy={searchFilter}
                 data={navItem.data}
@@ -197,7 +247,7 @@ function SelectionGroup({ title, data, currentSelectedItem, onClick, filterBy, t
       <ul className="space-y-4 overflow-auto">
         {data.map((item) => {
           const isSelected = currentSelectedItem ? currentSelectedItem.label === item.name : false;
-          const itemKey = hasDomain(item) ? `${item.domain}-${item.name}` : item.name;
+          const itemKey = hasDomain(item) ? `${item.domain}-${item.name}}` : item.name;
           return (
             <ListItem

package/.next/static/chunks/109-c7517eb568876b36.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[109],{78484:function(e,t,n){n.d(t,{Z:function(){return E}});var r=n(52322),a=n(2784),o=n(39097),i=n(54064),l=n(70314),c=n(17962),u=n(61519);var s=function(e){var t=e.type,n=e.label,a="event"===t?u.bV6:c.QTo;return(0,r.jsxs)("div",{children:[(0,r.jsx)(a,{className:"h-3 w-3 text-gray-700 inline-block mr-1 -mt-0.5"}),(0,r.jsx)("span",{className:"text-gray-700",children:n})]})};function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"===typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){p(e,t,n[t])}))}return e}function m(e){return function(e){if(Array.isArray(e))return d(e)}(e)||function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"===typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var b=(0,l.default)().publicRuntimeConfig,h=(void 0===b?{}:b).basePath,v=void 0===h?"":h,g=function(e){return 8*e.length>150?8*e.length:150},y=function(e){var t=e.id,n=e.target,r=e.source,a=e.label,o=e.isAnimated,l=void 0===o||o;return{id:t,target:n,source:r,type:"smoothstep",arrowHeadType:i.f8.ArrowClosed,animated:l,label:a,labelBgPadding:[8,4],labelBgBorderRadius:4,labelStyle:{fontSize:"6px"},labelBgStyle:{fill:"white",color:"#fff",fillOpacity:.5}}},x=function(e){var t=e.name,n=e.label,r=e.type,a=e.maxWidth,o=g(n),i=function(e,t){return""!==v?"".concat(v,"/").concat(t,"/").concat(e):"/".concat(t,"/").concat(e)}(t,"service"===r?"services":"events");return{label:n,link:i,width:o,maxWidth:a}},w=function(e){var t=e.type,n=e.label;return e.includeIcon?(0,r.jsx)(s,{type:t,label:n}):n},j=function(e){var t,n,r=e.name,a=e.producerNames,o=e.consumerNames,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"#2563eb",l=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],c=arguments.length>3&&void 0!==arguments[3]&&arguments[3],u=arguments.length>4&&void 0!==arguments[4]&&arguments[4],s={x:0,y:0},d="#818cf8",p="#75d7b6",b={fontSize:u?"8px":"auto"},h=a.map((function(e){return g(e)})),v=(t=Math).max.apply(t,m(h)),j=o.map((function(e){return g(e)})),_=(n=Math).max.apply(n,m(j)),A="ev-".concat(r.replace(/ /g,"_")),S=g(r),N=a.map((function(e){return{label:e,id:"pr-".concat(e.replace(/ /g,"_"))}})),O=o.map((function(e){return{label:e,id:"co-".concat(e.replace(/ /g,"_"))}})),k=N.map((function(e){var t=e.label,n=e.id,r=g(t),a=v-r,o=0!==a?r-a:v,i=w({type:"service",label:t,includeIcon:u});return{id:n,data:x({name:t,label:i,type:"service",maxWidth:o}),style:f({border:"2px solid ".concat(p),width:r},b),type:"input",position:s}})),I=O.map((function(e){var t=e.id,n=e.label,r=g(n),a=w({type:"service",label:n,includeIcon:u});return{id:t,data:x({name:n,label:a,type:"service",maxWidth:_}),style:f({border:"2px solid ".concat(d),width:r},b),type:"output",position:s}})),E={id:A,data:x({name:r,label:w({type:"event",label:r,includeIcon:u}),type:"event",maxWidth:S}),style:f({border:"2px solid ".concat(i),width:S},b),position:s},C=N.map((function(e){var t=e.id,n=e.label;return y({id:"epe-".concat(n.replace(/ /g,"_")),source:t,target:A,isAnimated:l,label:c?"publishes":""})})),z=O.map((function(e){var t=e.id,n=e.label;return y({id:"ece-".concat(n.replace(/ /g,"_")),target:t,source:A,isAnimated:l,label:c?"subscribed by":""})})),L=m(k).concat([E],m(I),m(C),m(z));return L},_=function(e){var t,n,r=e.publishes,a=e.subscribes,o=e.name,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"#2563eb",l=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],c=arguments.length>3&&void 0!==arguments[3]&&arguments[3],u=arguments.length>4&&void 0!==arguments[4]&&arguments[4],s={x:0,y:0},d="#818cf8",p="#75d7b6",b={fontSize:u?"8px":"auto"},h=r.map((function(e){return g(e.name)})),v=(t=Math).max.apply(t,m(h)),j=a.map((function(e){return g(e.name)})),_=(n=Math).max.apply(n,m(j)),A="ser-".concat(o.replace(/ /g,"_")),S=r.map((function(e){var t=g(e.name),n=w({type:"event",label:e.name,includeIcon:u});return{id:"pub-".concat(e.name.replace(/ /g,"_")),data:x({name:e.name,label:n,type:"event",maxWidth:v}),style:f({border:"2px solid ".concat(d),width:t},b),type:"output",position:s}})),N=a.map((function(e){var t=g(e.name),n=_-t,r=0!==n?t-n:_,a=w({type:"event",label:e.name,includeIcon:u});return{id:"sub-".concat(e.name.replace(/ /g,"_")),data:x(f({name:e.name,label:a,type:"event",maxWidth:r},b)),style:f({border:"2px solid ".concat(p),width:t},b),type:"input",position:s}})),O={id:A,data:x({name:o,label:w({type:"service",label:o,includeIcon:u}),type:"service",maxWidth:g(o)}),style:f({border:"2px solid ".concat(i),width:g(o)},b),position:s},k=r.map((function(e){return y({id:"ecp-".concat(e.name.replace(/ /g,"_")),source:A,target:"pub-".concat(e.name.replace(/ /g,"_")),isAnimated:l,label:c?"publishes":""})})),I=a.map((function(e){return y({id:"esc-".concat(e.name.replace(/ /g,"_")),target:A,source:"sub-".concat(e.name.replace(/ /g,"_")),isAnimated:l,label:c?"subscribed by":""})})),E=m(N).concat([O],m(S),m(k),m(I));return E},A=n(46506),S=n.n(A);function N(e,t){var n=new(S().graphlib.Graph);return n.setDefaultEdgeLabel((function(){return{}})),n.setGraph({rankdir:"LR",ranksep:96,nodesep:32}),e.forEach((function(e){if((0,i.UG)(e)){var t,r,a,o,l=(null===(t=e.__rf)||void 0===t?void 0:t.width)?null===(r=e.__rf)||void 0===r?void 0:r.width:null===(a=e.data)||void 0===a?void 0:a.width;n.setNode(e.id,{width:l||150,height:(null===(o=e.__rf)||void 0===o?void 0:o.height)||36})}else n.setEdge(e.source,e.target)})),S().layout(n),e.map((function(e){if((0,i.UG)(e)){var r,a=n.node(e.id);e.targetPosition=t?i.Ly.Left:i.Ly.Top,e.sourcePosition=t?i.Ly.Right:i.Ly.Bottom,e.position={x:24+a.x-((null===e||void 0===e||null===(r=e.data)||void 0===r?void 0:r.maxWidth)||a.width)/2,y:a.y-a.height/2}}return e}))}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function k(e){return function(e){if(Array.isArray(e))return O(e)}(e)||function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"===typeof e)return O(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return O(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function I(e){var t=e.data,n=e.source,o=e.rootNodeColor,l=e.maxZoom,c=void 0===l?10:l,u=e.isAnimated,s=void 0===u||u,d=e.fitView,p=void 0===d||d,f=e.zoomOnScroll,m=void 0!==f&&f,b=e.isDraggable,h=void 0!==b&&b,v=e.isHorizontal,g=void 0===v||v,y=e.includeBackground,x=void 0!==y&&y,w=e.includeEdgeLabels,A=void 0!==w&&w,S=e.includeNodeIcons,O=e.title,I=e.subtitle,E=function(){if("domain"===n){var e=t,r=e.events.map((function(e){return j(e,o,s,!0,!0)})),a=e.services.map((function(e){return _(e,o,s,!0,!0)}));return r.flat().concat(a.flat())}return"event"===n?j(t,o,s,A,S):_(t,o,s,A,S)},C=(0,a.useRef)(!1),z=(0,i.Kw)((function(e){return e.nodes})),L=(0,i.Kw)((function(e){return e.edges})),W=(0,i.Hs)().fitView,B=N(E(),g),M=(0,a.useState)(B),P=M[0],V=M[1];(0,a.useEffect)((function(){var e=N(E(),g);V(e),setTimeout((function(){W()}),1)}),[t]),(0,a.useEffect)((function(){var e;if(!1===C.current&&z.length>0&&null!=(null===z||void 0===z||null===(e=z[0])||void 0===e?void 0:e.__rf.width)){!function(){var e=N(k(z).concat(k(L)),g);V(e),C.current=!0}()}}),[z,L,C,g]);var Z=(0,a.useCallback)((function(e){p&&e.fitView()}),[p]);return(0,r.jsxs)(i.ZP,{elements:P,onLoad:Z,onElementClick:function(e,t){return window.open(t.data.link,"_self")},nodesDraggable:h,zoomOnScroll:m,maxZoom:c,children:[O&&(0,r.jsxs)("div",{className:"absolute top-4 right-4 bg-white z-10 text-lg px-4 py-2 space-x-2",children:[(0,r.jsx)("span",{className:" font-bold",children:O}),I&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"text-gray-200",children:"|"}),(0,r.jsx)("span",{className:"font-light",children:I})]})]}),(0,r.jsx)(i.ZX,{className:"block absolute top-5 react-flow__controls-no-shadow"}),x&&(0,r.jsx)(i.Aq,{color:"#c1c1c1",gap:8})]})}var E=function(e){var t=e.data,n=e.source,a=e.rootNodeColor,l=e.maxHeight,c=e.maxZoom,u=e.fitView,s=e.zoomOnScroll,d=e.isAnimated,p=e.isDraggable,f=e.isHorizontal,m=e.includeBackground,b=e.renderWithBorder,h=void 0===b||b,v=e.title,g=e.subtitle,y=e.includeEdgeLabels,x=e.includeNodeIcons,w=l||function(e,t){var n=0;return"event"===t&&(n=68*Math.max(e.producerNames.length,e.consumerNames.length)),"service"===t&&(n=68*Math.max(e.publishes.length,e.subscribes.length)),Math.max(300,n)}(t,n);return(0,r.jsxs)("div",{className:"node-graph w-full h-screen ".concat(h?"border-dashed border-2 border-slate-300":""),style:{height:w},children:[(0,r.jsx)(i.tV,{children:(0,r.jsx)(I,{source:n,data:t,rootNodeColor:a,maxZoom:c,fitView:u,includeBackground:m,zoomOnScroll:s,isAnimated:d,isDraggable:p,isHorizontal:f,includeEdgeLabels:y,includeNodeIcons:x,title:v,subtitle:g})}),(0,r.jsx)(o.default,{href:"/visualiser?type=".concat(n,"&name=").concat(t.name),children:(0,r.jsx)("a",{className:"block text-right underline text-xs mt-4",children:"Open in Visualiser \u2192"})})]})}},46892:function(e,t,n){function r(e){for(var t=0,n=0;n<e.length;n++)t=e.charCodeAt(n)+((t<<5)-t);for(var r="#",a=0;a<3;a++){r+="00".concat((t>>8*a&255).toString(16)).substr(-2)}return r}n.d(t,{Z:function(){return r}})}}]);