npm - @eventcatalog/core - Versions diffs - 0.1.15 → 0.1.16 - Mend

@eventcatalog/core 0.1.15 → 0.1.16

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

package/out/users/dboyne/index.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><title>EventCatalog</title><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/><meta name="description" content="An open source project to Discover, Explore and Document your Event Driven Architectures."/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:description" content="An open source tool powered by markdown to document your Event Driven Architecture."/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><meta name="next-head-count" content="18"/><link rel="preload" href="/_next/static/css/7c5aa7fd17ca8eca.css" as="style"/><link rel="stylesheet" href="/_next/static/css/7c5aa7fd17ca8eca.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-258a9e5dae8126df.js" defer=""></script><script src="/_next/static/chunks/framework-576ec6a1c1386453.js" defer=""></script><script src="/_next/static/chunks/main-0015f560a7edeb35.js" defer=""></script><script src="/_next/static/chunks/pages/_app-46c2e0f1ff3b4efb.js" defer=""></script><script src="/_next/static/chunks/176cb4e4-8a0f6f010ef8accb.js" defer=""></script><script src="/_next/static/chunks/962-3388407055119bf3.js" defer=""></script><script src="/_next/static/chunks/pages/users/%5Bid%5D-d3140bb155f8fb45.js" defer=""></script><script src="/_next/static/W7dEX1FefaypBNVaAa8SV/_buildManifest.js" defer=""></script><script src="/_next/static/W7dEX1FefaypBNVaAa8SV/_ssgManifest.js" defer=""></script><script src="/_next/static/W7dEX1FefaypBNVaAa8SV/_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="/overview/">3D Node Graph</a></div></div></div></div></div><div class="flex relative min-h-screen"><div 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 min-h-screen"><div class="xl:border-b pb-4 flex justify-between "><div class="space-y-2"><h1 class="text-3xl font-bold text-gray-900 relative">David Boyne</h1></div></div><div class=" border-b border-gray-100 pb-6"><h1 class="text-lg font-bold text-gray-800 relative mt-4">Owner of Events (<!-- -->9<!-- -->)</h1><ul class="mt-3 grid grid-cols-1 gap-5 md:grid-cols-2"><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/AddedItemToCart/"><div style="background:#2e0a58" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><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">AddedItemToCart<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.3</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user added to their shopping cart.
+<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><title>EventCatalog</title><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/><meta name="description" content="An open source project to Discover, Explore and Document your Event Driven Architectures."/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:description" content="An open source tool powered by markdown to document your Event Driven Architecture."/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><meta name="next-head-count" content="18"/><link rel="preload" href="/_next/static/css/f56eba33afeb64fa.css" as="style"/><link rel="stylesheet" href="/_next/static/css/f56eba33afeb64fa.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-de66347fdf9ac788.js" defer=""></script><script src="/_next/static/chunks/framework-576ec6a1c1386453.js" defer=""></script><script src="/_next/static/chunks/main-0015f560a7edeb35.js" defer=""></script><script src="/_next/static/chunks/pages/_app-6eba1099469a6889.js" defer=""></script><script src="/_next/static/chunks/176cb4e4-8a0f6f010ef8accb.js" defer=""></script><script src="/_next/static/chunks/962-20c87db3880df896.js" defer=""></script><script src="/_next/static/chunks/pages/users/%5Bid%5D-d3140bb155f8fb45.js" defer=""></script><script src="/_next/static/7llqY64OLAlXQNo-YhXyr/_buildManifest.js" defer=""></script><script src="/_next/static/7llqY64OLAlXQNo-YhXyr/_ssgManifest.js" defer=""></script><script src="/_next/static/7llqY64OLAlXQNo-YhXyr/_middlewareManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="bg-gray-800"><div class="max-w-7xl mx-auto "><div class="relative flex items-center justify-between h-16"><div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"><div class="flex-shrink-0 flex items-center text-white font-bold"><a class="flex items-center" href="/"><img alt="logo" class="text-white w-8 inline-block mr-3" src="/logo.svg"/><span class="text-xl">EventCatalog</span></a></div></div><div class="hidden sm:block sm:ml-6"><div class="flex space-x-4"><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/events/">Events</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/services/">Services</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/visualiser/">Visualiser</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><div class="flex relative min-h-screen"><div 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 min-h-screen"><div class="xl:border-b pb-4 flex justify-between "><div class="space-y-2"><h1 class="text-3xl font-bold text-gray-900 relative">David Boyne</h1></div></div><div class=" border-b border-gray-100 pb-6"><h1 class="text-lg font-bold text-gray-800 relative mt-4">Owner of Events (<!-- -->9<!-- -->)</h1><ul class="mt-3 grid grid-cols-1 gap-5 md:grid-cols-2"><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/AddedItemToCart/"><div style="background:#2e0a58" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><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">AddedItemToCart<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.3</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user added to their shopping cart.
 </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" 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-4 w-4 text-green-400 inline-block mr-2"><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<!-- -->)</div><div class=" 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-4 w-4 text-indigo-400 inline-block mr-2"><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>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/OrderComplete/"><div style="background:#871e73" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><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">OrderComplete<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when an order has been complete. (Delivered and finished)
 </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" 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-4 w-4 text-green-400 inline-block mr-2"><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<!-- -->)</div><div class=" 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-4 w-4 text-indigo-400 inline-block mr-2"><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>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/OrderConfirmed/"><div style="background:#d1ffa1" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><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">OrderConfirmed<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when an order has been confirmed and ready to be processed (shipped for example)
 </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" 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-4 w-4 text-green-400 inline-block mr-2"><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<!-- -->)</div><div class=" 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-4 w-4 text-indigo-400 inline-block mr-2"><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>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/OrderRequested/"><div style="background:#e053ec" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><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">OrderRequested<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about the customers order.
@@ -11,4 +11,4 @@
 </div></div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" 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-4 w-4 text-green-400 inline-block mr-2"><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>Subscribe Events (<!-- -->0<!-- -->)</div><div class=" 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-4 w-4 text-indigo-400 inline-block mr-2"><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>Publish Events (<!-- -->3<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm w-full" href="/services/Data%20Lake/"><div style="background:#45603f" class="w-4 rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div><span class="text-gray-900 font-bold">Data Lake</span><div class="text-gray-500 text-xs font-normal mt-2 line-clamp-3">Our internal datalake used by the data team and business analytics.
 </div></div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" 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-4 w-4 text-green-400 inline-block mr-2"><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>Subscribe Events (<!-- -->4<!-- -->)</div><div class=" 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-4 w-4 text-indigo-400 inline-block mr-2"><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>Publish Events (<!-- -->0<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm w-full" href="/services/Payment%20Service/"><div style="background:#5b7e99" class="w-4 rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div><span class="text-gray-900 font-bold">Payment Service</span><div class="text-gray-500 text-xs font-normal mt-2 line-clamp-3">Event based application that integrates with Stripe.
 </div></div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" 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-4 w-4 text-green-400 inline-block mr-2"><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>Subscribe Events (<!-- -->1<!-- -->)</div><div class=" 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-4 w-4 text-indigo-400 inline-block mr-2"><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>Publish Events (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm w-full" href="/services/Shipping%20Service/"><div style="background:#438ef7" class="w-4 rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div><span class="text-gray-900 font-bold">Shipping Service</span><div class="text-gray-500 text-xs font-normal mt-2 line-clamp-3">Event based application that handles processing of shipments, preparing them and dispatching them.
-</div></div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" 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-4 w-4 text-green-400 inline-block mr-2"><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>Subscribe Events (<!-- -->3<!-- -->)</div><div class=" 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-4 w-4 text-indigo-400 inline-block mr-2"><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>Publish Events (<!-- -->3<!-- -->)</div></div></div></div></a></li></ul></div></div><div class="px-8"><div class="flex items-center space-x-5 mt-4 "><div class="flex-shrink-0"><div class="relative"><img class="h-16 w-16 rounded-full" src="https://pbs.twimg.com/profile_images/1262283153563140096/DYRDqKg6_400x400.png" alt=""/><span class="absolute inset-0 shadow-inner rounded-full" aria-hidden="true"></span></div></div><div><h1 class="text-xl font-bold text-gray-900">David Boyne</h1><p class="text-sm font-medium text-gray-500">Developer</p></div></div><div class="mt-6 flow-root border-t border-gray-200 py-6 text-sm">Currently building tools for Event Architectures.</div></div></div></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-900">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-900">Services</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-900">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-900">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2022<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"events":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","producers":["Orders Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","producers":["Orders Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"services":[{"name":"Basket Service","summary":"CRUD based API to handle Basket interactions for users of the shopping website.\n","owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-basket-service"},"tags":[],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"publishes":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[]},{"name":"Data Lake","summary":"Our internal datalake used by the data team and business analytics.\n","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[],"subscribes":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","producers":["Orders Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},{"name":"Payment Service","summary":"Event based application that integrates with Stripe.\n","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},{"name":"Shipping Service","summary":"Event based application that handles processing of shipments, preparing them and dispatching them.\n","owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-shipping-service"},"tags":[],"externalLinks":[],"publishes":[{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","producers":["Orders Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]}],"userId":"dboyne"},"__N_SSG":true},"page":"/users/[id]","query":{"id":"dboyne"},"buildId":"W7dEX1FefaypBNVaAa8SV","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
+</div></div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" 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-4 w-4 text-green-400 inline-block mr-2"><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>Subscribe Events (<!-- -->3<!-- -->)</div><div class=" 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-4 w-4 text-indigo-400 inline-block mr-2"><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>Publish Events (<!-- -->3<!-- -->)</div></div></div></div></a></li></ul></div></div><div class="px-8"><div class="flex items-center space-x-5 mt-4 "><div class="flex-shrink-0"><div class="relative"><img class="h-16 w-16 rounded-full" src="https://pbs.twimg.com/profile_images/1262283153563140096/DYRDqKg6_400x400.png" alt=""/><span class="absolute inset-0 shadow-inner rounded-full" aria-hidden="true"></span></div></div><div><h1 class="text-xl font-bold text-gray-900">David Boyne</h1><p class="text-sm font-medium text-gray-500">Developer</p></div></div><div class="mt-6 flow-root border-t border-gray-200 py-6 text-sm">Currently building tools for Event Architectures.</div></div></div></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-900">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-900">Services</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-900">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-900">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2022<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"events":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","producers":["Orders Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","producers":["Orders Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"services":[{"name":"Basket Service","summary":"CRUD based API to handle Basket interactions for users of the shopping website.\n","owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-basket-service"},"tags":[],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"publishes":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[]},{"name":"Data Lake","summary":"Our internal datalake used by the data team and business analytics.\n","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[],"subscribes":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","producers":["Orders Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},{"name":"Payment Service","summary":"Event based application that integrates with Stripe.\n","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},{"name":"Shipping Service","summary":"Event based application that handles processing of shipments, preparing them and dispatching them.\n","owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-shipping-service"},"tags":[],"externalLinks":[],"publishes":[{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","producers":["Orders Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]}],"userId":"dboyne"},"__N_SSG":true},"page":"/users/[id]","query":{"id":"dboyne"},"buildId":"7llqY64OLAlXQNo-YhXyr","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>

package/out/users/mSmith/index.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><title>EventCatalog</title><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/><meta name="description" content="An open source project to Discover, Explore and Document your Event Driven Architectures."/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:description" content="An open source tool powered by markdown to document your Event Driven Architecture."/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><meta name="next-head-count" content="18"/><link rel="preload" href="/_next/static/css/7c5aa7fd17ca8eca.css" as="style"/><link rel="stylesheet" href="/_next/static/css/7c5aa7fd17ca8eca.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-258a9e5dae8126df.js" defer=""></script><script src="/_next/static/chunks/framework-576ec6a1c1386453.js" defer=""></script><script src="/_next/static/chunks/main-0015f560a7edeb35.js" defer=""></script><script src="/_next/static/chunks/pages/_app-46c2e0f1ff3b4efb.js" defer=""></script><script src="/_next/static/chunks/176cb4e4-8a0f6f010ef8accb.js" defer=""></script><script src="/_next/static/chunks/962-3388407055119bf3.js" defer=""></script><script src="/_next/static/chunks/pages/users/%5Bid%5D-d3140bb155f8fb45.js" defer=""></script><script src="/_next/static/W7dEX1FefaypBNVaAa8SV/_buildManifest.js" defer=""></script><script src="/_next/static/W7dEX1FefaypBNVaAa8SV/_ssgManifest.js" defer=""></script><script src="/_next/static/W7dEX1FefaypBNVaAa8SV/_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="/overview/">3D Node Graph</a></div></div></div></div></div><div class="flex relative min-h-screen"><div 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 min-h-screen"><div class="xl:border-b pb-4 flex justify-between "><div class="space-y-2"><h1 class="text-3xl font-bold text-gray-900 relative">Matthew Smith</h1></div></div><div class=" border-b border-gray-100 pb-6"><h1 class="text-lg font-bold text-gray-800 relative mt-4">Owner of Events (<!-- -->9<!-- -->)</h1><ul class="mt-3 grid grid-cols-1 gap-5 md:grid-cols-2"><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/AddedItemToCart/"><div style="background:#2e0a58" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><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">AddedItemToCart<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.3</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user added to their shopping cart.
+<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><title>EventCatalog</title><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/><meta name="description" content="An open source project to Discover, Explore and Document your Event Driven Architectures."/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:description" content="An open source tool powered by markdown to document your Event Driven Architecture."/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><meta name="next-head-count" content="18"/><link rel="preload" href="/_next/static/css/f56eba33afeb64fa.css" as="style"/><link rel="stylesheet" href="/_next/static/css/f56eba33afeb64fa.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-de66347fdf9ac788.js" defer=""></script><script src="/_next/static/chunks/framework-576ec6a1c1386453.js" defer=""></script><script src="/_next/static/chunks/main-0015f560a7edeb35.js" defer=""></script><script src="/_next/static/chunks/pages/_app-6eba1099469a6889.js" defer=""></script><script src="/_next/static/chunks/176cb4e4-8a0f6f010ef8accb.js" defer=""></script><script src="/_next/static/chunks/962-20c87db3880df896.js" defer=""></script><script src="/_next/static/chunks/pages/users/%5Bid%5D-d3140bb155f8fb45.js" defer=""></script><script src="/_next/static/7llqY64OLAlXQNo-YhXyr/_buildManifest.js" defer=""></script><script src="/_next/static/7llqY64OLAlXQNo-YhXyr/_ssgManifest.js" defer=""></script><script src="/_next/static/7llqY64OLAlXQNo-YhXyr/_middlewareManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="bg-gray-800"><div class="max-w-7xl mx-auto "><div class="relative flex items-center justify-between h-16"><div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"><div class="flex-shrink-0 flex items-center text-white font-bold"><a class="flex items-center" href="/"><img alt="logo" class="text-white w-8 inline-block mr-3" src="/logo.svg"/><span class="text-xl">EventCatalog</span></a></div></div><div class="hidden sm:block sm:ml-6"><div class="flex space-x-4"><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/events/">Events</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/services/">Services</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/visualiser/">Visualiser</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><div class="flex relative min-h-screen"><div 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 min-h-screen"><div class="xl:border-b pb-4 flex justify-between "><div class="space-y-2"><h1 class="text-3xl font-bold text-gray-900 relative">Matthew Smith</h1></div></div><div class=" border-b border-gray-100 pb-6"><h1 class="text-lg font-bold text-gray-800 relative mt-4">Owner of Events (<!-- -->9<!-- -->)</h1><ul class="mt-3 grid grid-cols-1 gap-5 md:grid-cols-2"><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/AddedItemToCart/"><div style="background:#2e0a58" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><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">AddedItemToCart<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.3</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user added to their shopping cart.
 </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" 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-4 w-4 text-green-400 inline-block mr-2"><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<!-- -->)</div><div class=" 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-4 w-4 text-indigo-400 inline-block mr-2"><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>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/OrderComplete/"><div style="background:#871e73" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><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">OrderComplete<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when an order has been complete. (Delivered and finished)
 </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" 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-4 w-4 text-green-400 inline-block mr-2"><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<!-- -->)</div><div class=" 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-4 w-4 text-indigo-400 inline-block mr-2"><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>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/OrderConfirmed/"><div style="background:#d1ffa1" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><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">OrderConfirmed<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when an order has been confirmed and ready to be processed (shipped for example)
 </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" 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-4 w-4 text-green-400 inline-block mr-2"><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<!-- -->)</div><div class=" 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-4 w-4 text-indigo-400 inline-block mr-2"><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>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/OrderRequested/"><div style="background:#e053ec" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><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">OrderRequested<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about the customers order.
@@ -7,4 +7,4 @@
 </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" 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-4 w-4 text-green-400 inline-block mr-2"><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<!-- -->)</div><div class=" 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-4 w-4 text-indigo-400 inline-block mr-2"><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>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/ShipmentDelivered/"><div style="background:#ea7bc8" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><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">ShipmentDelivered<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has been delivered and received.
 </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" 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-4 w-4 text-green-400 inline-block mr-2"><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<!-- -->)</div><div class=" 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-4 w-4 text-indigo-400 inline-block mr-2"><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>Subscribers (<!-- -->2<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/ShipmentDispatched/"><div style="background:#f36bc3" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><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">ShipmentDispatched<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has been dispatched.
 </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" 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-4 w-4 text-green-400 inline-block mr-2"><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<!-- -->)</div><div class=" 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-4 w-4 text-indigo-400 inline-block mr-2"><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>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/ShipmentPrepared/"><div style="background:#1774bd" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><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">ShipmentPrepared<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has finished being prepared and is ready to be dispatched.
-</div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" 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-4 w-4 text-green-400 inline-block mr-2"><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<!-- -->)</div><div class=" 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-4 w-4 text-indigo-400 inline-block mr-2"><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>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li></ul></div><div><h1 class="text-lg font-bold text-gray-800 relative mt-4">Owner of Services (<!-- -->0<!-- -->)</h1><ul class="mt-3 grid grid-cols-1 gap-5 md:grid-cols-2"></ul></div></div><div class="px-8"><div class="flex items-center space-x-5 mt-4 "><div class="flex-shrink-0"><div class="relative"><img class="h-16 w-16 rounded-full" src="https://randomuser.me/api/portraits/lego/3.jpg" alt=""/><span class="absolute inset-0 shadow-inner rounded-full" aria-hidden="true"></span></div></div><div><h1 class="text-xl font-bold text-gray-900">Matthew Smith</h1><p class="text-sm font-medium text-gray-500">Developer</p></div></div><div class="mt-6 flow-root border-t border-gray-200 py-6 text-sm">About Fugiat ipsum ipsum deserunt culpa aute sint do nostrud anim incididunt cillum culpa consequat.</div></div></div></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-900">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-900">Services</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-900">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-900">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2022<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"events":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","producers":["Orders Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","producers":["Orders Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"services":[],"userId":"mSmith"},"__N_SSG":true},"page":"/users/[id]","query":{"id":"mSmith"},"buildId":"W7dEX1FefaypBNVaAa8SV","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
+</div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" 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-4 w-4 text-green-400 inline-block mr-2"><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<!-- -->)</div><div class=" 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-4 w-4 text-indigo-400 inline-block mr-2"><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>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li></ul></div><div><h1 class="text-lg font-bold text-gray-800 relative mt-4">Owner of Services (<!-- -->0<!-- -->)</h1><ul class="mt-3 grid grid-cols-1 gap-5 md:grid-cols-2"></ul></div></div><div class="px-8"><div class="flex items-center space-x-5 mt-4 "><div class="flex-shrink-0"><div class="relative"><img class="h-16 w-16 rounded-full" src="https://randomuser.me/api/portraits/lego/3.jpg" alt=""/><span class="absolute inset-0 shadow-inner rounded-full" aria-hidden="true"></span></div></div><div><h1 class="text-xl font-bold text-gray-900">Matthew Smith</h1><p class="text-sm font-medium text-gray-500">Developer</p></div></div><div class="mt-6 flow-root border-t border-gray-200 py-6 text-sm">About Fugiat ipsum ipsum deserunt culpa aute sint do nostrud anim incididunt cillum culpa consequat.</div></div></div></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-900">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-900">Services</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-900">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-900">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2022<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"events":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","producers":["Orders Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","producers":["Orders Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"services":[],"userId":"mSmith"},"__N_SSG":true},"page":"/users/[id]","query":{"id":"mSmith"},"buildId":"7llqY64OLAlXQNo-YhXyr","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>

package/out/visualiser/index.html ADDED Viewed

@@ -0,0 +1,14 @@
+<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/><meta name="description" content="An open source project to Discover, Explore and Document your Event Driven Architectures."/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:description" content="An open source tool powered by markdown to document your Event Driven Architecture."/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><title>EventCatalog - Visualiser</title><meta name="next-head-count" content="18"/><link rel="preload" href="/_next/static/css/f56eba33afeb64fa.css" as="style"/><link rel="stylesheet" href="/_next/static/css/f56eba33afeb64fa.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-de66347fdf9ac788.js" defer=""></script><script src="/_next/static/chunks/framework-576ec6a1c1386453.js" defer=""></script><script src="/_next/static/chunks/main-0015f560a7edeb35.js" defer=""></script><script src="/_next/static/chunks/pages/_app-6eba1099469a6889.js" defer=""></script><script src="/_next/static/chunks/b744740b-229c238b25b9eeac.js" defer=""></script><script src="/_next/static/chunks/519-2ec6fc3cdbaa4dc2.js" defer=""></script><script src="/_next/static/chunks/962-20c87db3880df896.js" defer=""></script><script src="/_next/static/chunks/506-12764fcf4b5d93b0.js" defer=""></script><script src="/_next/static/chunks/109-a08539311d3d6672.js" defer=""></script><script src="/_next/static/chunks/pages/visualiser-0fbd55ba5b1f83ed.js" defer=""></script><script src="/_next/static/7llqY64OLAlXQNo-YhXyr/_buildManifest.js" defer=""></script><script src="/_next/static/7llqY64OLAlXQNo-YhXyr/_ssgManifest.js" defer=""></script><script src="/_next/static/7llqY64OLAlXQNo-YhXyr/_middlewareManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="bg-gray-800"><div class="max-w-7xl mx-auto "><div class="relative flex items-center justify-between h-16"><div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"><div class="flex-shrink-0 flex items-center text-white font-bold"><a class="flex items-center" href="/"><img alt="logo" class="text-white w-8 inline-block mr-3" src="/logo.svg"/><span class="text-xl">EventCatalog</span></a></div></div><div class="hidden sm:block sm:ml-6"><div class="flex space-x-4"><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/events/">Events</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/services/">Services</a><a class="bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium" aria-current="page" href="/visualiser/">Visualiser</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><div class="h-screen overflow-hidden"><div class="grid grid-cols-6"><div class="col-span-1 bg-white px-4 h-screen overflow-auto border-r-2 shadow-md border-gray-200 py-3"><div class="border-b border-gray-200 pb-6"><div class="mt-1 relative rounded-md shadow-sm"><div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-5 w-5 text-gray-400"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></div><input type="text" name="event" id="event" placeholder="Find Event or Service" class="focus:ring-gray-500 focus:border-gray-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md"/></div></div><div class="space-y-6"><div><span class="font-bold block py-2">Events <!-- --> <!-- -->(<!-- -->9<!-- -->)</span><ul class="space-y-4 overflow-auto"><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#2e0a58" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">AddedItemToCart</div><div class="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">OrderComplete</div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when an order has been complete. (Delivered and finished)
+</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#d1ffa1" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">OrderConfirmed</div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when an order has been confirmed and ready to be processed (shipped for example)
+</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#e053ec" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">OrderRequested</div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about the customers order.
+</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#08642a" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">PaymentProcessed</div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about the payment that has been processed.
+</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#7de28e" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">RemovedItemFromCart</div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user removed from their cart.
+</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#ea7bc8" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">ShipmentDelivered</div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has been delivered and received.
+</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#f36bc3" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">ShipmentDispatched</div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has been dispatched.
+</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#1774bd" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">ShipmentPrepared</div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has finished being prepared and is ready to be dispatched.
+</div></div></div></button></li></ul></div><div><span class="font-bold block py-2">Services <!-- --> <!-- -->(<!-- -->4<!-- -->)</span><ul class="space-y-4 overflow-auto"><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#5b5ad5" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">Basket Service</div><div class="text-gray-500 text-xs font-normal mt-2 ">CRUD based API to handle Basket interactions for users of the shopping website.
+</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#45603f" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">Data Lake</div><div class="text-gray-500 text-xs font-normal mt-2 ">Our internal datalake used by the data team and business analytics.
+</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#5b7e99" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">Payment Service</div><div class="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">Shipping Service</div><div class="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-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-900">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-900">Services</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-900">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-900">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2022<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"events":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","producers":["Orders Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","producers":["Orders Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"services":[{"name":"Basket Service","summary":"CRUD based API to handle Basket interactions for users of the shopping website.\n","owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-basket-service"},"tags":[],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"publishes":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[]},{"name":"Data Lake","summary":"Our internal datalake used by the data team and business analytics.\n","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[],"subscribes":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","producers":["Orders Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},{"name":"Payment Service","summary":"Event based application that integrates with Stripe.\n","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},{"name":"Shipping Service","summary":"Event based application that handles processing of shipments, preparing them and dispatching them.\n","owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-shipping-service"},"tags":[],"externalLinks":[],"publishes":[{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","producers":["Orders Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]}]},"__N_SSG":true},"page":"/visualiser","query":{},"buildId":"7llqY64OLAlXQNo-YhXyr","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>

package/package.json CHANGED Viewed

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

package/pages/visualiser.tsx ADDED Viewed

@@ -0,0 +1,226 @@
+import React, { useEffect, useState, useCallback } from 'react';
+import Head from 'next/head';
+import { useRouter } from 'next/router';
+import debounce from 'lodash.debounce';
+import type { Event, Service } from '@eventcatalog/types';
+import { SearchIcon } from '@heroicons/react/outline';
+import { getAllEvents } from '@/lib/events';
+import { getAllServices } from '@/lib/services';
+import { useConfig } from '@/hooks/EventCatalog';
+import NodeGraph from '@/components/Mdx/NodeGraph/NodeGraph';
+import getBackgroundColor from '@/utils/random-bg';
+function classNames(...classes) {
+  return classes.filter(Boolean).join(' ');
+}
+export interface PageProps {
+  events: Event[];
+  services: Service[];
+}
+function Graph({ events, services }: PageProps) {
+  const { title } = useConfig();
+  const [searchFilter, setSearchFilter] = useState('');
+  const [selectedRootNode, setSelectedRootNode] = useState<any>();
+  const [listItemsToRender, setListItemsToRender] = useState({ events, services });
+  const { query, isReady: isRouterReady } = useRouter();
+  const { name, type } = query;
+  const handleListItemSelection = (data: Event | Service, dataType: 'event' | 'service') => {
+    setSelectedRootNode({ label: data.name, data, type: dataType });
+  };
+  const searchOnChange = useCallback(
+    debounce((e) => {
+      setSearchFilter(e.target.value);
+    }, 500),
+    [listItemsToRender]
+  );
+  const getListItemsToRender = useCallback(() => {
+    if (!searchFilter) return { events, services };
+    const filteredEvents = events.filter((event) => event.name.indexOf(searchFilter) > -1);
+    const filteredServices = services.filter((service) => service.name.indexOf(searchFilter) > -1);
+    return { events: filteredEvents, services: filteredServices };
+  }, [events, services, searchFilter]);
+  useEffect(() => {
+    const filteredListItems = getListItemsToRender();
+    setListItemsToRender(filteredListItems);
+  }, [searchFilter, getListItemsToRender]);
+  useEffect(() => {
+    if (!isRouterReady) return;
+    const initialDataToLoad = events[0];
+    const initialSelectedRootNode = { label: initialDataToLoad.name, type: 'event', data: initialDataToLoad };
+    if (name && type) {
+      const dataToSearch = type === 'service' ? services : (events as []);
+      const match = dataToSearch.find((item) => item.name === name);
+      if (match) {
+        setSelectedRootNode({ label: match.name, type, data: match });
+      } else {
+        setSelectedRootNode(initialSelectedRootNode);
+      }
+    } else {
+      setSelectedRootNode(initialSelectedRootNode);
+    }
+  }, [name, type, events, services, isRouterReady]);
+  return (
+    <div className="h-screen overflow-hidden">
+      <Head>
+        <title>{title} - Visualiser</title>
+      </Head>
+      <div className="grid grid-cols-6">
+        <div className="col-span-1 bg-white px-4  h-screen overflow-auto border-r-2 shadow-md border-gray-200 py-3">
+          <div className="border-b border-gray-200 pb-6">
+            <div className="mt-1 relative rounded-md shadow-sm">
+              <div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+                <SearchIcon className="h-5 w-5 text-gray-400" aria-hidden="true" />
+              </div>
+              <input
+                type="text"
+                name="event"
+                id="event"
+                onChange={searchOnChange}
+                placeholder="Find Event or Service"
+                className="focus:ring-gray-500 focus:border-gray-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md"
+              />
+            </div>
+          </div>
+          <div className="space-y-6">
+            <div>
+              <span className="font-bold block py-2">
+                Events {` `}
+                {searchFilter && (
+                  <>
+                    ({listItemsToRender.events.length}/{events.length})
+                  </>
+                )}
+                {!searchFilter && <>({events.length})</>}
+              </span>
+              {listItemsToRender.events.length === 0 && <span className="text-sm text-gray-300">No Events Found</span>}
+              <ul className="space-y-4 overflow-auto">
+                {listItemsToRender.events.map((event) => {
+                  const isSelected = selectedRootNode ? selectedRootNode.label === event.name : false;
+                  return (
+                    <ListItem
+                      type="event"
+                      key={event.name}
+                      data={event}
+                      onClick={(e) => handleListItemSelection(e.data, 'event')}
+                      isSelected={isSelected}
+                    />
+                  );
+                })}
+              </ul>
+            </div>
+            <div>
+              <span className="font-bold block py-2">
+                Services {` `}
+                {searchFilter && (
+                  <>
+                    ({listItemsToRender.services.length}/{services.length})
+                  </>
+                )}
+                {!searchFilter && <>({services.length})</>}
+              </span>
+              {listItemsToRender.services.length === 0 && <span className="text-sm text-gray-300">No Services Found</span>}
+              <ul className="space-y-4 overflow-auto">
+                {listItemsToRender.services.map((service) => {
+                  const isSelected = selectedRootNode ? selectedRootNode.label === service.name : false;
+                  return (
+                    <ListItem
+                      type="event"
+                      key={service.name}
+                      data={service}
+                      onClick={(e) => handleListItemSelection(e.data, 'service')}
+                      isSelected={isSelected}
+                    />
+                  );
+                })}
+              </ul>
+            </div>
+          </div>
+        </div>
+        <div className="bg-gray-200 h-screen col-span-5">
+          {selectedRootNode && (
+            <NodeGraph
+              source={selectedRootNode.type}
+              data={selectedRootNode.data}
+              title="Visualiser"
+              subtitle={selectedRootNode.data.name}
+              rootNodeColor={getBackgroundColor(selectedRootNode.label)}
+              fitView
+              isAnimated
+              isDraggable
+              includeBackground
+              renderWithBorder={false}
+              maxHeight="100%"
+              includeEdgeLabels
+              includeNodeIcons
+            />
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
+interface ListItemProps {
+  data: Service | Event;
+  // eslint-disable-next-line no-unused-vars
+  onClick(data: { data: Event | Service; type: string }): void;
+  type: 'event' | 'service';
+  isSelected: boolean;
+}
+function ListItem({ data, onClick, type, isSelected }: ListItemProps) {
+  const border = isSelected ? 'border-green-500 bg-green-50 shadow-md ' : '';
+  return (
+    <li className="flex">
+      <button
+        type="button"
+        onClick={() => onClick({ data, type })}
+        className={`flex shadow-sm rounded-md w-full text-left border ${border}`}
+      >
+        <div
+          style={{
+            background: getBackgroundColor(data.name),
+          }}
+          className={classNames(
+            '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 className={`w-full rounded-r-md border-t border-r border-b ${isSelected ? '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">{data.name}</div>
+            <div className="text-gray-500 text-xs font-normal mt-2 ">{data.summary}</div>
+          </div>
+        </div>
+      </button>
+    </li>
+  );
+}
+export default Graph;
+export const getStaticProps = () => {
+  const events = getAllEvents();
+  const services = getAllServices();
+  return {
+    props: {
+      events,
+      services,
+    },
+  };
+};

package/styles/globals.css CHANGED Viewed

@@ -46,3 +46,7 @@ event-table thead th {
   background-color: rgba(0, 0, 0, 0.5);
   user-select: none;
 }
+.react-flow__controls-no-shadow{
+  box-shadow: none !important;
+}

package/.next/static/W7dEX1FefaypBNVaAa8SV/_buildManifest.js DELETED Viewed

@@ -1 +0,0 @@

- self.__BUILD_MANIFEST=function(s,e,c,a,t,n,i,f,d,r,b,v,u,k){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":["static/chunks/pages/index-fe1a9e09c7f51e66.js"],"/_error":["static/chunks/pages/_error-5a714c45c50a8db4.js"],"/events":[s,e,c,i,"static/chunks/pages/events-1f39499146c9c75f.js"],"/events/[name]":[s,a,f,d,r,e,c,t,b,v,n,u,k,"static/chunks/pages/events/[name]-89e1edc81aa51fc3.js"],"/events/[name]/logs":[e,"static/chunks/364-9c039ca46569869e.js","static/css/5eeed9cb243ce668.css","static/chunks/pages/events/[name]/logs-707da36de8222a98.js"],"/events/[name]/v/[version]":[s,a,f,d,r,e,c,t,b,v,n,u,k,"static/chunks/pages/events/[name]/v/[version]-d8d4d12f05da9c8a.js"],"/overview":["static/chunks/pages/overview-2f0bfad06c84e437.js"],"/services":[s,e,c,i,"static/chunks/pages/services-f52121c6dc1211aa.js"],"/services/[name]":[s,a,e,c,t,n,"static/chunks/pages/services/[name]-204382bfbc48b1b4.js"],"/users/[id]":[s,c,"static/chunks/pages/users/[id]-d3140bb155f8fb45.js"],sortedPages:["/","/_app","/_error","/events","/events/[name]","/events/[name]/logs","/events/[name]/v/[version]","/overview","/services","/services/[name]","/users/[id]"]}}("static/chunks/176cb4e4-8a0f6f010ef8accb.js","static/chunks/519-7c428c1e49c8e614.js","static/chunks/962-3388407055119bf3.js","static/chunks/b744740b-94e91620ba96ccbf.js","static/chunks/280-06401c009983574c.js","static/chunks/651-739e958e40343654.js","static/chunks/274-11c4d093341d7201.js","static/chunks/1df474da-91f6061ee61707c6.js","static/chunks/7f5d3f51-7158fdd5a44cedd5.js","static/chunks/2edb282b-9e1cce5842787609.js","static/chunks/5-f60eecf67567a225.js","static/chunks/620-d80b0351ea428525.js","static/chunks/178-b2fa9e84692fffe3.js","static/css/7e14b4dede1671ad.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();

package/.next/static/W7dEX1FefaypBNVaAa8SV/_ssgManifest.js DELETED Viewed

	@@ -1 +0,0 @@
1	- self.__SSG_MANIFEST=new Set(["\u002Foverview","\u002Fevents","\u002Fservices","\u002Fevents\u002F[name]\u002Flogs","\u002Fservices\u002F[name]","\u002Fusers\u002F[id]","\u002Fevents\u002F[name]","\u002Fevents\u002F[name]\u002Fv\u002F[version]"]);self.__SSG_MANIFEST_CB&&self.__SSG_MANIFEST_CB()