npm - @eventcatalog/core - Versions diffs - 0.1.10 → 0.1.14 - Mend

@eventcatalog/core 0.1.10 → 0.1.14

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

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

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

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@eventcatalog/core",
-  "version": "0.1.10",
+  "version": "0.1.14",
   "publishConfig": {
     "access": "public"
   },
@@ -28,6 +28,7 @@
     "@tailwindcss/typography": "^0.4.1",
     "compare-versions": "^4.1.2",
     "copy-text-to-clipboard": "^3.0.1",
+    "dagre": "^0.8.5",
     "diff": "^5.0.0",
     "diff2html": "^3.4.13",
     "fs-extra": "^10.0.0",
@@ -38,6 +39,7 @@
     "next-mdx-remote": "^3.0.8",
     "react": "17.0.2",
     "react-dom": "17.0.2",
+    "react-flow-renderer": "^9.7.3",
     "react-force-graph-3d": "^1.21.10",
     "react-syntax-highlighter": "^15.4.5"
   },

package/pages/events/[name].tsx CHANGED Viewed

@@ -19,6 +19,7 @@ import { getAllEvents, getEventByName } from '@/lib/events';
 import { useConfig, useUrl } from '@/hooks/EventCatalog';
 import { MarkdownFile } from '@/types/index';
+import NodeGraph from '@/components/Mdx/NodeGraph/NodeGraph';
 export interface EventsPageProps {
   event: Event;
@@ -88,6 +89,41 @@ export const getComponents = ({ event, schema, examples }: any) => ({
       <Mermaid source="event" data={event} rootNodeColor={getBackgroundColor(event.name)} charts={charts} />
     </div>
   ),
+  NodeGraph: ({
+    title,
+    maxHeight,
+    maxZoom,
+    fitView,
+    zoomOnScroll,
+    isAnimated,
+    isDraggable,
+  }: // isHorizontal,
+  {
+    title: string;
+    maxHeight?: number;
+    maxZoom?: number;
+    fitView?: boolean;
+    zoomOnScroll?: boolean;
+    isAnimated?: boolean;
+    isDraggable?: boolean;
+    // isHorizontal?: boolean;
+  }) => (
+    <div className="mx-auto w-full">
+      {title && <h2 className="text-lg font-medium text-gray-900 underline">{title}</h2>}
+      <NodeGraph
+        source="event"
+        data={event}
+        rootNodeColor={getBackgroundColor(event.name)}
+        maxHeight={maxHeight}
+        maxZoom={maxZoom}
+        fitView={fitView}
+        zoomOnScroll={zoomOnScroll}
+        isAnimated={isAnimated}
+        isDraggable={isDraggable}
+        // isHorizontal={isHorizontal}
+      />
+    </div>
+  ),
 });
 export default function Events(props: EventsPageProps) {

package/pages/services/[name].tsx CHANGED Viewed

@@ -14,6 +14,7 @@ import getBackgroundColor from '@/utils/random-bg';
 import { useConfig, useUrl } from '@/hooks/EventCatalog';
 import { MarkdownFile } from '@/types/index';
+import NodeGraph from '@/components/Mdx/NodeGraph/NodeGraph';
 interface ServicesPageProps {
   service: Service;
@@ -35,6 +36,41 @@ const getComponents = (service) => ({
   Mermaid: ({ title, charts }: { title: string; charts?: string[] }) => (
     <MermaidComponent service={service} title={title} charts={charts} />
   ),
+  NodeGraph: ({
+    title,
+    maxHeight,
+    maxZoom,
+    fitView,
+    zoomOnScroll,
+    isAnimated,
+    isDraggable,
+  }: // isHorizontal,
+  {
+    title: string;
+    maxHeight?: number;
+    maxZoom?: number;
+    fitView?: boolean;
+    zoomOnScroll?: boolean;
+    isAnimated?: boolean;
+    isDraggable?: boolean;
+    // isHorizontal?: boolean;
+  }) => (
+    <div className="mx-auto w-full">
+      {title && <h2 className="text-lg font-medium text-gray-900 underline">{title}</h2>}
+      <NodeGraph
+        source="service"
+        data={service}
+        rootNodeColor={getBackgroundColor(service.name)}
+        maxHeight={maxHeight}
+        maxZoom={maxZoom}
+        fitView={fitView}
+        zoomOnScroll={zoomOnScroll}
+        isAnimated={isAnimated}
+        isDraggable={isDraggable}
+        // isHorizontal={isHorizontal}
+      />
+    </div>
+  ),
 });
 export default function Services(props: ServicesPageProps) {

package/.next/static/chunks/178-9b89f5c036d77ab9.js DELETED Viewed

@@ -1 +0,0 @@

- (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[178],{81178:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSG:function(){return R},default:function(){return U},getComponents:function(){return T}});var r=t(52322),a=t(97729),s=t(23816),l=t(61790),i=t(2784),c=t(63548),o=t(86562),d=t(85411);function m(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function u(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"===typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){m(e,n,t[n])}))}return e}function x(e,n){if(null==e)return{};var t,r,a=function(e,n){if(null==e)return{};var t,r,a={},s=Object.keys(e);for(r=0;r<s.length;r++)t=s[r],n.indexOf(t)>=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r<s.length;r++)t=s[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var h=function(e){var n=e.language,t=e.name,a=void 0===t?"":t,s=x(e,["language","name"]),l=(0,i.useState)(!1),m=l[0],h=l[1];return(0,r.jsxs)("div",{className:"relative group",children:[(0,r.jsx)("button",{type:"button",onClick:function(){(0,d.Z)(s.children),h(!0),setTimeout((function(){return h(!1)}),2e3)},className:"absolute top-2 right-5 text-sm bg-gray-700 text-white rounded-md py-1 px-4 transform transition opacity-0 group-hover:opacity-100",children:m?"Copied":"Copy"}),(0,r.jsx)(o.Z,u({style:c.Z,language:n},s,{wrapLines:!0,className:"max-h-96 overflow-auto",children:s.children.replace(/\\n/g,"\n")})),a&&(0,r.jsx)("span",{className:"-mb-2 block text-xs text-right font-bold",children:a})]})};function f(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];return n.filter(Boolean).join(" ")}var g=function(e){var n=e.title,t=void 0===n?"Examples":n,a=e.description,s=e.examples,l=void 0===s?[]:s,c=e.showLineNumbers,o=l.map((function(e,n){return{name:e.name||"Example ".concat(n+1),content:e.snippet,description:e.description,langugage:e.langugage}})),d=(0,i.useState)(o[0]),m=d[0],u=d[1];return(0,r.jsx)("div",{className:"my-5 examples",children:(0,r.jsxs)("div",{className:"",children:[(0,r.jsx)("h2",{className:"text-lg font-medium text-gray-700 underline",children:t}),a&&(0,r.jsx)("p",{className:"text-md font-medium text-gray-700",children:a}),(0,r.jsxs)("div",{children:[(0,r.jsx)("nav",{className:"-mb-px flex","aria-label":"Tabs",children:o.map((function(e){var n=e.name===m.name;return(0,r.jsxs)("button",{type:"button",onClick:function(){return function(e){u(e)}(e)},className:f(n?"border-green-500 text-green-600 selected":"border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300","whitespace-nowrap py-4 border-b-2 font-medium text-sm important:no-underline px-8 hover:bg-gray-50 transition"),"aria-current":n?"page":void 0,children:[e.name,(0,r.jsxs)("span",{className:"block text-xs mt-",children:["(",e.langugage,")"]})]},e.name)}))}),(0,r.jsxs)("div",{className:"my-4",children:[(0,r.jsx)(h,{language:m.langugage,showLineNumbers:c,children:m.content}),m.langugage&&(0,r.jsx)("span",{className:"-mb-2 block text-xs text-right font-bold",children:m.name})]})]})]})})},p=t(46892),j=t(62455),v=t(4573),b=t(39097),y=t(70314),N=t(17962),w=t(55008);var O=function(e){var n=e.event,t=e.loadedVersion,a=e.isOldVersion,s=(0,w.aF)().getUserById,l=n.name,i=n.owners,c=n.producers,o=n.consumers,d=n.historicVersions,m=n.externalLinks,u=n.schema,x=(0,y.default)().publicRuntimeConfig,h=(void 0===x?{}:x).basePath,f=void 0===h?"":h;return(0,r.jsxs)("aside",{className:"hidden xl:block xl:pl-8",children:[(0,r.jsx)("h2",{className:"sr-only",children:"Details"}),(0,r.jsx)("div",{className:"pt-6 py-6 space-y-8",children:(0,r.jsxs)("div",{children:[(0,r.jsxs)("h2",{className:"text-sm font-medium text-gray-500",children:[(0,r.jsx)(N.FMB,{className:"h-5 w-5 text-green-400 inline-block mr-2","aria-hidden":"true"}),"Producers"]}),(0,r.jsx)("ul",{className:"mt-2 leading-8",children:c.map((function(e){return(0,r.jsx)("li",{className:"inline mr-1",children:(0,r.jsx)(b.default,{href:"/services/".concat(e),children:(0,r.jsxs)("a",{className:"relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5",children:[(0,r.jsx)("div",{className:"absolute flex-shrink-0 flex items-center justify-center",children:(0,r.jsx)("span",{className:"h-1.5 w-1.5 rounded-full bg-green-500 animate animate-pulse","aria-hidden":"true"})}),(0,r.jsx)("div",{className:"ml-3.5 text-sm font-medium text-gray-900",children:e})]})})},e)}))})]})}),(0,r.jsx)("div",{className:"border-t border-gray-200 py-6 space-y-8",children:(0,r.jsxs)("div",{children:[(0,r.jsxs)("h2",{className:"text-sm font-medium text-gray-500",children:[(0,r.jsx)(N.FMB,{className:"h-5 w-5 text-indigo-400 inline-block mr-2","aria-hidden":"true"}),"Consumers"]}),(0,r.jsx)("ul",{className:"mt-2 leading-8",children:o.map((function(e){return(0,r.jsx)("li",{className:"inline",children:(0,r.jsx)(b.default,{href:"/services/".concat(e),children:(0,r.jsxs)("a",{href:"#",className:"relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5",children:[(0,r.jsx)("div",{className:"absolute flex-shrink-0 flex items-center justify-center",children:(0,r.jsx)("span",{className:"h-1.5 w-1.5 rounded-full bg-indigo-500 animate animate-pulse","aria-hidden":"true"})}),(0,r.jsx)("div",{className:"ml-3.5 text-sm font-medium text-gray-900",children:e})]})})},e)}))})]})}),d.length>0&&(0,r.jsx)("div",{className:"border-t border-gray-200 py-6",children:(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-sm font-medium text-gray-500",children:"Event Versions"}),(0,r.jsxs)("ul",{className:"mt-2 leading-8 text-left text-blue-500",children:[(0,r.jsx)("li",{className:"text-sm inline ",children:(0,r.jsx)(b.default,{href:"/events/".concat(l),children:(0,r.jsx)("a",{children:(0,r.jsx)("span",{className:"inline-flex mr-2 items-center px-2.5 py-0.5 rounded-full text-xs font-medium -top-0.5 relative ".concat("latest"===t?"bg-blue-400 text-white shadow-md font-bold underline":"bg-blue-100 text-blue-800"),children:"Latest"})})})}),d.map((function(e){var n=t===e?"bg-blue-400 text-white shadow-md font-bold underline":"bg-blue-100 text-blue-800";return(0,r.jsx)("li",{className:"text-sm inline",children:(0,r.jsx)(b.default,{href:"/events/".concat(l,"/v/").concat(e),children:(0,r.jsx)("a",{children:(0,r.jsxs)("span",{className:"inline-flex mr-2 items-center px-2.5 py-0.5 rounded-full text-xs font-medium -top-0.5 relative ".concat(n),children:["v",e]})})})},e)}))]})]})}),i&&i.length>0&&(0,r.jsx)("div",{className:"border-t border-gray-200 py-6 space-y-8",children:(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-sm font-medium text-gray-500",children:"Event Owners"}),(0,r.jsx)("ul",{className:"mt-4 leading-8 space-y-2",children:i.map((function(e){var n=s(e);return n?(0,r.jsx)("li",{className:"flex justify-start",children:(0,r.jsx)(b.default,{href:"/users/".concat(e),children:(0,r.jsxs)("a",{className:"flex items-center space-x-3",children:[(0,r.jsx)("div",{className:"flex-shrink-0",children:(0,r.jsx)("img",{className:"h-5 w-5 rounded-full",src:n.avatarUrl,alt:""})}),(0,r.jsx)("div",{className:"text-sm font-medium text-gray-900",children:n.name})]})})},e):null}))})]})}),(0,r.jsxs)("div",{className:"border-t border-gray-200 py-6 space-y-1",children:[u&&(0,r.jsxs)("a",{href:u?a?"".concat(f,"/schemas/").concat(l,"/").concat(t,"/schema.").concat(u.extension):"".concat(f,"/schemas/").concat(l,"/schema.").concat(u.extension):null,download:"".concat(l,"(").concat(n.version,").").concat(u.extension),className:"hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-200 bg-gray-800 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900",children:[(0,r.jsx)(N._8t,{className:"-ml-1 mr-2 h-5 w-5 text-gray-200","aria-hidden":"true"}),(0,r.jsx)("span",{children:"Download Schema"})]}),d.length>0&&(0,r.jsx)(b.default,{href:"/events/".concat(l,"/logs"),children:(0,r.jsx)("a",{className:"hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-800 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-200",children:(0,r.jsx)("span",{children:"View Changes"})})}),m.length>0&&m.map((function(e){return(0,r.jsxs)("a",{href:e.url,target:"_blank",type:"button",className:"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",children:[(0,r.jsx)(N.h0n,{className:"-ml-1 mr-2 h-5 w-5 text-teal-200","aria-hidden":"true"}),(0,r.jsx)("span",{children:"".concat(e.label)})]},e.url)}))]})]})},E=t(4488),k=t(52428),S=t(57840),V=t(69931),P=t(81669),C=t.n(P);(0,V.fH)();var _=function(e){var n=e.schema,t=e.maxHeight,a=e.renderRootTreeLines,s=void 0!==a&&a,l=e.hideExamples,c=void 0!==l&&l,o=e.defaultExpandedDepth,d=void 0===o?1:o,m=(0,i.useMemo)((function(){return JSON.parse(n)}),[n]);return(0,r.jsx)(S.K,{schema:m,emptyText:"No schema defined",maxHeight:t,defaultExpandedDepth:d,renderRootTreeLines:s,hideExamples:c,className:C().schemaViewer})};function L(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"===typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){L(e,n,t[n])}))}return e}function Z(e,n){if(null==e)return{};var t,r,a=function(e,n){if(null==e)return{};var t,r,a={},s=Object.keys(e);for(r=0;r<s.length;r++)t=s[r],n.indexOf(t)>=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r<s.length;r++)t=s[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var R=!0,T=function(e){var n=e.event,t=e.schema,a=e.examples;return{code:function(e){var n=e.className,t=Z(e,["className"]),a=/language-(\w+)/.exec(n||"");return a?(0,r.jsx)(h,D({language:a[1]},t)):(0,r.jsx)("code",D({className:n},t))},Schema:function(e){var a=e.title,s=void 0===a?"Event Schema":a;return t?(0,r.jsxs)("section",{className:"mt-8 xl:mt-10",children:[(0,r.jsx)("h2",{id:"activity-title",className:"text-lg font-medium text-gray-900 underline",children:s}),(0,r.jsx)(h,{language:t.language,showLineNumbers:!1,name:"".concat(n.name," Schema (").concat(t.language,")"),children:t.snippet})]}):null},SchemaViewer:function(e){var n=e.title,a=void 0===n?"Event Schema":n,s=e.renderRootTreeLines,l=void 0!==s&&s,i=e.defaultExpandedDepth,c=void 0===i?1:i,o=e.maxHeight;return t?(0,r.jsxs)("section",{className:"mt-8 xl:mt-10",children:[(0,r.jsx)("h2",{className:"text-lg font-medium text-gray-900 underline",children:a}),(0,r.jsx)(_,{schema:t.snippet,maxHeight:parseInt(o,10),renderRootTreeLines:l,defaultExpandedDepth:c})]}):null},Admonition:l.Z,EventExamples:function(e){return a.length>0?(0,r.jsx)(g,D({},e,{examples:a,showLineNumbers:!0})):(console.log("You are using the <EventExamples /> component without any examples, please read https://eventcatalog.dev/docs/events/adding-examples for more information"),null)},Mermaid:function(e){var t=e.title,a=e.charts;return(0,r.jsxs)("div",{className:"mx-auto w-full py-10",children:[t&&(0,r.jsx)("h2",{className:"text-lg font-medium text-gray-900 underline",children:t}),(0,r.jsx)(v.Z,{source:"event",data:n,rootNodeColor:(0,p.Z)(n.name),charts:a})]})}}};function U(e){var n=e.event,t=e.markdown,l=e.loadedVersion,i=e.notFound,c=(0,w.ZR)().title,o=(0,w.wG)(),d=o.getEditUrl,m=o.hasEditUrl,u=n.name,x=n.summary,h=n.draft,f=n.schema,g=n.examples,p=n.version;if(i)return(0,r.jsx)(E.Z,{type:"event",name:n.name,editUrl:m?d("/events/".concat(u,"/index.md")):""});var v=t.lastModifiedDate,b=[{name:"Events",href:"/events",current:!1},{name:u,href:"/services/".concat(u),current:!0}],y=T({event:n,schema:f,examples:g});return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a.default,{children:(0,r.jsxs)("title",{children:[c," - ",u," v",p]})}),(0,r.jsx)(j.Z,{title:u,editUrl:m?d("/events/".concat(u,"/index.md")):"",subtitle:x,draft:h,lastModifiedDate:v,tags:[{label:"v".concat(p)}],breadCrumbs:(0,r.jsx)(k.Z,{pages:b}),isOldVersion:"latest"!==l,latestVersionUrl:"/events/".concat(u),version:l,sidebar:(0,r.jsx)(O,{event:n,loadedVersion:l,isOldVersion:"latest"!==l}),children:(0,r.jsx)(s.R,D({},t.source,{components:y}))})]})}},81669:function(e){e.exports={schemaViewer:"SchemaViewer_schemaViewer__un45l"}}}]);

package/.next/static/chunks/336-22157631c3f2ef95.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[336],{52428:function(e,n,t){var r=t(52322),a=(t(2784),t(61519)),s=t(39097);n.Z=function(e){var n=e.pages,t=e.homePath,c=void 0===t?"/events":t;return(0,r.jsx)("nav",{className:"flex","aria-label":"Breadcrumb",children:(0,r.jsxs)("ol",{className:"flex items-center space-x-4",children:[(0,r.jsx)("li",{children:(0,r.jsx)(s.default,{href:c,children:(0,r.jsxs)("a",{className:"text-gray-400 hover:text-gray-500",children:[(0,r.jsx)(a.tvw,{className:"flex-shrink-0 h-5 w-5","aria-hidden":"true"}),(0,r.jsx)("span",{className:"sr-only",children:"Home"})]})})}),n.map((function(e){return(0,r.jsx)("li",{children:(0,r.jsxs)("div",{className:"flex items-center",children:[(0,r.jsx)("svg",{className:"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",children:(0,r.jsx)("path",{d:"M5.555 17.776l8-16 .894.448-8 16-.894-.448z"})}),(0,r.jsx)(s.default,{href:e.href,children:(0,r.jsx)("a",{className:"ml-4 text-sm font-medium text-gray-500 hover:text-gray-700","aria-current":e.current?"page":void 0,children:e.name})})]})},e.name)}))]})})}},62455:function(e,n,t){t.d(n,{Z:function(){return i}});var r=t(52322),a=t(61519),s=t(39097),c=t(61790);function i(e){var n=e.title,t=e.subtitle,i=e.tags,l=void 0===i?[]:i,o=e.lastModifiedDate,d=e.children,m=e.sidebar,x=e.breadCrumbs,u=e.editUrl,h=e.isOldVersion,f=e.latestVersionUrl,p=e.version,v=e.draft,g=void 0!==v&&v;return(0,r.jsx)("div",{className:"flex relative",children:(0,r.jsx)("div",{className:" flex flex-col w-0 flex-1 ",children:(0,r.jsx)("main",{className:"flex-1 ",children:(0,r.jsx)("div",{className:"py-8 xl:py-10",children:(0,r.jsxs)("div",{className:"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 xl:max-w-7xl xl:grid xl:grid-cols-4",children:[(0,r.jsxs)("div",{className:"xl:col-span-3 xl:pr-8 xl:border-r xl:border-gray-200 flex-col justify-between flex",children:[(0,r.jsxs)("div",{children:[x&&(0,r.jsx)("div",{className:"mb-5 border-b border-gray-100 pb-4",children:x}),(0,r.jsx)("div",{children:(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"xl:border-b pb-4 flex justify-between ",children:[(0,r.jsxs)("div",{className:"space-y-2 w-full",children:[(0,r.jsxs)("h1",{className:"text-3xl font-bold text-gray-900 relative",children:[n,(0,r.jsxs)("div",{className:"-top-1 relative inline-block ml-2",children:[l.map((function(e,n){return(0,r.jsx)("span",{className:"ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium -top-0.5 relative bg-yellow-100 text-yellow-800",children:e.label},"".concat(e,"-").concat(n))})),g&&(0,r.jsx)("span",{className:"ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium -top-0.5 relative bg-gray-500 text-gray-100",children:"Draft"})]})]}),(0,r.jsx)("div",{className:"text-gray-600 mb-10 text py-2",children:t}),h&&p&&(0,r.jsx)(c.Z,{className:"mt-0 pt-0 w-full",type:"warning",children:(0,r.jsxs)(r.Fragment,{children:["You are currently viewing an old version of this event (",p,").",(0,r.jsx)(s.default,{href:f,children:(0,r.jsx)("a",{className:"block text-sm pl-7 mt-2 text-blue-500 underline",children:"Read latest version \u2192"})})]})})]}),(0,r.jsx)("div",{className:"mt-4 flex space-x-3 md:mt-0",children:u&&(0,r.jsxs)("a",{href:u,target:"_blank",type:"button",className:"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",children:[(0,r.jsx)(a.vdY,{className:"-ml-1 mr-2 h-5 w-5 text-gray-400","aria-hidden":"true"}),(0,r.jsx)("span",{children:"Edit"})]})})]}),(0,r.jsxs)("div",{className:"py-3 xl:pt-6 xl:pb-0",children:[g&&(0,r.jsx)(c.Z,{className:"mt-0 pt-0",type:"warning",children:(0,r.jsxs)(r.Fragment,{children:["This event is currently in ",(0,r.jsx)("span",{className:"underline",children:"draft"})," mode."]})}),(0,r.jsx)("div",{className:"prose max-w-none",children:d})]})]})})]}),(0,r.jsxs)("div",{className:"flex mt-10 ".concat(u?"justify-between":"justify-end"),children:[u&&(0,r.jsxs)("a",{href:u,target:"_blank",className:"flex text-gray-400",rel:"noreferrer",children:[(0,r.jsx)(a.vdY,{className:"top-1 mr-2 relative h-4 w-4 text-gray-400","aria-hidden":"true"}),(0,r.jsx)("span",{children:"Edit this page"})]}),(0,r.jsxs)("span",{className:"italic text-xs mt-2",children:["Last updated on ",o]})]})]}),(0,r.jsx)("div",{className:"md:min-h-screen",children:m})]})})})})})}},61790:function(e,n,t){t.d(n,{Z:function(){return s}});var r=t(52322),a=t(61519);function s(e){var n=e.children,t=e.type,s=e.className,c=void 0===s?"":s,i=function(e){switch(e){case"alert":return{color:"red",icon:a.SI8};case"warning":return{color:"yellow",icon:a.SI8};default:return{color:"indigo",icon:a.AV5}}}(t),l=i.color,o=i.icon;return(0,r.jsx)("div",{className:"bg-".concat(l,"-50 border-l-4 border-").concat(l,"-400 my-4 ").concat(c),children:(0,r.jsx)("div",{className:"flex",children:(0,r.jsxs)("div",{className:"ml-3 py-4",children:[(0,r.jsx)(o,{className:"inline-block mr-2 h-5 w-5 text-".concat(l,"-400"),"aria-hidden":"true"}),n]})})})}},4573:function(e,n,t){t.d(n,{Z:function(){return u}});var r=t(52322),a=t(2784),s=t(14689),c=t(70314),i=(0,c.default)().publicRuntimeConfig,l=(void 0===i?{}:i).basePath,o=void 0===l?"":l,d=function(e){return e.length>"50"?"".concat(e.substring(0,"50"),"..."):e},m=function(e,n){return""!==o?"".concat(o,"/").concat(n,"/").concat(e):"/".concat(n,"/").concat(e)},x=function(e,n,t,r){return"flowchart LR\n\n".concat(n.map((function(n){return"".concat(n.id,"[").concat(n.name,"]:::producer--\x3e").concat(e.id,"[").concat(e.name,"]:::event\n")})).join(""),"\nclassDef event stroke:").concat(r,",stroke-width: 4px;\n\nclassDef producer stroke:#75d7b6,stroke-width: 2px;\n\nclassDef consumer stroke:#818cf8,stroke-width: 2px;\n\n").concat(t.map((function(n){return"".concat(e.id,"[").concat(e.name,"]:::event--\x3e").concat(n.id,"[").concat(n.name,"]:::consumer\n")})).join(""),"\n").concat(n.map((function(e){return"click ".concat(e.id,' href "').concat(e.link,'" "Go to ').concat(e.name,'" _self\n')})).join(""),"\n").concat(t.map((function(e){return"click ".concat(e.id,' href "').concat(e.link,'" "Go to ').concat(e.name,'" _self\n')})).join(""),"\nclick ").concat(e.id,' href "').concat(e.link,'" "Go to ').concat(e.name,'" _self\n\n')};s.Z.initialize({startOnLoad:!0,theme:"forest",securityLevel:"loose",flowchart:{useMaxWidth:!1,width:"1000px"},themeCSS:"\n .node {\n filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .2))\n }\n .mermaid svg {\n width: 10000px\n }\n .node rect {\n fill: white\n }\n ",fontFamily:"Fira Code",width:"100%"});var u=function(e){var n=e.data,t=e.source,c=void 0===t?"event":t,i=e.rootNodeColor,l=e.charts;if((0,a.useEffect)((function(){s.Z.contentLoaded()}),[]),l)return(0,r.jsx)(r.Fragment,{children:l.map((function(e,n){return(0,r.jsx)("div",{className:"mermaid",children:e},"chart-".concat(n))}))});var o="event"===c?function(e,n){var t=e.name,r=e.producers,a=e.consumers,s=void 0===n?"#2563eb":n,c=r.map(d).map((function(e){return{id:e.replace(/ /g,"_"),name:e,link:m(e,"services")}})),i=a.map(d).map((function(e){return{id:e.replace(/ /g,"_"),name:e,link:m(e,"services")}})),l={id:d(t.replace(/ /g,"_")),name:t,link:m(t,"events")};return x(l,c,i,s)}(n,i):function(e,n){var t=e.publishes,r=e.subscribes,a=e.name,s=void 0===n?"#2563eb":n,c=r.map(d).map((function(e){return{id:e.name.replace(/ /g,"_"),name:e.name,link:m(e.name,"events")}})),i=t.map(d).map((function(e){return{id:e.name.replace(/ /g,"_"),name:e.name,link:m(e.name,"events")}})),l={id:d(a.replace(/ /g,"_")),name:a,link:m(a,"services")};return x(l,c,i,s)}(n,i);return(0,r.jsx)("div",{className:"mermaid",children:o})}},4488:function(e,n,t){t.d(n,{Z:function(){return s}});var r=t(52322),a=t(61519);function s(e){var n=e.type,t=e.name,s=e.editUrl;return(0,r.jsx)("main",{className:"min-h-full bg-cover bg-top sm:bg-top h-screen",children:(0,r.jsxs)("div",{className:"max-w-7xl mx-auto px-4 py-16 text-center sm:px-6 sm:py-24 lg:px-8 lg:py-48",children:[(0,r.jsxs)("p",{className:"text-sm font-semibold text-gray-700 text-opacity-50 uppercase tracking-wide blur-xl",children:["Failed to find ",n]}),(0,r.jsx)("h1",{className:"mt-2 text-4xl font-extrabold text-gray-900 tracking-tight sm:text-5xl",children:"Missing Documentation"}),(0,r.jsxs)("p",{className:"mt-2 text-lg font-medium text-gray-700 text-opacity-50 text-center ",children:["Documentation for ",n," is missing!",(0,r.jsx)("span",{className:"block font-bold text-gray-800 underline break-all max-w-2xl mx-auto py-4",children:t})]}),(0,r.jsx)("p",{className:"mt-4 text-xs text-gray-400",children:"Help the eco-system and add the documentation for others \u2764\ufe0f "}),s&&(0,r.jsx)("div",{className:"mt-12",children:(0,r.jsxs)("a",{href:s,target:"_blank",className:"inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-black bg-opacity-75 ",rel:"noreferrer",children:[(0,r.jsx)(a.Qrl,{className:"-ml-1 mr-2 h-5 w-5","aria-hidden":"true"}),"Add missing ",(0,r.jsx)("span",{className:"underline px-1",children:n})," documentation"]})})]})})}},46892:function(e,n,t){function r(e){for(var n=0,t=0;t<e.length;t++)n=e.charCodeAt(t)+((n<<5)-n);for(var r="#",a=0;a<3;a++){r+="00".concat((n>>8*a&255).toString(16)).substr(-2)}return r}t.d(n,{Z:function(){return r}})}}]);