@eventcatalog/core 0.2.11 → 0.2.12

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @eventcatalog/core
 
+## 0.2.12
+
+### Patch Changes
+
+- [`4269b19`](https://github.com/boyney123/eventcatalog/commit/4269b199809807bd08968ce4f9c6e025c5d14794) [#241](https://github.com/boyney123/eventcatalog/pull/241) Thanks [@donaldpipowitch](https://github.com/donaldpipowitch)! - chore: improve typings
+
 ## 0.2.11
 
 ### Patch Changes

package/components/Mdx/NodeGraph/GraphLayout.ts

@@ -1,5 +1,6 @@
 import { isNode, Elements, Position } from 'react-flow-renderer';
 import dagre from 'dagre';
+import { DataSource } from './NodeGraph';
 
 const nodeDefaultWidth = 150;
 const nodeDefaultHeight = 36;
@@ -92,16 +93,16 @@ export default function createGraphLayout(elements: Elements, isHorizontal: bool
 }
 
 // Helper - ReactFlow canvas height calculator
-export const calcCanvasHeight = (data, type): number => {
+export const calcCanvasHeight = ({ source, data }: DataSource): number => {
   const minHeight = 300;
   const nodeSpacing = nodeDefaultHeight + verticalOffset;
   let nodesHeight = 0;
 
-  if (type === 'event') {
+  if (source === 'event') {
     nodesHeight = Math.max(data.producerNames.length, data.consumerNames.length) * nodeSpacing;
   }
 
-  if (type === 'service') {
+  if (source === 'service') {
     nodesHeight = Math.max(data.publishes.length, data.subscribes.length) * nodeSpacing;
   }
 

package/components/Mdx/NodeGraph/NodeGraph.tsx

@@ -11,9 +11,29 @@ interface CombinedEventsAndServices {
   name?: string;
 }
 
-interface NodeGraphBuilderProps {
-  data: Event | Service | Domain | CombinedEventsAndServices;
-  source: 'event' | 'service' | 'domain' | 'all';
+interface CombinedEventsAndServicesSource {
+  data: CombinedEventsAndServices;
+  source: 'all';
+}
+
+interface DomainSource {
+  data: Domain;
+  source: 'domain';
+}
+
+interface ServiceSource {
+  data: Service;
+  source: 'service';
+}
+
+interface EventSource {
+  data: Event;
+  source: 'event';
+}
+
+export type DataSource = CombinedEventsAndServicesSource | DomainSource | ServiceSource | EventSource;
+
+interface NodeGraphBuilderSharedProps {
   title?: string;
   subtitle?: string;
   rootNodeColor?: string;
@@ -28,10 +48,12 @@ interface NodeGraphBuilderProps {
   includeNodeIcons?: boolean;
 }
 
-interface NodeGraphProps extends NodeGraphBuilderProps {
+type NodeGraphBuilderProps = NodeGraphBuilderSharedProps & DataSource;
+
+type NodeGraphProps = NodeGraphBuilderProps & {
   maxHeight?: number | string;
   renderWithBorder?: boolean;
-}
+};
 
 // NodeGraphBuilder component wrapping ReactFlow
 function NodeGraphBuilder({
@@ -52,9 +74,8 @@ function NodeGraphBuilder({
 }: NodeGraphBuilderProps) {
   const getElements = useCallback(() => {
     if (source === 'domain' || source === 'all') {
-      const graphData = source === 'domain' ? (data as Domain) : (data as CombinedEventsAndServices);
-      const totalEventElements = graphData.events.map((event) => getEventElements(event, rootNodeColor, isAnimated, true, true));
-      const totalServiceElements = graphData.services.map((service) =>
+      const totalEventElements = data.events.map((event) => getEventElements(event, rootNodeColor, isAnimated, true, true));
+      const totalServiceElements = data.services.map((service) =>
         getServiceElements(service, rootNodeColor, isAnimated, true, true)
       );
       const eventsWithServices = totalEventElements.flat().concat(totalServiceElements.flat());
@@ -120,50 +141,18 @@ function NodeGraphBuilder({
 }
 
 // NodeGraph wrapping NodeGraphBuilder Component
-function NodeGraph({
-  data,
-  source,
-  rootNodeColor,
-  maxHeight,
-  maxZoom,
-  fitView,
-  zoomOnScroll,
-  isAnimated,
-  isDraggable,
-  isHorizontal,
-  includeBackground,
-  renderWithBorder = true,
-  title,
-  subtitle,
-  includeEdgeLabels,
-  includeNodeIcons,
-}: NodeGraphProps) {
+function NodeGraph({ maxHeight, renderWithBorder = true, ...builderProps }: NodeGraphProps) {
   // Set dynamic height of node graph
-  const dynamicHeight = maxHeight || calcCanvasHeight(data, source);
+  const dynamicHeight = maxHeight || calcCanvasHeight(builderProps);
 
   const borderClasses = `border-dashed border-2 border-slate-300`;
 
   return (
     <div className={`node-graph w-full h-screen ${renderWithBorder ? borderClasses : ''}`} style={{ height: dynamicHeight }}>
       <ReactFlowProvider>
-        <NodeGraphBuilder
-          source={source}
-          data={data}
-          rootNodeColor={rootNodeColor}
-          maxZoom={maxZoom}
-          fitView={fitView}
-          includeBackground={includeBackground}
-          zoomOnScroll={zoomOnScroll}
-          isAnimated={isAnimated}
-          isDraggable={isDraggable}
-          isHorizontal={isHorizontal}
-          includeEdgeLabels={includeEdgeLabels}
-          includeNodeIcons={includeNodeIcons}
-          title={title}
-          subtitle={subtitle}
-        />
+        <NodeGraphBuilder {...builderProps} />
       </ReactFlowProvider>
-      <Link href={`/visualiser?type=${source}&name=${data.name}`}>
+      <Link href={`/visualiser?type=${builderProps.source}&name=${builderProps.data.name}`}>
         <a className="block text-right  underline text-xs mt-4">Open in Visualiser &rarr;</a>
       </Link>
     </div>

package/components/Mdx/NodeGraph/__tests__/GraphLayout.spec.ts

@@ -1,3 +1,4 @@
+import { Event, Service } from '@eventcatalog/types';
 import { Elements } from 'react-flow-renderer';
 import createGraphLayout, { calcCanvasHeight } from '../GraphLayout';
 
@@ -84,20 +85,30 @@ describe('GraphLayout', () => {
 
   describe('calcCanvasHeight', () => {
     it('takes all events and calculate the canvas height', () => {
-      const data = {
-        producerNames: [1, 2, 3, 4, 5, 6, 7, 8],
-        consumerNames: [1, 2, 3, 4, 5],
+      const data: Event = {
+        producerNames: ['1', '2', '3', '4', '5', '6', '7', '8'],
+        consumerNames: ['1', '2', '3', '4', '5'],
+        name: 'mock',
+        version: '1.0.0',
       };
-      const result = calcCanvasHeight(data, 'event');
+      const result = calcCanvasHeight({ data, source: 'event' });
       expect(result).toEqual(544);
     });
 
     it('takes all services and calculate the canvas height', () => {
-      const data = {
-        publishes: [1, 2, 3, 4, 5, 6, 7, 8, 9],
-        subscribes: [1, 2, 3, 4, 5],
+      const event: Event = {
+        producerNames: [],
+        consumerNames: [],
+        name: 'mock',
+        version: '1.0.0',
       };
-      const result = calcCanvasHeight(data, 'service');
+      const data: Service = {
+        publishes: [event, event, event, event, event, event, event, event, event],
+        subscribes: [event, event, event, event, event],
+        name: 'mock',
+        summary: 'mock',
+      };
+      const result = calcCanvasHeight({ data, source: 'service' });
       expect(result).toEqual(612);
     });
   });

package/out/404/index.html

@@ -1 +1 @@
-<!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>404: This page could not be found</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/996136b57250cdf7.css" as="style"/><link rel="stylesheet" href="/_next/static/css/996136b57250cdf7.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-5243ea3e842fcabb.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/pages/_error-5a714c45c50a8db4.js" defer=""></script><script src="/_next/static/4OeG7Nzf7Jlr4wBc9pfdH/_buildManifest.js" defer=""></script><script src="/_next/static/4OeG7Nzf7Jlr4wBc9pfdH/_ssgManifest.js" defer=""></script><script src="/_next/static/4OeG7Nzf7Jlr4wBc9pfdH/_middlewareManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="bg-gray-800"><div class="max-w-7xl mx-auto "><div class="relative flex items-center justify-between h-16"><div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"><div class="flex-shrink-0 flex items-center text-white font-bold"><a class="flex items-center" href="/"><img alt="logo" class="text-white w-8 inline-block mr-3" src="/logo.svg"/><span class="text-xl">EventCatalog</span></a></div></div><div class="hidden sm:block sm:ml-6"><div class="flex space-x-4"><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/events/">Events</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/services/">Services</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/domains/">Domains</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/visualiser/">Visualiser</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><div style="color:#000;background:#fff;font-family:-apple-system, BlinkMacSystemFont, Roboto, &quot;Segoe UI&quot;, &quot;Fira Sans&quot;, Avenir, &quot;Helvetica Neue&quot;, &quot;Lucida Grande&quot;, sans-serif;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body { margin: 0 }</style><h1 style="display:inline-block;border-right:1px solid rgba(0, 0, 0,.3);margin:0;margin-right:20px;padding:10px 23px 10px 0;font-size:24px;font-weight:500;vertical-align:top">404</h1><div style="display:inline-block;text-align:left;line-height:49px;height:49px;vertical-align:middle"><h2 style="font-size:14px;font-weight:normal;line-height:inherit;margin:0;padding:0">This page could not be found<!-- -->.</h2></div></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-400">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-400">Services</a></div><div class="px-5 py-2"><a href="/visualiser" class="text-base text-gray-500 hover:text-gray-400">Visualiser</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-400">3D Node Graph</a></div><div class="px-5 py-2"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master" class="text-base text-gray-500 hover:text-gray-400">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2022<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"4OeG7Nzf7Jlr4wBc9pfdH","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
+<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><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>404: This page could not be found</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/996136b57250cdf7.css" as="style"/><link rel="stylesheet" href="/_next/static/css/996136b57250cdf7.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-5243ea3e842fcabb.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/pages/_error-5a714c45c50a8db4.js" defer=""></script><script src="/_next/static/P5kR3NJnMI8_LCcCh0vDK/_buildManifest.js" defer=""></script><script src="/_next/static/P5kR3NJnMI8_LCcCh0vDK/_ssgManifest.js" defer=""></script><script src="/_next/static/P5kR3NJnMI8_LCcCh0vDK/_middlewareManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="bg-gray-800"><div class="max-w-7xl mx-auto "><div class="relative flex items-center justify-between h-16"><div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"><div class="flex-shrink-0 flex items-center text-white font-bold"><a class="flex items-center" href="/"><img alt="logo" class="text-white w-8 inline-block mr-3" src="/logo.svg"/><span class="text-xl">EventCatalog</span></a></div></div><div class="hidden sm:block sm:ml-6"><div class="flex space-x-4"><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/events/">Events</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/services/">Services</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/domains/">Domains</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/visualiser/">Visualiser</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><div style="color:#000;background:#fff;font-family:-apple-system, BlinkMacSystemFont, Roboto, &quot;Segoe UI&quot;, &quot;Fira Sans&quot;, Avenir, &quot;Helvetica Neue&quot;, &quot;Lucida Grande&quot;, sans-serif;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body { margin: 0 }</style><h1 style="display:inline-block;border-right:1px solid rgba(0, 0, 0,.3);margin:0;margin-right:20px;padding:10px 23px 10px 0;font-size:24px;font-weight:500;vertical-align:top">404</h1><div style="display:inline-block;text-align:left;line-height:49px;height:49px;vertical-align:middle"><h2 style="font-size:14px;font-weight:normal;line-height:inherit;margin:0;padding:0">This page could not be found<!-- -->.</h2></div></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-400">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-400">Services</a></div><div class="px-5 py-2"><a href="/visualiser" class="text-base text-gray-500 hover:text-gray-400">Visualiser</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-400">3D Node Graph</a></div><div class="px-5 py-2"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master" class="text-base text-gray-500 hover:text-gray-400">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2022<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"P5kR3NJnMI8_LCcCh0vDK","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>

package/out/_next/static/{4OeG7Nzf7Jlr4wBc9pfdH → P5kR3NJnMI8_LCcCh0vDK}/_buildManifest.js

@@ -1 +1 @@
-self.__BUILD_MANIFEST=function(s,e,a,c,n,i,t,d,m,o,v,u,f,b,r,k,h,j,g,p,_,l){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":["static/chunks/pages/index-fe1a9e09c7f51e66.js"],"/_error":["static/chunks/pages/_error-5a714c45c50a8db4.js"],"/domains":[s,"static/chunks/pages/domains-6ab78cb1bc2f4200.js"],"/domains/[domain]":[c,e,s,n,i,t,"static/chunks/pages/domains/[domain]-2b08aa35416b7fe6.js"],"/domains/[domain]/events/[name]":[a,c,m,o,v,e,s,n,d,u,f,i,t,b,r,"static/chunks/pages/domains/[domain]/events/[name]-f4cdf2a266e66be5.js"],"/domains/[domain]/events/[name]/logs":[e,k,h,"static/chunks/pages/domains/[domain]/events/[name]/logs-9678f8d15063d3b5.js"],"/domains/[domain]/events/[name]/v/[version]":[a,c,m,o,v,e,s,n,d,u,f,i,t,b,r,"static/chunks/pages/domains/[domain]/events/[name]/v/[version]-d1aa840823fe776a.js"],"/domains/[domain]/services/[name]":[a,c,j,g,e,s,n,d,p,i,t,_,"static/chunks/pages/domains/[domain]/services/[name]-49bce8da5b1625d0.js"],"/events":[a,e,s,l,"static/chunks/pages/events-691363297e733e50.js"],"/events/[name]":[a,c,m,o,v,e,s,n,d,u,f,i,t,b,r,"static/chunks/pages/events/[name]-a4c0d33ba9dfc927.js"],"/events/[name]/logs":[e,k,h,"static/chunks/pages/events/[name]/logs-279caf3ba628e52c.js"],"/events/[name]/v/[version]":[a,c,m,o,v,e,s,n,d,u,f,i,t,b,r,"static/chunks/pages/events/[name]/v/[version]-eb1b8cbc04f132e4.js"],"/overview":["static/chunks/pages/overview-3fc16cb1ae9c6206.js"],"/services":[a,e,s,l,"static/chunks/pages/services-0a099323cc1d9712.js"],"/services/[name]":[a,c,j,g,e,s,n,d,p,i,t,_,"static/chunks/pages/services/[name]-5355630da956ee4f.js"],"/users/[id]":[a,s,"static/chunks/pages/users/[id]-d1f16749cca85865.js"],"/visualiser":[c,e,s,n,i,"static/chunks/pages/visualiser-5ba1bdaa135986ba.js"],sortedPages:["/","/_app","/_error","/domains","/domains/[domain]","/domains/[domain]/events/[name]","/domains/[domain]/events/[name]/logs","/domains/[domain]/events/[name]/v/[version]","/domains/[domain]/services/[name]","/events","/events/[name]","/events/[name]/logs","/events/[name]/v/[version]","/overview","/services","/services/[name]","/users/[id]","/visualiser"]}}("static/chunks/962-17a425b16c23bd0f.js","static/chunks/519-2ec6fc3cdbaa4dc2.js","static/chunks/176cb4e4-59b1695530801e16.js","static/chunks/b744740b-594b36f2f589c271.js","static/chunks/506-68ae644af2659950.js","static/chunks/109-7e910ba645edff2d.js","static/chunks/169-b33dfdaf2847d062.js","static/chunks/903-34d2b253285a8ae4.js","static/chunks/1df474da-91f6061ee61707c6.js","static/chunks/7f5d3f51-910a6c1f7e252346.js","static/chunks/2edb282b-b8f4863366339abc.js","static/chunks/102-8f499174d959ae76.js","static/chunks/681-0739f8ea484461b9.js","static/chunks/178-7604eb85b765379d.js","static/css/7e14b4dede1671ad.css","static/chunks/364-0efd016d31d19995.js","static/css/5eeed9cb243ce668.css","static/chunks/40247457-5e8b57cf2f01f630.js","static/css/bc1af6b16510c531.css","static/chunks/470-f4091fe4e0b2b803.js","static/chunks/223-30d08619b4edda15.js","static/chunks/274-8d503842229d0944.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
+self.__BUILD_MANIFEST=function(s,e,a,c,n,i,t,d,m,o,v,u,b,f,r,k,h,j,g,p,_,l){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":["static/chunks/pages/index-fe1a9e09c7f51e66.js"],"/_error":["static/chunks/pages/_error-5a714c45c50a8db4.js"],"/domains":[s,"static/chunks/pages/domains-6ab78cb1bc2f4200.js"],"/domains/[domain]":[c,e,s,n,i,t,"static/chunks/pages/domains/[domain]-2b08aa35416b7fe6.js"],"/domains/[domain]/events/[name]":[a,c,m,o,v,e,s,n,d,u,b,i,t,f,r,"static/chunks/pages/domains/[domain]/events/[name]-f4cdf2a266e66be5.js"],"/domains/[domain]/events/[name]/logs":[e,k,h,"static/chunks/pages/domains/[domain]/events/[name]/logs-9678f8d15063d3b5.js"],"/domains/[domain]/events/[name]/v/[version]":[a,c,m,o,v,e,s,n,d,u,b,i,t,f,r,"static/chunks/pages/domains/[domain]/events/[name]/v/[version]-d1aa840823fe776a.js"],"/domains/[domain]/services/[name]":[a,c,j,g,e,s,n,d,p,i,t,_,"static/chunks/pages/domains/[domain]/services/[name]-49bce8da5b1625d0.js"],"/events":[a,e,s,l,"static/chunks/pages/events-691363297e733e50.js"],"/events/[name]":[a,c,m,o,v,e,s,n,d,u,b,i,t,f,r,"static/chunks/pages/events/[name]-a4c0d33ba9dfc927.js"],"/events/[name]/logs":[e,k,h,"static/chunks/pages/events/[name]/logs-279caf3ba628e52c.js"],"/events/[name]/v/[version]":[a,c,m,o,v,e,s,n,d,u,b,i,t,f,r,"static/chunks/pages/events/[name]/v/[version]-eb1b8cbc04f132e4.js"],"/overview":["static/chunks/pages/overview-3fc16cb1ae9c6206.js"],"/services":[a,e,s,l,"static/chunks/pages/services-0a099323cc1d9712.js"],"/services/[name]":[a,c,j,g,e,s,n,d,p,i,t,_,"static/chunks/pages/services/[name]-5355630da956ee4f.js"],"/users/[id]":[a,s,"static/chunks/pages/users/[id]-d1f16749cca85865.js"],"/visualiser":[c,e,s,n,i,"static/chunks/pages/visualiser-5ba1bdaa135986ba.js"],sortedPages:["/","/_app","/_error","/domains","/domains/[domain]","/domains/[domain]/events/[name]","/domains/[domain]/events/[name]/logs","/domains/[domain]/events/[name]/v/[version]","/domains/[domain]/services/[name]","/events","/events/[name]","/events/[name]/logs","/events/[name]/v/[version]","/overview","/services","/services/[name]","/users/[id]","/visualiser"]}}("static/chunks/962-17a425b16c23bd0f.js","static/chunks/519-2ec6fc3cdbaa4dc2.js","static/chunks/176cb4e4-59b1695530801e16.js","static/chunks/b744740b-594b36f2f589c271.js","static/chunks/506-68ae644af2659950.js","static/chunks/109-d34abdcb3eb2dcd9.js","static/chunks/169-b33dfdaf2847d062.js","static/chunks/903-34d2b253285a8ae4.js","static/chunks/1df474da-91f6061ee61707c6.js","static/chunks/7f5d3f51-910a6c1f7e252346.js","static/chunks/2edb282b-b8f4863366339abc.js","static/chunks/102-8f499174d959ae76.js","static/chunks/681-0739f8ea484461b9.js","static/chunks/178-7604eb85b765379d.js","static/css/7e14b4dede1671ad.css","static/chunks/364-0efd016d31d19995.js","static/css/5eeed9cb243ce668.css","static/chunks/40247457-5e8b57cf2f01f630.js","static/css/bc1af6b16510c531.css","static/chunks/470-f4091fe4e0b2b803.js","static/chunks/223-30d08619b4edda15.js","static/chunks/274-8d503842229d0944.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();

package/out/_next/static/chunks/109-d34abdcb3eb2dcd9.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[109],{78484:function(e,t,n){n.d(t,{Z:function(){return B}});var r=n(52322),a=n(2784),o=n(39097),i=n(54064),l=n(70314),c=n(17962),u=n(61519);var d=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 s(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 f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(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){f(e,t,n[t])}))}return e}function m(e){return function(e){if(Array.isArray(e))return s(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 s(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 s(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,v=(void 0===b?{}:b).basePath,h=void 0===v?"":v,y=function(e){return 8*e.length>150?8*e.length:150},g=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=e.renderInColumn,i=y(n),l=function(e,t){return""!==h?"".concat(h,"/").concat(t,"/").concat(e):"/".concat(t,"/").concat(e)}(t,"service"===r?"services":"events");return{label:n,link:l,width:i,maxWidth:a,renderInColumn:o}},w=function(e){var t=e.type,n=e.label;return e.includeIcon?(0,r.jsx)(d,{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],d={x:0,y:0},s="#818cf8",f="#75d7b6",b={fontSize:u?"8px":"auto"},v=a.map((function(e){return y(e)})),h=(t=Math).max.apply(t,m(v)),j=o.map((function(e){return y(e)})),O=(n=Math).max.apply(n,m(j)),I="ev-".concat(r.replace(/ /g,"_")),A=y(r),S=a.map((function(e){return{label:e,id:"pr-".concat(e.replace(/ /g,"_"))}})),C=o.map((function(e){return{label:e,id:"co-".concat(e.replace(/ /g,"_"))}})),_=S.map((function(e){var t=e.label,n=e.id,r=y(t),a=h-r,o=0!==a?r-a:h,i=w({type:"service",label:t,includeIcon:u});return{id:n,data:x({name:t,label:i,type:"service",maxWidth:o,renderInColumn:1}),style:p({border:"2px solid ".concat(f),width:r},b),type:"input",position:d}})),k=C.map((function(e){var t=e.id,n=e.label,r=y(n),a=w({type:"service",label:n,includeIcon:u});return{id:t,data:x({name:n,label:a,type:"service",maxWidth:O,renderInColumn:3}),style:p({border:"2px solid ".concat(s),width:r},b),type:"output",position:d}})),N={id:I,data:x({name:r,label:w({type:"event",label:r,includeIcon:u}),type:"event",maxWidth:A,renderInColumn:2}),style:p({border:"2px solid ".concat(i),width:A},b),position:d},P=S.map((function(e){var t=e.id,n=e.label;return g({id:"epe-".concat(n.replace(/ /g,"_"),"-").concat(I),source:t,target:I,isAnimated:l,label:c?"publishes":""})})),E=C.map((function(e){var t=e.id,n=e.label;return g({id:"ece-".concat(n.replace(/ /g,"_"),"-").concat(I),target:t,source:I,isAnimated:l,label:c?"subscribed by":""})})),W=m(_).concat([N],m(k),m(P),m(E));return W},O=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],d={x:0,y:0},s="#818cf8",f="#75d7b6",b={fontSize:u?"8px":"auto"},v=r.map((function(e){return y(e.name)})),h=(t=Math).max.apply(t,m(v)),j=a.map((function(e){return y(e.name)})),O=(n=Math).max.apply(n,m(j)),I="ser-".concat(o.replace(/ /g,"_")),A=r.map((function(e){var t=y(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:h,renderInColumn:3}),style:p({border:"2px solid ".concat(s),width:t},b),type:"output",position:d}})),S=a.map((function(e){var t=y(e.name),n=O-t,r=0!==n?t-n:O,a=w({type:"event",label:e.name,includeIcon:u});return{id:"sub-".concat(e.name.replace(/ /g,"_")),data:x(p({name:e.name,label:a,type:"event",maxWidth:r},b,{renderInColumn:1})),style:p({border:"2px solid ".concat(f),width:t},b),type:"input",position:d}})),C={id:I,data:x({name:o,label:w({type:"service",label:o,includeIcon:u}),type:"service",maxWidth:y(o),renderInColumn:2}),style:p({border:"2px solid ".concat(i),width:y(o)},b),position:d},_=r.map((function(e){return g({id:"ecp-".concat(e.name.replace(/ /g,"_")),source:I,target:"pub-".concat(e.name.replace(/ /g,"_")),isAnimated:l,label:c?"publishes":""})})),k=a.map((function(e){return g({id:"esc-".concat(e.name.replace(/ /g,"_")),target:I,source:"sub-".concat(e.name.replace(/ /g,"_")),isAnimated:l,label:c?"subscribed by":""})})),N=m(S).concat([C],m(A),m(_),m(k));return N},I=n(46506),A=n.n(I);function S(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 C(e){return function(e){if(Array.isArray(e))return S(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 S(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 S(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 _=150;function k(e,t){var n=new(A().graphlib.Graph);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||_,height:(null===(o=e.__rf)||void 0===o?void 0:o.height)||36})}else n.setEdge(e.source,e.target)})),A().layout(n);var r=e.filter((function(e){return e.data})),a=e.filter((function(e){return!e.data}));return C(r.sort((function(e,t){return e.data.renderInColumn>t.data.renderInColumn?1:t.data.renderInColumn>e.data.renderInColumn?-1:0}))).concat(C(a)).map((function(r){if((0,i.UG)(r)){var a,o=n.node(r.id);r.targetPosition=t?i.Ly.Left:i.Ly.Top,r.sourcePosition=t?i.Ly.Right:i.Ly.Bottom;var l=r.data.renderInColumn>1?75:0,c=null===r||void 0===r||null===(a=r.data)||void 0===a?void 0:a.renderInColumn,u=function(e,t){var n=e.filter((function(e){var n;return(null===e||void 0===e||null===(n=e.data)||void 0===n?void 0:n.renderInColumn)===t}));if(0===n.length)return{};if(1===n.length)return n[0];var r=n.reduce((function(e,t){var n,r,a,o=(null===e||void 0===e||null===(n=e.data)||void 0===n?void 0:n.maxWidth)||(null===e||void 0===e||null===(r=e.data)||void 0===r?void 0:r.width)||_;return((null===t||void 0===t||null===(a=t.data)||void 0===a?void 0:a.maxWidth)||(null===t||void 0===t?void 0:t.data.width)||_)>o?t:e}),n[0]);return r}(e,c-1),d=Object.keys(u).length>0?function(e){var t,n=(null===e||void 0===e||null===(t=e.data)||void 0===t?void 0:t.maxWidth)||e.width||_;return e.position.x+n}(u):0;r.position={x:d+l,y:o.y-o.height/2},r.style.width&&r.style.width<=_&&(r.style.width=void 0)}return r}))}function N(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 E(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 W(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function M(e){return function(e){if(Array.isArray(e))return N(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 N(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 N(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 L(e){var t=e.data,n=e.source,o=e.rootNodeColor,l=e.maxZoom,c=void 0===l?10:l,u=e.isAnimated,d=void 0===u||u,s=e.fitView,f=void 0===s||s,p=e.zoomOnScroll,m=void 0!==p&&p,b=e.isDraggable,v=void 0!==b&&b,h=e.isHorizontal,y=void 0===h||h,g=e.includeBackground,x=void 0!==g&&g,w=e.includeEdgeLabels,I=void 0!==w&&w,A=e.includeNodeIcons,S=e.title,C=e.subtitle,_=(0,a.useCallback)((function(){if("domain"===n||"all"===n){var e=t.events.map((function(e){return j(e,o,d,!0,!0)})),r=t.services.map((function(e){return O(e,o,d,!0,!0)})),a=e.flat().concat(r.flat());return M(new Map(a.map((function(e){return[e.id,e]}))).values())}return"event"===n?j(t,o,d,I,A):O(t,o,d,I,A)}),[t,I,A,d,o,n]),N=(0,i.Hs)().fitView,P=(0,a.useState)([]),E=P[0],W=P[1];(0,a.useEffect)((function(){var e=k(_(),y);W(e),setTimeout((function(){N()}),1)}),[t,_,y,N]);var L=(0,a.useCallback)((function(e){f&&e.fitView()}),[f]);return(0,r.jsxs)(i.ZP,{elements:E,onLoad:L,onElementClick:function(e,t){return window.open(t.data.link,"_self")},nodesDraggable:v,zoomOnScroll:m,maxZoom:c,children:[S&&(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:S}),C&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"text-gray-200",children:"|"}),(0,r.jsx)("span",{className:"font-light",children:C})]})]}),(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 B=function(e){var t=e.maxHeight,n=e.renderWithBorder,a=void 0===n||n,l=W(e,["maxHeight","renderWithBorder"]),c=t||function(e){var t=e.source,n=e.data,r=0;return"event"===t&&(r=68*Math.max(n.producerNames.length,n.consumerNames.length)),"service"===t&&(r=68*Math.max(n.publishes.length,n.subscribes.length)),Math.max(300,r)}(l);return(0,r.jsxs)("div",{className:"node-graph w-full h-screen ".concat(a?"border-dashed border-2 border-slate-300":""),style:{height:c},children:[(0,r.jsx)(i.tV,{children:(0,r.jsx)(L,E({},l))}),(0,r.jsx)(o.default,{href:"/visualiser?type=".concat(l.source,"&name=").concat(l.data.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}})}}]);

package/out/domains/Orders/events/OrderComplete/index.html

@@ -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 - OrderComplete v0.0.1</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/996136b57250cdf7.css" as="style"/><link rel="stylesheet" href="/_next/static/css/996136b57250cdf7.css" data-n-g=""/><link rel="preload" href="/_next/static/css/7e14b4dede1671ad.css" as="style"/><link rel="stylesheet" href="/_next/static/css/7e14b4dede1671ad.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-5243ea3e842fcabb.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/176cb4e4-59b1695530801e16.js" defer=""></script><script src="/_next/static/chunks/b744740b-594b36f2f589c271.js" defer=""></script><script src="/_next/static/chunks/1df474da-91f6061ee61707c6.js" defer=""></script><script src="/_next/static/chunks/7f5d3f51-910a6c1f7e252346.js" defer=""></script><script src="/_next/static/chunks/2edb282b-b8f4863366339abc.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/903-34d2b253285a8ae4.js" defer=""></script><script src="/_next/static/chunks/102-8f499174d959ae76.js" defer=""></script><script src="/_next/static/chunks/681-0739f8ea484461b9.js" defer=""></script><script src="/_next/static/chunks/109-7e910ba645edff2d.js" defer=""></script><script src="/_next/static/chunks/169-b33dfdaf2847d062.js" defer=""></script><script src="/_next/static/chunks/178-7604eb85b765379d.js" defer=""></script><script src="/_next/static/chunks/pages/domains/%5Bdomain%5D/events/%5Bname%5D-f4cdf2a266e66be5.js" defer=""></script><script src="/_next/static/4OeG7Nzf7Jlr4wBc9pfdH/_buildManifest.js" defer=""></script><script src="/_next/static/4OeG7Nzf7Jlr4wBc9pfdH/_ssgManifest.js" defer=""></script><script src="/_next/static/4OeG7Nzf7Jlr4wBc9pfdH/_middlewareManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="bg-gray-800"><div class="max-w-7xl mx-auto "><div class="relative flex items-center justify-between h-16"><div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"><div class="flex-shrink-0 flex items-center text-white font-bold"><a class="flex items-center" href="/"><img alt="logo" class="text-white w-8 inline-block mr-3" src="/logo.svg"/><span class="text-xl">EventCatalog</span></a></div></div><div class="hidden sm:block sm:ml-6"><div class="flex space-x-4"><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/events/">Events</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/services/">Services</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/domains/">Domains</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/visualiser/">Visualiser</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><div class="flex relative"><div class=" flex flex-col w-0 flex-1 "><main class="flex-1 "><div class="py-8 xl:py-10"><div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 xl:max-w-7xl xl:grid xl:grid-cols-4"><div class="xl:col-span-3 xl:pr-8 xl:border-r xl:border-gray-200 flex-col justify-between flex"><div><div class="mb-5 border-b border-gray-100 pb-4"><nav class="flex" aria-label="Breadcrumb"><ol class="flex items-center space-x-4"><li><a class="text-gray-400 hover:text-gray-500" href="/events/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="flex-shrink-0 h-5 w-5"><path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"></path></svg><span class="sr-only">Home</span></a></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" href="/domains/">Domain</a></div></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" href="/domains/Orders/">Orders</a></div></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" href="/events/?domain=Orders">Events</a></div></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" aria-current="page" href="/domains/Orders/events/OrderComplete/">OrderComplete</a></div></li></ol></nav></div><div><div><div class="xl:border-b pb-4 flex justify-between "><div class="space-y-2 w-full"><h1 class="text-3xl font-bold text-gray-900 relative">OrderComplete<div class="-top-1 relative inline-block ml-2"><span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium -top-0.5 relative bg-yellow-100 text-yellow-800">v0.0.1</span></div></h1><div class="text-gray-600 mb-10 text py-2">Event represents when an order has been complete. (Delivered and finished)
+<!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 - OrderComplete v0.0.1</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/996136b57250cdf7.css" as="style"/><link rel="stylesheet" href="/_next/static/css/996136b57250cdf7.css" data-n-g=""/><link rel="preload" href="/_next/static/css/7e14b4dede1671ad.css" as="style"/><link rel="stylesheet" href="/_next/static/css/7e14b4dede1671ad.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-5243ea3e842fcabb.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/176cb4e4-59b1695530801e16.js" defer=""></script><script src="/_next/static/chunks/b744740b-594b36f2f589c271.js" defer=""></script><script src="/_next/static/chunks/1df474da-91f6061ee61707c6.js" defer=""></script><script src="/_next/static/chunks/7f5d3f51-910a6c1f7e252346.js" defer=""></script><script src="/_next/static/chunks/2edb282b-b8f4863366339abc.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/903-34d2b253285a8ae4.js" defer=""></script><script src="/_next/static/chunks/102-8f499174d959ae76.js" defer=""></script><script src="/_next/static/chunks/681-0739f8ea484461b9.js" defer=""></script><script src="/_next/static/chunks/109-d34abdcb3eb2dcd9.js" defer=""></script><script src="/_next/static/chunks/169-b33dfdaf2847d062.js" defer=""></script><script src="/_next/static/chunks/178-7604eb85b765379d.js" defer=""></script><script src="/_next/static/chunks/pages/domains/%5Bdomain%5D/events/%5Bname%5D-f4cdf2a266e66be5.js" defer=""></script><script src="/_next/static/P5kR3NJnMI8_LCcCh0vDK/_buildManifest.js" defer=""></script><script src="/_next/static/P5kR3NJnMI8_LCcCh0vDK/_ssgManifest.js" defer=""></script><script src="/_next/static/P5kR3NJnMI8_LCcCh0vDK/_middlewareManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="bg-gray-800"><div class="max-w-7xl mx-auto "><div class="relative flex items-center justify-between h-16"><div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"><div class="flex-shrink-0 flex items-center text-white font-bold"><a class="flex items-center" href="/"><img alt="logo" class="text-white w-8 inline-block mr-3" src="/logo.svg"/><span class="text-xl">EventCatalog</span></a></div></div><div class="hidden sm:block sm:ml-6"><div class="flex space-x-4"><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/events/">Events</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/services/">Services</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/domains/">Domains</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/visualiser/">Visualiser</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><div class="flex relative"><div class=" flex flex-col w-0 flex-1 "><main class="flex-1 "><div class="py-8 xl:py-10"><div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 xl:max-w-7xl xl:grid xl:grid-cols-4"><div class="xl:col-span-3 xl:pr-8 xl:border-r xl:border-gray-200 flex-col justify-between flex"><div><div class="mb-5 border-b border-gray-100 pb-4"><nav class="flex" aria-label="Breadcrumb"><ol class="flex items-center space-x-4"><li><a class="text-gray-400 hover:text-gray-500" href="/events/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="flex-shrink-0 h-5 w-5"><path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"></path></svg><span class="sr-only">Home</span></a></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" href="/domains/">Domain</a></div></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" href="/domains/Orders/">Orders</a></div></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" href="/events/?domain=Orders">Events</a></div></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" aria-current="page" href="/domains/Orders/events/OrderComplete/">OrderComplete</a></div></li></ol></nav></div><div><div><div class="xl:border-b pb-4 flex justify-between "><div class="space-y-2 w-full"><h1 class="text-3xl font-bold text-gray-900 relative">OrderComplete<div class="-top-1 relative inline-block ml-2"><span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium -top-0.5 relative bg-yellow-100 text-yellow-800">v0.0.1</span></div></h1><div class="text-gray-600 mb-10 text py-2">Event represents when an order has been complete. (Delivered and finished)
 </div></div><div class="mt-4 flex space-x-3 md:mt-0"><a href="https:/github.com/boyney123/eventcatalog-demo/edit/master/domains/Orders/events/OrderComplete/index.md" target="_blank" type="button" class="hidden md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900" rel="noreferrer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="-ml-1 mr-2 h-5 w-5 text-gray-400"><path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path></svg><span>Edit</span></a></div></div><div class="py-3 xl:pt-6 xl:pb-0"><div class="prose max-w-none"><div class="bg-indigo-50 border-l-4 border-indigo-400 my-4 "><div class="flex"><div class="ml-3 py-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="inline-block mr-2 h-5 w-5 text-indigo-400"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path></svg>When firing this event make sure you set the `correlation-id` in the headers. Our schemas have standard metadata make sure you read and follow it.</div></div></div><h3>Details</h3><p>This event is the final event of the ordering process. It gets raised when the shipment has been delivered.</p><div class="mx-auto w-full"><h2 class="text-lg font-medium text-gray-900 underline">Consumer/Producer Diagram</h2><div class="node-graph w-full h-screen border-dashed border-2 border-slate-300" style="height:300px"><div class="react-flow"><div class="react-flow__renderer react-flow__zoompane"><div class="react-flow__nodes" style="transform:translate(0px,0px) scale(1)"></div><div class="react-flow__pane"></div></div></div><a class="block text-right underline text-xs mt-4" href="/visualiser/?type=event&amp;name=OrderComplete">Open in Visualiser →</a></div></div><section class="mt-8 xl:mt-10"><div class="h-96 relative"><div class="flex -mb-3 pb-2 bg-gray-900 justify-between"><span class="block text-xs py-2 px-2 font-bold text-gray-300">OrderComplete Schema (json)</span><button type="button" class="text-xs text-white rounded-md px-4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3"></path></svg></button></div><pre class="h-96 overflow-auto" style="color:#f8f8f2;background:#282a36;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, &#x27;Andale Mono&#x27;, &#x27;Ubuntu Mono&#x27;, monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;padding:1em;margin:.5em 0;overflow:auto;border-radius:0.3em"><code class="language-json" style="color:#f8f8f2;background:none;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, &#x27;Andale Mono&#x27;, &#x27;Ubuntu Mono&#x27;, monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none"><span><span class="token" style="color:#f8f8f2">{</span><span>
 </span></span><span><span>  </span><span class="token" style="color:#ff79c6">&quot;$id&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;https://example.com/OrderRequested.json&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
 </span></span><span><span>  </span><span class="token" style="color:#ff79c6">&quot;$schema&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;https://json-schema.org/draft/2020-12/schema&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
@@ -37,4 +37,4 @@
 </span></span><span><span>      </span><span class="token" style="color:#f8f8f2">}</span><span>
 </span></span><span><span>    </span><span class="token" style="color:#f8f8f2">}</span><span>
 </span></span><span><span>  </span><span class="token" style="color:#f8f8f2">}</span><span>
-</span></span><span><span></span><span class="token" style="color:#f8f8f2">}</span></span></code></pre></div></section></div></div></div></div></div><div class="flex mt-10 justify-between"><a href="https:/github.com/boyney123/eventcatalog-demo/edit/master/domains/Orders/events/OrderComplete/index.md" target="_blank" class="flex text-gray-400" rel="noreferrer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="top-1 mr-2 relative h-4 w-4 text-gray-400"><path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path></svg><span>Edit this page</span></a><span class="italic text-xs mt-2">Last updated on <!-- -->2022/3/18</span></div></div><div class="md:min-h-screen"><aside class="hidden xl:block xl:pl-8 divide-y divide-gray-200"><h2 class="sr-only">Details</h2><div class="pt-6 py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500"><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  inline-block mr-2 text-green-400"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (1)</h2><ul class="mt-2 leading-8"><li class="inline mr-2"><a class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5" href="/domains/Orders/services/Orders%20Service/"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-green-500" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900 truncate max-w-xs">Orders Service</div></a></li></ul></div></div><div class="pt-6 py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500"><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  inline-block mr-2 text-indigo-400"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Consumers (1)</h2><ul class="mt-2 leading-8"><li class="inline mr-2"><a class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5" href="/services/Data%20Lake/"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-indigo-500" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900 truncate max-w-xs">Data Lake</div></a></li></ul></div></div><div class="py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500"><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-yellow-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path></svg>Domain</h2><ul class="mt-2 leading-8"><li class="inline"><a href="#" class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-yellow-500 animate animate-pulse" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900">Orders</div></a></li></ul></div></div><div class=" py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500">Domain Owners (<!-- -->2<!-- -->)</h2><ul class="mt-4 leading-8 space-y-2"><li class="flex justify-start"><a class="flex items-center space-x-3" href="/users/dboyne/"><div class="flex-shrink-0"><img class="h-5 w-5 rounded-full" src="https://pbs.twimg.com/profile_images/1262283153563140096/DYRDqKg6_400x400.png" alt=""/></div><div class="text-sm font-medium text-gray-900">David Boyne</div></a></li><li class="flex justify-start"><a class="flex items-center space-x-3" href="/users/mSmith/"><div class="flex-shrink-0"><img class="h-5 w-5 rounded-full" src="https://randomuser.me/api/portraits/lego/3.jpg" alt=""/></div><div class="text-sm font-medium text-gray-900">Matthew Smith</div></a></li></ul></div></div><div class=" py-6 space-y-1"><a href="/schemas/OrderComplete/schema.json" download="OrderComplete(0.0.1).json" class="hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-200 bg-gray-800 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="-ml-1 mr-2 h-5 w-5 text-gray-200"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path></svg><span>Download Schema</span></a><a class="hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-800 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-200" href="/visualiser/?type=event&amp;nameOrderComplete"><span>View in Visualiser</span></a></div></aside></div></div></div></main></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":{"event":{"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":[],"producers":[{"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":[]}]}],"consumers":[],"historicVersions":[],"schema":{"snippet":"{\n  \"$id\": \"https://example.com/OrderRequested.json\",\n  \"$schema\": \"https://json-schema.org/draft/2020-12/schema\",\n  \"title\": \"OrderRequested\",\n  \"type\": \"object\",\n  \"properties\": {\n    \"metadata\": {\n      \"type\": \"object\",\n      \"properties\": {\n        \"correlationId\": {\n          \"type\": \"string\",\n          \"description\": \"The ID of the user\"\n        },\n        \"domain\": {\n          \"type\": \"string\",\n          \"description\": \"The domain of the event\"\n        },\n        \"service\": {\n          \"type\": \"string\",\n          \"description\": \"The name of the service that triggered the event\"\n        }\n      },\n      \"required\": [\"correlationId\", \"domain\", \"service\"]\n    },\n    \"data\": {\n      \"type\": \"object\",\n      \"properties\": {\n        \"userId\": {\n          \"type\": \"string\",\n          \"description\": \"The ID of the user\"\n        },\n        \"orderId\": {\n          \"type\": \"string\",\n          \"description\": \"The ID the users order\"\n        }\n      }\n    }\n  }\n}","language":"json","extension":"json"},"examples":[]},"eventPath":"/domains/Orders/events/OrderComplete","breadCrumbs":[{"name":"Domain","href":"/domains","current":false},{"name":"Orders","href":"/domains/Orders","current":false},{"name":"Events","href":"/events?domain=Orders","current":false},{"name":"OrderComplete","href":"/domains/Orders/events/OrderComplete","current":true}],"markdown":{"content":"\n\u003cAdmonition\u003eWhen firing this event make sure you set the `correlation-id` in the headers. Our schemas have standard metadata make sure you read and follow it.\u003c/Admonition\u003e\n\n### Details\n\nThis event is the final event of the ordering process. It gets raised when the shipment has been delivered.\n\n\u003cNodeGraph title=\"Consumer/Producer Diagram\" /\u003e\n\n\u003cSchema /\u003e","source":{"compiledSource":"var p=Object.defineProperty,c=Object.defineProperties;var u=Object.getOwnPropertyDescriptors;var r=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var s=(e,o,t)=\u003eo in e?p(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,a=(e,o)=\u003e{for(var t in o||(o={}))i.call(o,t)\u0026\u0026s(e,t,o[t]);if(r)for(var t of r(o))d.call(o,t)\u0026\u0026s(e,t,o[t]);return e},h=(e,o)=\u003ec(e,u(o));var m=(e,o)=\u003e{var t={};for(var n in e)i.call(e,n)\u0026\u0026o.indexOf(n)\u003c0\u0026\u0026(t[n]=e[n]);if(e!=null\u0026\u0026r)for(var n of r(e))o.indexOf(n)\u003c0\u0026\u0026d.call(e,n)\u0026\u0026(t[n]=e[n]);return t};const makeShortcode=e=\u003efunction(t){return console.warn(\"Component \"+e+\" was not imported, exported, or provided by MDXProvider as global scope\"),mdx(\"div\",a({},t))},Admonition=makeShortcode(\"Admonition\"),NodeGraph=makeShortcode(\"NodeGraph\"),Schema=makeShortcode(\"Schema\"),layoutProps={},MDXLayout=\"wrapper\";function MDXContent(t){var n=t,{components:e}=n,o=m(n,[\"components\"]);return mdx(MDXLayout,h(a(a({},layoutProps),o),{components:e,mdxType:\"MDXLayout\"}),mdx(Admonition,{mdxType:\"Admonition\"},\"When firing this event make sure you set the `correlation-id` in the headers. Our schemas have standard metadata make sure you read and follow it.\"),mdx(\"h3\",null,\"Details\"),mdx(\"p\",null,\"This event is the final event of the ordering process. It gets raised when the shipment has been delivered.\"),mdx(NodeGraph,{title:\"Consumer/Producer Diagram\",mdxType:\"NodeGraph\"}),mdx(Schema,{mdxType:\"Schema\"}))}MDXContent.isMDXComponent=!0;\n","scope":{}},"lastModifiedDate":"2022/3/18"},"loadedVersion":"latest"},"__N_SSG":true},"page":"/domains/[domain]/events/[name]","query":{"domain":"Orders","name":"OrderComplete"},"buildId":"4OeG7Nzf7Jlr4wBc9pfdH","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
+</span></span><span><span></span><span class="token" style="color:#f8f8f2">}</span></span></code></pre></div></section></div></div></div></div></div><div class="flex mt-10 justify-between"><a href="https:/github.com/boyney123/eventcatalog-demo/edit/master/domains/Orders/events/OrderComplete/index.md" target="_blank" class="flex text-gray-400" rel="noreferrer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="top-1 mr-2 relative h-4 w-4 text-gray-400"><path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path></svg><span>Edit this page</span></a><span class="italic text-xs mt-2">Last updated on <!-- -->2022/3/18</span></div></div><div class="md:min-h-screen"><aside class="hidden xl:block xl:pl-8 divide-y divide-gray-200"><h2 class="sr-only">Details</h2><div class="pt-6 py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500"><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  inline-block mr-2 text-green-400"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (1)</h2><ul class="mt-2 leading-8"><li class="inline mr-2"><a class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5" href="/domains/Orders/services/Orders%20Service/"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-green-500" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900 truncate max-w-xs">Orders Service</div></a></li></ul></div></div><div class="pt-6 py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500"><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  inline-block mr-2 text-indigo-400"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Consumers (1)</h2><ul class="mt-2 leading-8"><li class="inline mr-2"><a class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5" href="/services/Data%20Lake/"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-indigo-500" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900 truncate max-w-xs">Data Lake</div></a></li></ul></div></div><div class="py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500"><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-yellow-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path></svg>Domain</h2><ul class="mt-2 leading-8"><li class="inline"><a href="#" class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-yellow-500 animate animate-pulse" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900">Orders</div></a></li></ul></div></div><div class=" py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500">Domain Owners (<!-- -->2<!-- -->)</h2><ul class="mt-4 leading-8 space-y-2"><li class="flex justify-start"><a class="flex items-center space-x-3" href="/users/dboyne/"><div class="flex-shrink-0"><img class="h-5 w-5 rounded-full" src="https://pbs.twimg.com/profile_images/1262283153563140096/DYRDqKg6_400x400.png" alt=""/></div><div class="text-sm font-medium text-gray-900">David Boyne</div></a></li><li class="flex justify-start"><a class="flex items-center space-x-3" href="/users/mSmith/"><div class="flex-shrink-0"><img class="h-5 w-5 rounded-full" src="https://randomuser.me/api/portraits/lego/3.jpg" alt=""/></div><div class="text-sm font-medium text-gray-900">Matthew Smith</div></a></li></ul></div></div><div class=" py-6 space-y-1"><a href="/schemas/OrderComplete/schema.json" download="OrderComplete(0.0.1).json" class="hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-200 bg-gray-800 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="-ml-1 mr-2 h-5 w-5 text-gray-200"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path></svg><span>Download Schema</span></a><a class="hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-800 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-200" href="/visualiser/?type=event&amp;nameOrderComplete"><span>View in Visualiser</span></a></div></aside></div></div></div></main></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":{"event":{"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":[],"producers":[{"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":[]}]}],"consumers":[],"historicVersions":[],"schema":{"snippet":"{\n  \"$id\": \"https://example.com/OrderRequested.json\",\n  \"$schema\": \"https://json-schema.org/draft/2020-12/schema\",\n  \"title\": \"OrderRequested\",\n  \"type\": \"object\",\n  \"properties\": {\n    \"metadata\": {\n      \"type\": \"object\",\n      \"properties\": {\n        \"correlationId\": {\n          \"type\": \"string\",\n          \"description\": \"The ID of the user\"\n        },\n        \"domain\": {\n          \"type\": \"string\",\n          \"description\": \"The domain of the event\"\n        },\n        \"service\": {\n          \"type\": \"string\",\n          \"description\": \"The name of the service that triggered the event\"\n        }\n      },\n      \"required\": [\"correlationId\", \"domain\", \"service\"]\n    },\n    \"data\": {\n      \"type\": \"object\",\n      \"properties\": {\n        \"userId\": {\n          \"type\": \"string\",\n          \"description\": \"The ID of the user\"\n        },\n        \"orderId\": {\n          \"type\": \"string\",\n          \"description\": \"The ID the users order\"\n        }\n      }\n    }\n  }\n}","language":"json","extension":"json"},"examples":[]},"eventPath":"/domains/Orders/events/OrderComplete","breadCrumbs":[{"name":"Domain","href":"/domains","current":false},{"name":"Orders","href":"/domains/Orders","current":false},{"name":"Events","href":"/events?domain=Orders","current":false},{"name":"OrderComplete","href":"/domains/Orders/events/OrderComplete","current":true}],"markdown":{"content":"\n\u003cAdmonition\u003eWhen firing this event make sure you set the `correlation-id` in the headers. Our schemas have standard metadata make sure you read and follow it.\u003c/Admonition\u003e\n\n### Details\n\nThis event is the final event of the ordering process. It gets raised when the shipment has been delivered.\n\n\u003cNodeGraph title=\"Consumer/Producer Diagram\" /\u003e\n\n\u003cSchema /\u003e","source":{"compiledSource":"var p=Object.defineProperty,c=Object.defineProperties;var u=Object.getOwnPropertyDescriptors;var r=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var s=(e,o,t)=\u003eo in e?p(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,a=(e,o)=\u003e{for(var t in o||(o={}))i.call(o,t)\u0026\u0026s(e,t,o[t]);if(r)for(var t of r(o))d.call(o,t)\u0026\u0026s(e,t,o[t]);return e},h=(e,o)=\u003ec(e,u(o));var m=(e,o)=\u003e{var t={};for(var n in e)i.call(e,n)\u0026\u0026o.indexOf(n)\u003c0\u0026\u0026(t[n]=e[n]);if(e!=null\u0026\u0026r)for(var n of r(e))o.indexOf(n)\u003c0\u0026\u0026d.call(e,n)\u0026\u0026(t[n]=e[n]);return t};const makeShortcode=e=\u003efunction(t){return console.warn(\"Component \"+e+\" was not imported, exported, or provided by MDXProvider as global scope\"),mdx(\"div\",a({},t))},Admonition=makeShortcode(\"Admonition\"),NodeGraph=makeShortcode(\"NodeGraph\"),Schema=makeShortcode(\"Schema\"),layoutProps={},MDXLayout=\"wrapper\";function MDXContent(t){var n=t,{components:e}=n,o=m(n,[\"components\"]);return mdx(MDXLayout,h(a(a({},layoutProps),o),{components:e,mdxType:\"MDXLayout\"}),mdx(Admonition,{mdxType:\"Admonition\"},\"When firing this event make sure you set the `correlation-id` in the headers. Our schemas have standard metadata make sure you read and follow it.\"),mdx(\"h3\",null,\"Details\"),mdx(\"p\",null,\"This event is the final event of the ordering process. It gets raised when the shipment has been delivered.\"),mdx(NodeGraph,{title:\"Consumer/Producer Diagram\",mdxType:\"NodeGraph\"}),mdx(Schema,{mdxType:\"Schema\"}))}MDXContent.isMDXComponent=!0;\n","scope":{}},"lastModifiedDate":"2022/3/18"},"loadedVersion":"latest"},"__N_SSG":true},"page":"/domains/[domain]/events/[name]","query":{"domain":"Orders","name":"OrderComplete"},"buildId":"P5kR3NJnMI8_LCcCh0vDK","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>