npm - @eventcatalog/core - Versions diffs - 0.0.12 → 0.1.1 - Mend

@eventcatalog/core 0.0.12 → 0.1.1

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

Files changed (255) hide show

package/.next/server/pages/events.html ADDED Viewed

@@ -0,0 +1,10 @@
+<!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 - All Events</title><meta name="next-head-count" content="18"/><link rel="preload" href="/_next/static/css/2532bb4d95ad483e.css" as="style"/><link rel="stylesheet" href="/_next/static/css/2532bb4d95ad483e.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-f27c5bb37992d94f.js" defer=""></script><script src="/_next/static/chunks/framework-576ec6a1c1386453.js" defer=""></script><script src="/_next/static/chunks/main-0289ecbd51cd4cb4.js" defer=""></script><script src="/_next/static/chunks/pages/_app-2b86b0fb5ed8c085.js" defer=""></script><script src="/_next/static/chunks/176cb4e4-8a0f6f010ef8accb.js" defer=""></script><script src="/_next/static/chunks/519-7c428c1e49c8e614.js" defer=""></script><script src="/_next/static/chunks/962-d5070461f6d4a478.js" defer=""></script><script src="/_next/static/chunks/274-11c4d093341d7201.js" defer=""></script><script src="/_next/static/chunks/pages/events-2bca09b458bde8ab.js" defer=""></script><script src="/_next/static/xWuchBA47-kIcuK-WNSOY/_buildManifest.js" defer=""></script><script src="/_next/static/xWuchBA47-kIcuK-WNSOY/_ssgManifest.js" defer=""></script><script src="/_next/static/xWuchBA47-kIcuK-WNSOY/_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="/events"><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="bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium" aria-current="page" 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><main class="max-w-7xl mx-auto min-h-screen px-4 md:px-0"><div class="relative z-10 flex items-baseline justify-between pt-8 pb-6 border-b border-gray-200"><h1 class="text-2xl font-extrabold tracking-tight text-gray-900">Events (<!-- -->9<!-- -->)</h1><div class="flex items-center"><div class="hidden relative text-left"><div><button class="group inline-flex justify-center text-sm font-medium text-gray-700 hover:text-gray-900" id="headlessui-menu-button-undefined" type="button" aria-haspopup="true" aria-expanded="false">Sort<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="flex-shrink-0 -mr-1 ml-1 h-5 w-5 text-gray-400 group-hover:text-gray-500"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div></div></div></div><section class="pt-6 pb-24"><div class="grid grid-cols-4 gap-x-8 gap-y-10"><form class="hidden lg:block"><div class="border-b border-gray-200 pb-6"><label for="event" class="font-bold block text-sm font-medium text-gray-700">Search Events</label><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" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="h-5 w-5 text-gray-400"><path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd"></path></svg></div><input type="text" name="event" id="event" 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="border-b border-gray-200 py-6"><h3 class="-my-3 flow-root"><div class="py-3 bg-white w-full flex items-center justify-between text-sm text-gray-400 hover:text-gray-500"><span class="font-bold font-medium text-gray-900">Filter by Services (6)</span></div></h3><div class="pt-6"><div class="space-y-4"><div class="flex items-center"><input type="checkbox" id="filter-services-0" name="services[]" class="h-4 w-4 border-gray-300 rounded text-gray-600 focus:ring-gray-500" value="Data Lake"/><label for="filter-services-0" class="ml-3 text-sm text-gray-600">Data Lake</label></div><div class="flex items-center"><input type="checkbox" id="filter-services-1" name="services[]" class="h-4 w-4 border-gray-300 rounded text-gray-600 focus:ring-gray-500" value="Basket Service"/><label for="filter-services-1" class="ml-3 text-sm text-gray-600">Basket Service</label></div><div class="flex items-center"><input type="checkbox" id="filter-services-2" name="services[]" class="h-4 w-4 border-gray-300 rounded text-gray-600 focus:ring-gray-500" value="Orders Service"/><label for="filter-services-2" class="ml-3 text-sm text-gray-600">Orders Service</label></div><div class="flex items-center"><input type="checkbox" id="filter-services-3" name="services[]" class="h-4 w-4 border-gray-300 rounded text-gray-600 focus:ring-gray-500" value="Shipping Service"/><label for="filter-services-3" class="ml-3 text-sm text-gray-600">Shipping Service</label></div><div class="flex items-center"><input type="checkbox" id="filter-services-4" name="services[]" class="h-4 w-4 border-gray-300 rounded text-gray-600 focus:ring-gray-500" value="Payment Service"/><label for="filter-services-4" class="ml-3 text-sm text-gray-600">Payment Service</label></div><div class="flex items-center"><input type="checkbox" id="filter-services-5" name="services[]" class="h-4 w-4 border-gray-300 rounded text-gray-600 focus:ring-gray-500" value="Order Service"/><label for="filter-services-5" class="ml-3 text-sm text-gray-600">Order Service</label></div></div></div></div><div class="border-b border-gray-200 py-6"><h3 class="-my-3 flow-root"><div class="py-3 bg-white w-full flex items-center justify-between text-sm text-gray-400 hover:text-gray-500"><span class="font-bold font-medium text-gray-900">Features</span></div></h3><div class="pt-6"><div class="space-y-4"><div class="flex items-center"><input type="checkbox" id="show-mermaid" class="h-4 w-4 border-gray-300 rounded text-gray-600 focus:ring-gray-500"/><label for="show-mermaid" class="ml-3 text-sm text-gray-600">Show Mermaid Diagrams</label></div></div></div></div></form><div class="col-span-4 lg:col-span-3"><div><h2 class="text-gray-500 text-xs font-medium uppercase tracking-wide">All Events (9)</h2><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.
+</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/PaymentProcessed"><div style="background:#08642a" 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">PaymentProcessed<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 payment that has been processed.
+</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/RemovedItemFromCart"><div style="background:#7de28e" 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">RemovedItemFromCart<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 what the user removed from their 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/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 delievered 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></div></section></main><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 delievered 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":["Data Lake","Basket Service","Orders Service","Shipping Service","Payment Service","Order Service"]},"__N_SSG":true},"page":"/events","query":{},"buildId":"xWuchBA47-kIcuK-WNSOY","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>

package/.next/server/pages/events.js CHANGED Viewed

@@ -12,7 +12,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__) => {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (/* binding */ Page),
-/* harmony export */   "getServerSideProps": () => (/* binding */ getServerSideProps)
+/* harmony export */   "getStaticProps": () => (/* binding */ getStaticProps)
 /* harmony export */ });
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
@@ -20,7 +20,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(968);
 /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_head__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9097);
+/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4305);
+/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var _headlessui_react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7505);
 /* harmony import */ var _headlessui_react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_headlessui_react__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var _heroicons_react_solid__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1143);
@@ -61,7 +62,7 @@ function Page({ events , services  }) {
     const filters = [
         {
             id: 'services',
-            name: 'Services',
+            name: `Filter by Services (${services.length})`,
             options: services.map((service)=>({
                     value: service,
                     label: service,
@@ -74,6 +75,8 @@ function Page({ events , services  }) {
         services: []
     });
     const { 0: showMermaidDiagrams , 1: setShowMermaidDiagrams  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
+    const { 0: eventsToRender , 1: setEventsToRender  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(events);
+    const { 0: searchFilter , 1: setSearchFilter  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)('');
     const handleFilterSelection = (option, type, event)=>{
         if (event.target.checked) {
             const newFilters = selectedFilters[type].concat([
@@ -92,18 +95,40 @@ function Page({ events , services  }) {
             });
         }
     };
-    let eventsToRender = events;
-    if (selectedFilters.services.length > 0) {
-        // @ts-ignore
-        eventsToRender = eventsToRender.filter((event)=>{
-            const { services: serviceFilters  } = selectedFilters;
-            const hasConsumersFromFilters = event.consumers.some((consumerId)=>serviceFilters.indexOf(consumerId) > -1
-            );
-            const hasProducersFromFilters = event.producers.some((producerId)=>serviceFilters.indexOf(producerId) > -1
+    const getFilteredEvents = ()=>{
+        if (!selectedFilters.services && !searchFilter) return events;
+        let filteredEvents = events;
+        if (selectedFilters.services.length > 0) {
+            // @ts-ignore
+            filteredEvents = filteredEvents.filter((event)=>{
+                const { services: serviceFilters  } = selectedFilters;
+                const hasConsumersFromFilters = event.consumers.some((consumerId)=>serviceFilters.indexOf(consumerId) > -1
+                );
+                const hasProducersFromFilters = event.producers.some((producerId)=>serviceFilters.indexOf(producerId) > -1
+                );
+                return hasConsumersFromFilters || hasProducersFromFilters;
+            });
+        }
+        if (searchFilter) {
+            filteredEvents = filteredEvents.filter((event)=>event.name.toLowerCase().includes(searchFilter.toLowerCase())
             );
-            return hasConsumersFromFilters || hasProducersFromFilters;
-        });
-    }
+        }
+        return filteredEvents;
+    };
+    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
+        setEventsToRender(getFilteredEvents());
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        selectedFilters,
+        searchFilter
+    ]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const debouncedFilter = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(lodash_debounce__WEBPACK_IMPORTED_MODULE_3___default()((e)=>{
+        setSearchFilter(e.target.value);
+    }, 500), [
+        eventsToRender
+    ]);
+    const filtersApplied = !!searchFilter || selectedFilters.services.length > 0;
     return(/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
         children: [
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_head__WEBPACK_IMPORTED_MODULE_2___default()), {
@@ -179,21 +204,34 @@ function Page({ events , services  }) {
                                 /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("form", {
                                     className: "hidden lg:block",
                                     children: [
-                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
-                                            className: "text-sm font-bold text-gray-900 mb-4 block",
-                                            children: "Events"
-                                        }),
-                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("ul", {
-                                            className: " text-sm text-gray-600 space-y-4 pb-6 border-b border-gray-200 items-stretch",
-                                            children: events.map((event)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("li", {
-                                                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(next_link__WEBPACK_IMPORTED_MODULE_3__["default"], {
-                                                        href: `/events/${event.name}`,
-                                                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("a", {
-                                                            children: event.name
+                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                            className: "border-b border-gray-200 pb-6",
+                                            children: [
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", {
+                                                    htmlFor: "event",
+                                                    className: "font-bold block text-sm font-medium text-gray-700",
+                                                    children: "Search Events"
+                                                }),
+                                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                                    className: "mt-1 relative rounded-md shadow-sm",
+                                                    children: [
+                                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                                            className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",
+                                                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_heroicons_react_solid__WEBPACK_IMPORTED_MODULE_5__.SearchIcon, {
+                                                                className: "h-5 w-5 text-gray-400",
+                                                                "aria-hidden": "true"
+                                                            })
+                                                        }),
+                                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
+                                                            type: "text",
+                                                            name: "event",
+                                                            id: "event",
+                                                            onChange: debouncedFilter,
+                                                            className: "focus:ring-gray-500 focus:border-gray-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md"
                                                         })
-                                                    })
-                                                }, event.name)
-                                            )
+                                                    ]
+                                                })
+                                            ]
                                         }),
                                         filters.map((section)=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                                                 className: "border-b border-gray-200 py-6",
@@ -203,7 +241,7 @@ function Page({ events , services  }) {
                                                         children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                                             className: "py-3 bg-white w-full flex items-center justify-between text-sm text-gray-400 hover:text-gray-500",
                                                             children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
-                                                                className: "font-medium text-gray-900",
+                                                                className: "font-bold font-medium text-gray-900",
                                                                 children: section.name
                                                             })
                                                         })
@@ -246,7 +284,7 @@ function Page({ events , services  }) {
                                                     children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                                         className: "py-3 bg-white w-full flex items-center justify-between text-sm text-gray-400 hover:text-gray-500",
                                                         children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
-                                                            className: "font-medium text-gray-900",
+                                                            className: "font-bold font-medium text-gray-900",
                                                             children: "Features"
                                                         })
                                                     })
@@ -283,17 +321,24 @@ function Page({ events , services  }) {
                                     className: "col-span-4 lg:col-span-3",
                                     children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                                         children: [
-                                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("h2", {
+                                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
                                                 className: "text-gray-500 text-xs font-medium uppercase tracking-wide",
-                                                children: [
-                                                    "Events (",
-                                                    eventsToRender.length,
-                                                    ")"
-                                                ]
+                                                children: filtersApplied ? `Filtered Events (${eventsToRender.length}/${events.length})` : `All Events (${events.length})`
                                             }),
                                             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Grids_EventGrid__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                                                 events: eventsToRender,
                                                 showMermaidDiagrams: showMermaidDiagrams
+                                            }),
+                                            eventsToRender.length === 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                                className: "text-gray-400 flex h-96 justify-center items-center",
+                                                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                                    children: [
+                                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_heroicons_react_solid__WEBPACK_IMPORTED_MODULE_5__.SearchIcon, {
+                                                            className: "w-6 h-6 inline-block mr-1"
+                                                        }),
+                                                        "No events found."
+                                                    ]
+                                                })
                                             })
                                         ]
                                     })
@@ -306,7 +351,7 @@ function Page({ events , services  }) {
         ]
     }));
 };
-const getServerSideProps = ()=>{
+const getStaticProps = ()=>{
     const events = (0,_lib_events__WEBPACK_IMPORTED_MODULE_7__/* .getAllEvents */ .IP)();
     const services = (0,_lib_events__WEBPACK_IMPORTED_MODULE_7__/* .getUniqueServicesNamesFromEvents */ .ah)(events);
     return {
@@ -359,6 +404,13 @@ module.exports = require("gray-matter");
 /***/ }),
+/***/ 4305:
+/***/ ((module) => {
+module.exports = require("lodash.debounce");
+/***/ }),
 /***/ 7112:
 /***/ ((module) => {
@@ -513,7 +565,7 @@ module.exports = require("path");
 var __webpack_require__ = require("../webpack-runtime.js");
 __webpack_require__.C(exports);
 var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
-var __webpack_exports__ = __webpack_require__.X(0, [47,97,959,565,526], () => (__webpack_exec__(8209)));
+var __webpack_exports__ = __webpack_require__.X(0, [47,97,681,565,526], () => (__webpack_exec__(8209)));
 module.exports = __webpack_exports__;
 })();

package/.next/server/pages/events.js.nft.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":1,"files":["../webpack-runtime.js","../chunks/47.js","../chunks/97.js","../chunks/~~959~~.js","../chunks/565.js","../chunks/526.js","../../../package.json","../../../lib/events.ts","../../../components/Grids/EventGrid.tsx","../../../utils/random-bg.ts","../../../components/Mermaid/index.tsx","../../../lib/file-reader.ts","../../../lib/graphs.ts"]}
1	+ {"version":1,"files":["../webpack-runtime.js","../chunks/47.js","../chunks/97.js","../chunks/681.js","../chunks/565.js","../chunks/526.js","../../../package.json","../../../lib/events.ts","../../../lib/services.ts","../../../components/Grids/EventGrid.tsx","../../../utils/random-bg.ts","../../../components/Mermaid/index.tsx","../../../lib/file-reader.ts","../../../lib/graphs.ts"]}

package/.next/server/pages/events.json ADDED Viewed

@@ -0,0 +1 @@

+ {"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 delievered 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":["Data Lake","Basket Service","Orders Service","Shipping Service","Payment Service","Order Service"]},"__N_SSG":true}

package/.next/server/pages/index.html CHANGED Viewed

	@@ -1 +1 @@
1	- <!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><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="17"/><link rel="preload" href="/_next/static/css/~~b44e1178a88a93b4~~.css" as="style"/><link rel="stylesheet" href="/_next/static/css/~~b44e1178a88a93b4~~.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-~~afe52d4a9fcc5a75~~.js" defer=""></script><script src="/_next/static/chunks/framework-576ec6a1c1386453.js" defer=""></script><script src="/_next/static/chunks/main-0289ecbd51cd4cb4.js" defer=""></script><script src="/_next/static/chunks/pages/_app-~~c9d3172cc09cf069~~.js" defer=""></script><script src="/_next/static/chunks/pages/index-~~3eeab7e4014a02ea~~.js" defer=""></script><script src="/_next/static/~~Ar5NkcdCFs9vlh~~-~~33wGgn~~/_buildManifest.js" defer=""></script><script src="/_next/static/~~Ar5NkcdCFs9vlh~~-~~33wGgn~~/_ssgManifest.js" defer=""></script><script src="/_next/static/~~Ar5NkcdCFs9vlh~~-~~33wGgn~~/_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="/events"><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><main class="sm:bg-top md:min-h-screen bg-gradient-to-t from-blue-700 to-gray-800"><div class="max-w-7xl mx-auto px-4 py-16 text-center sm:px-6 sm:py-24 lg:px-8 lg:py-48"><img src="logo.svg" alt="EventCatalog Logo" style="height:85px" class="mx-auto"/><h1 class="mt-2 text-4xl font-extrabold text-white tracking-tight sm:text-5xl">EventCatalog</h1><p class="mt-2 text-lg font-medium text-white">Discover, Explore and Document your Event Driven Architectures</p><div class="mt-5 max-w-md mx-auto sm:flex sm:justify-center md:mt-8"><div class="rounded-md shadow"><a class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 md:py-4 md:text-lg md:px-10" href="/events">Explore Events</a></div><div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3"><a href="https://eventcatalog.dev" target="_blank" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10" rel="noreferrer">Getting Started</a></div></div><div class="mt-6 space-x-5"></div></div></main><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":{}},"page":"/","query":{},"buildId":"~~Ar5NkcdCFs9vlh~~-~~33wGgn~~","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1	+ <!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/2532bb4d95ad483e.css" as="style"/><link rel="stylesheet" href="/_next/static/css/2532bb4d95ad483e.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-f27c5bb37992d94f.js" defer=""></script><script src="/_next/static/chunks/framework-576ec6a1c1386453.js" defer=""></script><script src="/_next/static/chunks/main-0289ecbd51cd4cb4.js" defer=""></script><script src="/_next/static/chunks/pages/_app-2b86b0fb5ed8c085.js" defer=""></script><script src="/_next/static/chunks/pages/index-fe1a9e09c7f51e66.js" defer=""></script><script src="/_next/static/xWuchBA47-kIcuK-WNSOY/_buildManifest.js" defer=""></script><script src="/_next/static/xWuchBA47-kIcuK-WNSOY/_ssgManifest.js" defer=""></script><script src="/_next/static/xWuchBA47-kIcuK-WNSOY/_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="/events"><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><main class="sm:bg-top md:min-h-screen bg-gradient-to-t from-blue-700 to-gray-800"><div class="max-w-7xl mx-auto px-4 py-16 text-center sm:px-6 sm:py-24 lg:px-8 lg:py-48"><img src="/logo.svg" alt="EventCatalog Logo" style="height:85px" class="mx-auto"/><h1 class="mt-2 text-4xl font-extrabold text-white tracking-tight sm:text-5xl">EventCatalog</h1><p class="mt-2 text-lg font-medium text-white">Discover, Explore and Document your Event Driven Architectures</p><div class="mt-5 max-w-md mx-auto sm:flex sm:justify-center md:mt-8"><div class="rounded-md shadow"><a class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 md:py-4 md:text-lg md:px-10" href="/events">Explore Events</a></div><div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3"><a href="https://eventcatalog.dev" target="_blank" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10" rel="noreferrer">Getting Started</a></div></div><div class="mt-6 space-x-5"></div></div></main><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":{}},"page":"/","query":{},"buildId":"xWuchBA47-kIcuK-WNSOY","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/.next/server/pages/overview.html ADDED Viewed

@@ -0,0 +1 @@

+ <!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/2532bb4d95ad483e.css" as="style"/><link rel="stylesheet" href="/_next/static/css/2532bb4d95ad483e.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-f27c5bb37992d94f.js" defer=""></script><script src="/_next/static/chunks/framework-576ec6a1c1386453.js" defer=""></script><script src="/_next/static/chunks/main-0289ecbd51cd4cb4.js" defer=""></script><script src="/_next/static/chunks/pages/_app-2b86b0fb5ed8c085.js" defer=""></script><script src="/_next/static/chunks/pages/overview-6bd5a86d5a28a942.js" defer=""></script><script src="/_next/static/xWuchBA47-kIcuK-WNSOY/_buildManifest.js" defer=""></script><script src="/_next/static/xWuchBA47-kIcuK-WNSOY/_ssgManifest.js" defer=""></script><script src="/_next/static/xWuchBA47-kIcuK-WNSOY/_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="/events"><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="/overview">3D Node Graph</a></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 delievered 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":["Data Lake","Basket Service","Orders Service","Shipping Service","Payment Service","Order Service"]},"__N_SSG":true},"page":"/overview","query":{},"buildId":"xWuchBA47-kIcuK-WNSOY","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>

package/.next/server/pages/overview.js CHANGED Viewed

@@ -12,7 +12,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__) => {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
-/* harmony export */   "getServerSideProps": () => (/* binding */ getServerSideProps)
+/* harmony export */   "getStaticProps": () => (/* binding */ getStaticProps)
 /* harmony export */ });
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
@@ -52,15 +52,18 @@ function NodeElement({ node: { id  }  }) {
         children: id
     }));
 }
+const MAX_LENGTH_FOR_NODES = 30;
+const truncateNode = (value)=>value.length > MAX_LENGTH_FOR_NODES ? `${value.substring(0, MAX_LENGTH_FOR_NODES)}...` : value
+;
 const graph = ({ events , services  })=>{
     const eventNodes = events.map(({ name: event  })=>({
-            id: event,
+            id: truncateNode(event),
             group: 1,
             type: 'event'
         })
     );
     const serviceNodes = services.map((service)=>({
-            id: service,
+            id: truncateNode(service),
             group: 2,
             type: 'service'
         })
@@ -69,13 +72,13 @@ const graph = ({ events , services  })=>{
     const links = events.reduce((nodes, event)=>{
         const { consumers =[] , producers =[] , name  } = event;
         const consumerNodes = consumers.map((consumer)=>({
-                source: name,
-                target: consumer
+                source: truncateNode(name),
+                target: truncateNode(consumer)
             })
         );
         const producerNodes = producers.map((producer)=>({
-                source: producer,
-                target: name
+                source: truncateNode(producer),
+                target: truncateNode(name)
             })
         );
         return nodes.concat(consumerNodes).concat(producerNodes);
@@ -125,7 +128,7 @@ const graph = ({ events , services  })=>{
     }));
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (graph);
-const getServerSideProps = ()=>{
+const getStaticProps = ()=>{
     const events = (0,_lib_events__WEBPACK_IMPORTED_MODULE_5__/* .getAllEvents */ .IP)();
     const services = (0,_lib_events__WEBPACK_IMPORTED_MODULE_5__/* .getUniqueServicesNamesFromEvents */ .ah)(events);
     return {
@@ -234,7 +237,7 @@ module.exports = require("path");
 var __webpack_require__ = require("../webpack-runtime.js");
 __webpack_require__.C(exports);
 var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
-var __webpack_exports__ = __webpack_require__.X(0, [237,959], () => (__webpack_exec__(656)));
+var __webpack_exports__ = __webpack_require__.X(0, [237,681], () => (__webpack_exec__(656)));
 module.exports = __webpack_exports__;
 })();

package/.next/server/pages/overview.js.nft.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":1,"files":["../webpack-runtime.js","../chunks/237.js","../chunks/~~959~~.js","../../../package.json","../../../lib/events.ts","../../../lib/file-reader.ts"]}
1	+ {"version":1,"files":["../webpack-runtime.js","../chunks/237.js","../chunks/681.js","../../../package.json","../../../lib/events.ts","../../../lib/services.ts","../../../lib/file-reader.ts"]}

package/.next/server/pages/overview.json ADDED Viewed

@@ -0,0 +1 @@

package/.next/server/pages/services/Basket Service.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!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><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>Basket Service</title><meta name="next-head-count" content="17"/><link rel="preload" href="/_next/static/css/b44e1178a88a93b4.css" as="style"/><link rel="stylesheet" href="/_next/static/css/b44e1178a88a93b4.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-afe52d4a9fcc5a75.js" defer=""></script><script src="/_next/static/chunks/framework-576ec6a1c1386453.js" defer=""></script><script src="/_next/static/chunks/main-0289ecbd51cd4cb4.js" defer=""></script><script src="/_next/static/chunks/pages/_app-c9d3172cc09cf069.js" defer=""></script><script src="/_next/static/chunks/176cb4e4-8a0f6f010ef8accb.js" defer=""></script><script src="/_next/static/chunks/519-7f22292093abd7c3.js" defer=""></script><script src="/_next/static/chunks/962-d5070461f6d4a478.js" defer=""></script><script src="/_next/static/chunks/336-323c44d05b2ca502.js" defer=""></script><script src="/_next/static/chunks/pages/services/%5Bname%5D-881a79d880506d8a.js" defer=""></script><script src="/_next/static/Ar5NkcdCFs9vlh-33wGgn/_buildManifest.js" defer=""></script><script src="/_next/static/Ar5NkcdCFs9vlh-33wGgn/_ssgManifest.js" defer=""></script><script src="/_next/static/Ar5NkcdCFs9vlh-33wGgn/_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="/events"><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="bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium" aria-current="page" 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"><div class=" flex flex-col w-0 flex-1 "><main class="flex-1 "><div class="py-8 xl:py-10"><div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 xl:max-w-7xl xl:grid xl:grid-cols-4"><div class="xl:col-span-3 xl:pr-8 xl:border-r xl:border-gray-200 flex-col justify-between flex"><div><div class="mb-5 border-b border-gray-100 pb-4"><nav class="flex" aria-label="Breadcrumb"><ol class="flex items-center space-x-4"><li><a class="text-gray-400 hover:text-gray-500" href="/services"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="flex-shrink-0 h-5 w-5"><path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"></path></svg><span class="sr-only">Home</span></a></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" href="/services">Services</a></div></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" aria-current="page" href="/services/Basket%20Service">Basket Service</a></div></li></ol></nav></div><div><div><div class="xl:border-b pb-4 flex justify-between "><div class="space-y-2 w-full"><h1 class="text-3xl font-bold text-gray-900 relative">Basket Service<div class="-top-1 relative inline-block ml-2"></div></h1><div class="text-gray-600 mb-10 text py-2">CRUD based API to handle Basket interactions for users of the shopping website.
+<!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>Basket Service</title><meta name="next-head-count" content="18"/><link rel="preload" href="/_next/static/css/2532bb4d95ad483e.css" as="style"/><link rel="stylesheet" href="/_next/static/css/2532bb4d95ad483e.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-f27c5bb37992d94f.js" defer=""></script><script src="/_next/static/chunks/framework-576ec6a1c1386453.js" defer=""></script><script src="/_next/static/chunks/main-0289ecbd51cd4cb4.js" defer=""></script><script src="/_next/static/chunks/pages/_app-2b86b0fb5ed8c085.js" defer=""></script><script src="/_next/static/chunks/176cb4e4-8a0f6f010ef8accb.js" defer=""></script><script src="/_next/static/chunks/519-7c428c1e49c8e614.js" defer=""></script><script src="/_next/static/chunks/962-d5070461f6d4a478.js" defer=""></script><script src="/_next/static/chunks/336-8b7da71a40e0c439.js" defer=""></script><script src="/_next/static/chunks/pages/services/%5Bname%5D-78378d531eb27bc2.js" defer=""></script><script src="/_next/static/xWuchBA47-kIcuK-WNSOY/_buildManifest.js" defer=""></script><script src="/_next/static/xWuchBA47-kIcuK-WNSOY/_ssgManifest.js" defer=""></script><script src="/_next/static/xWuchBA47-kIcuK-WNSOY/_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="/events"><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="bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium" aria-current="page" 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"><div class=" flex flex-col w-0 flex-1 "><main class="flex-1 "><div class="py-8 xl:py-10"><div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 xl:max-w-7xl xl:grid xl:grid-cols-4"><div class="xl:col-span-3 xl:pr-8 xl:border-r xl:border-gray-200 flex-col justify-between flex"><div><div class="mb-5 border-b border-gray-100 pb-4"><nav class="flex" aria-label="Breadcrumb"><ol class="flex items-center space-x-4"><li><a class="text-gray-400 hover:text-gray-500" href="/services"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="flex-shrink-0 h-5 w-5"><path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"></path></svg><span class="sr-only">Home</span></a></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" href="/services">Services</a></div></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" aria-current="page" href="/services/Basket%20Service">Basket Service</a></div></li></ol></nav></div><div><div><div class="xl:border-b pb-4 flex justify-between "><div class="space-y-2 w-full"><h1 class="text-3xl font-bold text-gray-900 relative">Basket Service<div class="-top-1 relative inline-block ml-2"></div></h1><div class="text-gray-600 mb-10 text py-2">CRUD based API to handle Basket interactions for users of the shopping website.
 </div></div><div class="mt-4 flex space-x-3 md:mt-0"><a href="https:/github.com/boyney123/eventcatalog-demo/edit/master/services/Basket Service/index.md" target="_blank" type="button" class="hidden md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900" rel="noreferrer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="-ml-1 mr-2 h-5 w-5 text-gray-400"><path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path></svg><span>Edit</span></a></div></div><div class="py-3 xl:pt-6 xl:pb-0"><div class="prose max-w-none"><p>Simple API that handles interactions between users and their baskets. Use this service to add, remove and query the status of a users basket.</p><p>This service will also generate Async events for downstream services.</p><div class="mx-auto w-full py-10"><div class="mermaid">flowchart LR
 classDef event stroke:#5b5ad5,stroke-width: 4px;
@@ -8,4 +8,4 @@ Basket_Service:::event--&gt;AddedItemToCart:::consumer
 Basket_Service:::event--&gt;OrderRequested:::consumer
 Basket_Service:::event--&gt;RemovedItemFromCart:::consumer
-  </div></div></div></div></div></div></div><div class="flex mt-10 justify-between"><a href="https:/github.com/boyney123/eventcatalog-demo/edit/master/services/Basket Service/index.md" target="_blank" class="flex text-gray-400" rel="noreferrer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="top-1 mr-2 relative h-4 w-4 text-gray-400"><path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path></svg><span>Edit this page</span></a><span class="italic text-xs mt-2">Last updated on <!-- -->2022/1/21</span></div></div><div class="md:min-h-screen"><aside class="hidden xl:block xl:pl-8"><h2 class="sr-only">Details</h2><div class="pt-6 py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-5 w-5 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>Publishes Events (<!-- -->3<!-- -->)</h2><ul class="mt-2 leading-8"><li class="inline"><a href="#" class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-indigo-500 animate animate-pulse" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900">AddedItemToCart</div></a></li><li class="inline"><a href="#" class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-indigo-500 animate animate-pulse" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900">OrderRequested</div></a></li><li class="inline"><a href="#" class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-indigo-500 animate animate-pulse" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900">RemovedItemFromCart</div></a></li></ul></div></div><div class="border-t border-gray-200 py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-5 w-5 text-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>Subscribes to Events (<!-- -->0<!-- -->)</h2><ul class="mt-2 leading-8"></ul></div></div><div class="border-t border-gray-200 py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500">Service Owners (<!-- -->1<!-- -->)</h2><ul class="mt-4 leading-8 space-y-2"><li class="flex justify-start"><a class="flex items-center space-x-3" href="/users/dboyne"><div class="flex-shrink-0"><img class="h-5 w-5 rounded-full" src="https://pbs.twimg.com/profile_images/1262283153563140096/DYRDqKg6_400x400.png" alt=""/></div><div class="text-sm font-medium text-gray-900">David Boyne</div></a></li></ul></div></div><div class="border-t border-gray-200 py-6 space-y-8"><div class="space-y-3"><h2 class="text-sm font-medium text-gray-500">Repository</h2><ul class=" leading-8 space-y-2"><li class="flex justify-start"><a href="https://github.com/boyney123/pretend-basket-service" target="_blank" class="flex items-center space-x-3 text-blue-600 underline text-sm" rel="noreferrer">github.com/boyney123/pretend-basket-service</a></li></ul></div></div><div class="border-t border-gray-200 py-6 space-y-8"><div class="space-y-3"><h2 class="text-sm font-medium text-gray-500">Language</h2><div class="relative flex items-center mt-2"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-2 w-2 rounded-full" aria-hidden="true" style="background:#ada17a"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900">JavaScript</div></div></div></div><div class="border-t border-gray-200 py-6 space-y-8"><div class="space-y-3"><a href="https://studio.asyncapi.com/#schema-lightMeasuredPayload" target="_blank" type="button" class="hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-teal-300 shadow-sm text-sm font-medium rounded-md text-teal-800 hover:bg-teal-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-teal-200" rel="noreferrer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="-ml-1 mr-2 h-5 w-5 text-teal-200"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg><span>AsyncAPI Specification</span></a></div></div></aside></div></div></div></main></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-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":{"service":{"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":[]},"markdown":{"content":"\nSimple API that handles interactions between users and their baskets. Use this service to add, remove and query the status of a users basket.\n\nThis service will also generate Async events for downstream services.\n\n\u003cMermaid /\u003e","lastModifiedDate":"2022/1/21","source":{"compiledSource":"var u=Object.defineProperty,m=Object.defineProperties;var l=Object.getOwnPropertyDescriptors;var r=Object.getOwnPropertySymbols;var a=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var d=(e,t,o)=\u003et in e?u(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,n=(e,t)=\u003e{for(var o in t||(t={}))a.call(t,o)\u0026\u0026d(e,o,t[o]);if(r)for(var o of r(t))i.call(t,o)\u0026\u0026d(e,o,t[o]);return e},p=(e,t)=\u003em(e,l(t));var c=(e,t)=\u003e{var o={};for(var s in e)a.call(e,s)\u0026\u0026t.indexOf(s)\u003c0\u0026\u0026(o[s]=e[s]);if(e!=null\u0026\u0026r)for(var s of r(e))t.indexOf(s)\u003c0\u0026\u0026i.call(e,s)\u0026\u0026(o[s]=e[s]);return o};const makeShortcode=e=\u003efunction(o){return console.warn(\"Component \"+e+\" was not imported, exported, or provided by MDXProvider as global scope\"),mdx(\"div\",n({},o))},Mermaid=makeShortcode(\"Mermaid\"),layoutProps={},MDXLayout=\"wrapper\";function MDXContent(o){var s=o,{components:e}=s,t=c(s,[\"components\"]);return mdx(MDXLayout,p(n(n({},layoutProps),t),{components:e,mdxType:\"MDXLayout\"}),mdx(\"p\",null,\"Simple API that handles interactions between users and their baskets. Use this service to add, remove and query the status of a users basket.\"),mdx(\"p\",null,\"This service will also generate Async events for downstream services.\"),mdx(Mermaid,{mdxType:\"Mermaid\"}))}MDXContent.isMDXComponent=!0;\n","scope":{}}}},"__N_SSG":true},"page":"/services/[name]","query":{"name":"Basket Service"},"buildId":"Ar5NkcdCFs9vlh-33wGgn","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
+  </div></div></div></div></div></div></div><div class="flex mt-10 justify-between"><a href="https:/github.com/boyney123/eventcatalog-demo/edit/master/services/Basket Service/index.md" target="_blank" class="flex text-gray-400" rel="noreferrer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="top-1 mr-2 relative h-4 w-4 text-gray-400"><path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path></svg><span>Edit this page</span></a><span class="italic text-xs mt-2">Last updated on <!-- -->2022/1/26</span></div></div><div class="md:min-h-screen"><aside class="hidden xl:block xl:pl-8"><h2 class="sr-only">Details</h2><div class="pt-6 py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-5 w-5 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>Publishes Events (<!-- -->3<!-- -->)</h2><ul class="mt-2 leading-8"><li class="inline "><a href="#" class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-indigo-500 animate animate-pulse" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900 truncate max-w-xs">AddedItemToCart</div></a></li><li class="inline "><a href="#" class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-indigo-500 animate animate-pulse" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900 truncate max-w-xs">OrderRequested</div></a></li><li class="inline "><a href="#" class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-indigo-500 animate animate-pulse" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900 truncate max-w-xs">RemovedItemFromCart</div></a></li></ul></div></div><div class="border-t border-gray-200 py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-5 w-5 text-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>Subscribes to Events (<!-- -->0<!-- -->)</h2><ul class="mt-2 leading-8"></ul></div></div><div class="border-t border-gray-200 py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500">Service Owners (<!-- -->1<!-- -->)</h2><ul class="mt-4 leading-8 space-y-2"><li class="flex justify-start"><a class="flex items-center space-x-3" href="/users/dboyne"><div class="flex-shrink-0"><img class="h-5 w-5 rounded-full" src="https://pbs.twimg.com/profile_images/1262283153563140096/DYRDqKg6_400x400.png" alt=""/></div><div class="text-sm font-medium text-gray-900">David Boyne</div></a></li></ul></div></div><div class="border-t border-gray-200 py-6 space-y-8"><div class="space-y-3"><h2 class="text-sm font-medium text-gray-500">Repository</h2><ul class=" leading-8 space-y-2"><li class="flex justify-start"><a href="https://github.com/boyney123/pretend-basket-service" target="_blank" class="flex items-center space-x-3 text-blue-600 underline text-sm" rel="noreferrer">github.com/boyney123/pretend-basket-service</a></li></ul></div></div><div class="border-t border-gray-200 py-6 space-y-8"><div class="space-y-3"><h2 class="text-sm font-medium text-gray-500">Language</h2><div class="relative flex items-center mt-2"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-2 w-2 rounded-full" aria-hidden="true" style="background:#ada17a"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900">JavaScript</div></div></div></div><div class="border-t border-gray-200 py-6 space-y-8"><div class="space-y-3"><a href="https://studio.asyncapi.com/#schema-lightMeasuredPayload" target="_blank" type="button" class="hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-teal-300 shadow-sm text-sm font-medium rounded-md text-teal-800 hover:bg-teal-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-teal-200" rel="noreferrer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="-ml-1 mr-2 h-5 w-5 text-teal-200"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg><span>AsyncAPI Specification</span></a></div></div></aside></div></div></div></main></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-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":{"service":{"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":[]},"markdown":{"content":"\nSimple API that handles interactions between users and their baskets. Use this service to add, remove and query the status of a users basket.\n\nThis service will also generate Async events for downstream services.\n\n\u003cMermaid /\u003e","lastModifiedDate":"2022/1/26","source":{"compiledSource":"var u=Object.defineProperty,m=Object.defineProperties;var l=Object.getOwnPropertyDescriptors;var r=Object.getOwnPropertySymbols;var a=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var d=(e,t,o)=\u003et in e?u(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,n=(e,t)=\u003e{for(var o in t||(t={}))a.call(t,o)\u0026\u0026d(e,o,t[o]);if(r)for(var o of r(t))i.call(t,o)\u0026\u0026d(e,o,t[o]);return e},p=(e,t)=\u003em(e,l(t));var c=(e,t)=\u003e{var o={};for(var s in e)a.call(e,s)\u0026\u0026t.indexOf(s)\u003c0\u0026\u0026(o[s]=e[s]);if(e!=null\u0026\u0026r)for(var s of r(e))t.indexOf(s)\u003c0\u0026\u0026i.call(e,s)\u0026\u0026(o[s]=e[s]);return o};const makeShortcode=e=\u003efunction(o){return console.warn(\"Component \"+e+\" was not imported, exported, or provided by MDXProvider as global scope\"),mdx(\"div\",n({},o))},Mermaid=makeShortcode(\"Mermaid\"),layoutProps={},MDXLayout=\"wrapper\";function MDXContent(o){var s=o,{components:e}=s,t=c(s,[\"components\"]);return mdx(MDXLayout,p(n(n({},layoutProps),t),{components:e,mdxType:\"MDXLayout\"}),mdx(\"p\",null,\"Simple API that handles interactions between users and their baskets. Use this service to add, remove and query the status of a users basket.\"),mdx(\"p\",null,\"This service will also generate Async events for downstream services.\"),mdx(Mermaid,{mdxType:\"Mermaid\"}))}MDXContent.isMDXComponent=!0;\n","scope":{}}}},"__N_SSG":true},"page":"/services/[name]","query":{"name":"Basket Service"},"buildId":"xWuchBA47-kIcuK-WNSOY","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>