@eventcatalog/core 0.1.16 → 0.1.17
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.
- package/.next/BUILD_ID +1 -1
- package/.next/build-manifest.json +17 -17
- package/.next/cache/.tsbuildinfo +1 -1
- package/.next/cache/config.json +3 -3
- package/.next/cache/eslint/.cache_1bay4w0 +1 -1
- package/.next/cache/next-server.js.nft.json +1 -1
- package/.next/cache/webpack/client-production/0.pack +0 -0
- package/.next/cache/webpack/client-production/index.pack +0 -0
- package/.next/cache/webpack/server-production/0.pack +0 -0
- package/.next/cache/webpack/server-production/index.pack +0 -0
- package/.next/next-server.js.nft.json +1 -1
- package/.next/prerender-manifest.json +1 -1
- package/.next/routes-manifest.json +1 -1
- package/.next/server/pages/404.html +1 -1
- package/.next/server/pages/500.html +1 -1
- package/.next/server/pages/events/AddedItemToCart/logs.html +1 -1
- package/.next/server/pages/events/AddedItemToCart/v/0.0.1.html +2 -2
- package/.next/server/pages/events/AddedItemToCart/v/0.0.2.html +2 -2
- package/.next/server/pages/events/AddedItemToCart.html +2 -2
- package/.next/server/pages/events/OrderComplete/logs.html +1 -1
- package/.next/server/pages/events/OrderComplete.html +2 -2
- package/.next/server/pages/events/OrderConfirmed/logs.html +1 -1
- package/.next/server/pages/events/OrderConfirmed.html +2 -2
- package/.next/server/pages/events/OrderRequested/logs.html +1 -1
- package/.next/server/pages/events/OrderRequested.html +2 -2
- package/.next/server/pages/events/PaymentProcessed/logs.html +1 -1
- package/.next/server/pages/events/PaymentProcessed.html +2 -2
- package/.next/server/pages/events/RemovedItemFromCart/logs.html +1 -1
- package/.next/server/pages/events/RemovedItemFromCart.html +2 -2
- package/.next/server/pages/events/ShipmentDelivered/logs.html +1 -1
- package/.next/server/pages/events/ShipmentDelivered.html +2 -2
- package/.next/server/pages/events/ShipmentDispatched/logs.html +1 -1
- package/.next/server/pages/events/ShipmentDispatched.html +2 -2
- package/.next/server/pages/events/ShipmentPrepared/logs.html +1 -1
- package/.next/server/pages/events/ShipmentPrepared.html +2 -2
- package/.next/server/pages/events.html +2 -2
- package/.next/server/pages/index.html +1 -1
- package/.next/server/pages/overview.html +1 -1
- package/.next/server/pages/services/Basket Service.html +2 -2
- package/.next/server/pages/services/Data Lake.html +2 -2
- package/.next/server/pages/services/Payment Service.html +2 -2
- package/.next/server/pages/services/Shipping Service.html +2 -2
- package/.next/server/pages/services.html +2 -2
- package/.next/server/pages/users/dboyne.html +2 -2
- package/.next/server/pages/users/mSmith.html +2 -2
- package/.next/server/pages/visualiser.html +14 -14
- package/.next/server/pages/visualiser.js +49 -5
- package/.next/static/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/_buildManifest.js +1 -1
- package/.next/static/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/_middlewareManifest.js +0 -0
- package/.next/static/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/_ssgManifest.js +0 -0
- package/.next/static/chunks/pages/visualiser-e4e3757e74f19df7.js +1 -0
- package/.next/static/chunks/{webpack-de66347fdf9ac788.js → webpack-49abfa9a972ed5a3.js} +1 -1
- package/.next/static/css/6774df2af1f71309.css +3 -0
- package/.next/trace +56 -56
- package/CHANGELOG.md +6 -0
- package/out/404/index.html +1 -1
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/events/AddedItemToCart/logs.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/events/AddedItemToCart/v/0.0.1.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/events/AddedItemToCart/v/0.0.2.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/events/AddedItemToCart.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/events/OrderComplete/logs.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/events/OrderComplete.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/events/OrderConfirmed/logs.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/events/OrderConfirmed.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/events/OrderRequested/logs.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/events/OrderRequested.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/events/PaymentProcessed/logs.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/events/PaymentProcessed.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/events/RemovedItemFromCart/logs.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/events/RemovedItemFromCart.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/events/ShipmentDelivered/logs.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/events/ShipmentDelivered.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/events/ShipmentDispatched/logs.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/events/ShipmentDispatched.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/events/ShipmentPrepared/logs.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/events/ShipmentPrepared.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/events.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/overview.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/services/Basket Service.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/services/Data Lake.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/services/Payment Service.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/services/Shipping Service.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/services.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/users/dboyne.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/users/mSmith.json +0 -0
- package/out/_next/data/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/visualiser.json +0 -0
- package/out/_next/static/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/_buildManifest.js +1 -1
- package/out/_next/static/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/_middlewareManifest.js +0 -0
- package/out/_next/static/{7llqY64OLAlXQNo-YhXyr → R1JBWbiD3Q61grTfkBBSU}/_ssgManifest.js +0 -0
- package/out/_next/static/chunks/pages/visualiser-e4e3757e74f19df7.js +1 -0
- package/out/_next/static/chunks/{webpack-de66347fdf9ac788.js → webpack-49abfa9a972ed5a3.js} +1 -1
- package/out/_next/static/css/6774df2af1f71309.css +3 -0
- package/out/events/AddedItemToCart/index.html +2 -2
- package/out/events/AddedItemToCart/logs/index.html +1 -1
- package/out/events/AddedItemToCart/v/0.0.1/index.html +2 -2
- package/out/events/AddedItemToCart/v/0.0.2/index.html +2 -2
- package/out/events/OrderComplete/index.html +2 -2
- package/out/events/OrderComplete/logs/index.html +1 -1
- package/out/events/OrderConfirmed/index.html +2 -2
- package/out/events/OrderConfirmed/logs/index.html +1 -1
- package/out/events/OrderRequested/index.html +2 -2
- package/out/events/OrderRequested/logs/index.html +1 -1
- package/out/events/PaymentProcessed/index.html +2 -2
- package/out/events/PaymentProcessed/logs/index.html +1 -1
- package/out/events/RemovedItemFromCart/index.html +2 -2
- package/out/events/RemovedItemFromCart/logs/index.html +1 -1
- package/out/events/ShipmentDelivered/index.html +2 -2
- package/out/events/ShipmentDelivered/logs/index.html +1 -1
- package/out/events/ShipmentDispatched/index.html +2 -2
- package/out/events/ShipmentDispatched/logs/index.html +1 -1
- package/out/events/ShipmentPrepared/index.html +2 -2
- package/out/events/ShipmentPrepared/logs/index.html +1 -1
- package/out/events/index.html +2 -2
- package/out/index.html +1 -1
- package/out/overview/index.html +1 -1
- package/out/services/Basket Service/index.html +2 -2
- package/out/services/Data Lake/index.html +2 -2
- package/out/services/Payment Service/index.html +2 -2
- package/out/services/Shipping Service/index.html +2 -2
- package/out/services/index.html +2 -2
- package/out/users/dboyne/index.html +2 -2
- package/out/users/mSmith/index.html +2 -2
- package/out/visualiser/index.html +14 -14
- package/package.json +1 -1
- package/pages/visualiser.tsx +27 -5
- package/.next/static/chunks/pages/visualiser-0fbd55ba5b1f83ed.js +0 -1
- package/.next/static/css/f56eba33afeb64fa.css +0 -3
- package/out/_next/static/chunks/pages/visualiser-0fbd55ba5b1f83ed.js +0 -1
- package/out/_next/static/css/f56eba33afeb64fa.css +0 -3
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/><meta name="description" content="An open source project to Discover, Explore and Document your Event Driven Architectures."/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:description" content="An open source tool powered by markdown to document your Event Driven Architecture."/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><title>EventCatalog - Visualiser</title><meta name="next-head-count" content="18"/><link rel="preload" href="/_next/static/css/f56eba33afeb64fa.css" as="style"/><link rel="stylesheet" href="/_next/static/css/f56eba33afeb64fa.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-de66347fdf9ac788.js" defer=""></script><script src="/_next/static/chunks/framework-576ec6a1c1386453.js" defer=""></script><script src="/_next/static/chunks/main-0015f560a7edeb35.js" defer=""></script><script src="/_next/static/chunks/pages/_app-6eba1099469a6889.js" defer=""></script><script src="/_next/static/chunks/b744740b-229c238b25b9eeac.js" defer=""></script><script src="/_next/static/chunks/519-2ec6fc3cdbaa4dc2.js" defer=""></script><script src="/_next/static/chunks/962-20c87db3880df896.js" defer=""></script><script src="/_next/static/chunks/506-12764fcf4b5d93b0.js" defer=""></script><script src="/_next/static/chunks/109-a08539311d3d6672.js" defer=""></script><script src="/_next/static/chunks/pages/visualiser-0fbd55ba5b1f83ed.js" defer=""></script><script src="/_next/static/7llqY64OLAlXQNo-YhXyr/_buildManifest.js" defer=""></script><script src="/_next/static/7llqY64OLAlXQNo-YhXyr/_ssgManifest.js" defer=""></script><script src="/_next/static/7llqY64OLAlXQNo-YhXyr/_middlewareManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="bg-gray-800"><div class="max-w-7xl mx-auto "><div class="relative flex items-center justify-between h-16"><div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"><div class="flex-shrink-0 flex items-center text-white font-bold"><a class="flex items-center" href="/"><img alt="logo" class="text-white w-8 inline-block mr-3" src="/logo.svg"/><span class="text-xl">EventCatalog</span></a></div></div><div class="hidden sm:block sm:ml-6"><div class="flex space-x-4"><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/events/">Events</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/services/">Services</a><a class="bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium" aria-current="page" href="/visualiser/">Visualiser</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><div class="h-screen overflow-hidden"><div class="grid grid-cols-6"><div class="col-span-1 bg-white px-4 h-screen overflow-auto border-r-2 shadow-md border-gray-200 py-3"><div class="border-b border-gray-200 pb-6"><div class="mt-1 relative rounded-md shadow-sm"><div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-5 w-5 text-gray-400"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></div><input type="text" name="event" id="event" placeholder="Find Event or Service" class="focus:ring-gray-500 focus:border-gray-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md"/></div></div><div class="space-y-6"><div><span class="font-bold block py-2">Events <!-- --> <!-- -->(<!-- -->9<!-- -->)</span><ul class="space-y-4 overflow-auto"><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#2e0a58" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">AddedItemToCart</div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user added to their shopping cart.
|
|
2
|
-
</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#871e73" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">OrderComplete</div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when an order has been complete. (Delivered and finished)
|
|
3
|
-
</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#d1ffa1" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">OrderConfirmed</div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when an order has been confirmed and ready to be processed (shipped for example)
|
|
4
|
-
</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#e053ec" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">OrderRequested</div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about the customers order.
|
|
5
|
-
</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#08642a" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">PaymentProcessed</div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about the payment that has been processed.
|
|
6
|
-
</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#7de28e" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">RemovedItemFromCart</div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user removed from their cart.
|
|
7
|
-
</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#ea7bc8" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">ShipmentDelivered</div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has been delivered and received.
|
|
8
|
-
</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#f36bc3" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">ShipmentDispatched</div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has been dispatched.
|
|
9
|
-
</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#1774bd" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">ShipmentPrepared</div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has finished being prepared and is ready to be dispatched.
|
|
10
|
-
</div></div></div></button></li></ul></div><div><span class="font-bold block py-2">Services <!-- --> <!-- -->(<!-- -->4<!-- -->)</span><ul class="space-y-4 overflow-auto"><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#5b5ad5" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">Basket Service</div><div class="text-gray-500 text-xs font-normal mt-2 ">CRUD based API to handle Basket interactions for users of the shopping website.
|
|
11
|
-
</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#45603f" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">Data Lake</div><div class="text-gray-500 text-xs font-normal mt-2 ">Our internal datalake used by the data team and business analytics.
|
|
12
|
-
</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#5b7e99" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">Payment Service</div><div class="text-gray-500 text-xs font-normal mt-2 ">Event based application that integrates with Stripe.
|
|
13
|
-
</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#438ef7" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">Shipping Service</div><div class="text-gray-500 text-xs font-normal mt-2 ">Event based application that handles processing of shipments, preparing them and dispatching them.
|
|
14
|
-
</div></div></div></button></li></ul></div></div></div><div class="bg-gray-200 h-screen col-span-5"></div></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-900">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-900">Services</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-900">3D Node Graph</a></div><div class="px-5 py-2"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master" class="text-base text-gray-500 hover:text-gray-900">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2022<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"events":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","producers":["Orders Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","producers":["Orders Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"services":[{"name":"Basket Service","summary":"CRUD based API to handle Basket interactions for users of the shopping website.\n","owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-basket-service"},"tags":[],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"publishes":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[]},{"name":"Data Lake","summary":"Our internal datalake used by the data team and business analytics.\n","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[],"subscribes":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","producers":["Orders Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},{"name":"Payment Service","summary":"Event based application that integrates with Stripe.\n","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},{"name":"Shipping Service","summary":"Event based application that handles processing of shipments, preparing them and dispatching them.\n","owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-shipping-service"},"tags":[],"externalLinks":[],"publishes":[{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","producers":["Orders Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]}]},"__N_SSG":true},"page":"/visualiser","query":{},"buildId":"
|
|
1
|
+
<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/><meta name="description" content="An open source project to Discover, Explore and Document your Event Driven Architectures."/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:description" content="An open source tool powered by markdown to document your Event Driven Architecture."/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><title>EventCatalog - Visualiser</title><meta name="next-head-count" content="18"/><link rel="preload" href="/_next/static/css/6774df2af1f71309.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6774df2af1f71309.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-49abfa9a972ed5a3.js" defer=""></script><script src="/_next/static/chunks/framework-576ec6a1c1386453.js" defer=""></script><script src="/_next/static/chunks/main-0015f560a7edeb35.js" defer=""></script><script src="/_next/static/chunks/pages/_app-6eba1099469a6889.js" defer=""></script><script src="/_next/static/chunks/b744740b-229c238b25b9eeac.js" defer=""></script><script src="/_next/static/chunks/519-2ec6fc3cdbaa4dc2.js" defer=""></script><script src="/_next/static/chunks/962-20c87db3880df896.js" defer=""></script><script src="/_next/static/chunks/506-12764fcf4b5d93b0.js" defer=""></script><script src="/_next/static/chunks/109-a08539311d3d6672.js" defer=""></script><script src="/_next/static/chunks/pages/visualiser-e4e3757e74f19df7.js" defer=""></script><script src="/_next/static/R1JBWbiD3Q61grTfkBBSU/_buildManifest.js" defer=""></script><script src="/_next/static/R1JBWbiD3Q61grTfkBBSU/_ssgManifest.js" defer=""></script><script src="/_next/static/R1JBWbiD3Q61grTfkBBSU/_middlewareManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="bg-gray-800"><div class="max-w-7xl mx-auto "><div class="relative flex items-center justify-between h-16"><div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"><div class="flex-shrink-0 flex items-center text-white font-bold"><a class="flex items-center" href="/"><img alt="logo" class="text-white w-8 inline-block mr-3" src="/logo.svg"/><span class="text-xl">EventCatalog</span></a></div></div><div class="hidden sm:block sm:ml-6"><div class="flex space-x-4"><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/events/">Events</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/services/">Services</a><a class="bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium" aria-current="page" href="/visualiser/">Visualiser</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><div class="h-screen overflow-hidden"><div class="sm:hidden px-4 py-2 bg-gray-200 border-b border-gray-300"><div class="relative rounded-md shadow-sm"><select class=" block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md"><option>Please select your event or service</option><option value="{"label":"AddedItemToCart","data":{"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"]},"type":"event"}">Event: <!-- -->AddedItemToCart</option><option value="{"label":"OrderComplete","data":{"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":[]},"type":"event"}">Event: <!-- -->OrderComplete</option><option value="{"label":"OrderConfirmed","data":{"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":[]},"type":"event"}">Event: <!-- -->OrderConfirmed</option><option value="{"label":"OrderRequested","data":{"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":[]},"type":"event"}">Event: <!-- -->OrderRequested</option><option value="{"label":"PaymentProcessed","data":{"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":[]},"type":"event"}">Event: <!-- -->PaymentProcessed</option><option value="{"label":"RemovedItemFromCart","data":{"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":[]},"type":"event"}">Event: <!-- -->RemovedItemFromCart</option><option value="{"label":"ShipmentDelivered","data":{"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":[]},"type":"event"}">Event: <!-- -->ShipmentDelivered</option><option value="{"label":"ShipmentDispatched","data":{"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":[]},"type":"event"}">Event: <!-- -->ShipmentDispatched</option><option value="{"label":"ShipmentPrepared","data":{"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":[]},"type":"event"}">Event: <!-- -->ShipmentPrepared</option><option value="{"label":"Basket Service","data":{"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":[]},"type":"service"}">Service: <!-- -->Basket Service</option><option value="{"label":"Data Lake","data":{"name":"Data Lake","summary":"Our internal datalake used by the data team and business analytics.\n","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[],"subscribes":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","producers":["Orders Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},"type":"service"}">Service: <!-- -->Data Lake</option><option value="{"label":"Payment Service","data":{"name":"Payment Service","summary":"Event based application that integrates with Stripe.\n","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},"type":"service"}">Service: <!-- -->Payment Service</option><option value="{"label":"Shipping Service","data":{"name":"Shipping Service","summary":"Event based application that handles processing of shipments, preparing them and dispatching them.\n","owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-shipping-service"},"tags":[],"externalLinks":[],"publishes":[{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","producers":["Orders Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},"type":"service"}">Service: <!-- -->Shipping Service</option></select></div></div><div class="grid grid-cols-8 xl:grid-cols-6"><div class="hidden sm:block col-span-2 xl:col-span-1 bg-white px-4 h-screen overflow-auto border-r-2 shadow-md border-gray-200 py-3"><div class="border-b border-gray-200 pb-6"><div class="mt-1 relative rounded-md shadow-sm"><div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-5 w-5 text-gray-400"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></div><input type="text" name="event" id="event" placeholder="Find Event or Service" class="focus:ring-gray-500 focus:border-gray-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md"/></div></div><div class="space-y-6"><div><span class="font-bold block py-2">Events <!-- --> <!-- -->(<!-- -->9<!-- -->)</span><ul class="space-y-4 overflow-auto"><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#2e0a58" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">AddedItemToCart</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user added to their shopping cart.
|
|
2
|
+
</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#871e73" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">OrderComplete</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Event represents when an order has been complete. (Delivered and finished)
|
|
3
|
+
</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#d1ffa1" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">OrderConfirmed</div><div class="hidden xl:block 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)
|
|
4
|
+
</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#e053ec" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">OrderRequested</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Holds information about the customers order.
|
|
5
|
+
</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#08642a" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">PaymentProcessed</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Holds information about the payment that has been processed.
|
|
6
|
+
</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#7de28e" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">RemovedItemFromCart</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user removed from their cart.
|
|
7
|
+
</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#ea7bc8" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">ShipmentDelivered</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has been delivered and received.
|
|
8
|
+
</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#f36bc3" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">ShipmentDispatched</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has been dispatched.
|
|
9
|
+
</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#1774bd" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">ShipmentPrepared</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has finished being prepared and is ready to be dispatched.
|
|
10
|
+
</div></div></div></button></li></ul></div><div><span class="font-bold block py-2">Services <!-- --> <!-- -->(<!-- -->4<!-- -->)</span><ul class="space-y-4 overflow-auto"><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#5b5ad5" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">Basket Service</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">CRUD based API to handle Basket interactions for users of the shopping website.
|
|
11
|
+
</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#45603f" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">Data Lake</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Our internal datalake used by the data team and business analytics.
|
|
12
|
+
</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#5b7e99" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">Payment Service</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Event based application that integrates with Stripe.
|
|
13
|
+
</div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#438ef7" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">Shipping Service</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Event based application that handles processing of shipments, preparing them and dispatching them.
|
|
14
|
+
</div></div></div></button></li></ul></div></div></div><div class="bg-gray-200 h-screen col-span-12 sm:col-span-6 xl:col-span-5"></div></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-900">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-900">Services</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-900">3D Node Graph</a></div><div class="px-5 py-2"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master" class="text-base text-gray-500 hover:text-gray-900">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2022<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"events":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","producers":["Orders Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","producers":["Orders Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"services":[{"name":"Basket Service","summary":"CRUD based API to handle Basket interactions for users of the shopping website.\n","owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-basket-service"},"tags":[],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"publishes":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[]},{"name":"Data Lake","summary":"Our internal datalake used by the data team and business analytics.\n","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[],"subscribes":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","producers":["Orders Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},{"name":"Payment Service","summary":"Event based application that integrates with Stripe.\n","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},{"name":"Shipping Service","summary":"Event based application that handles processing of shipments, preparing them and dispatching them.\n","owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-shipping-service"},"tags":[],"externalLinks":[],"publishes":[{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","producers":["Orders Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]}]},"__N_SSG":true},"page":"/visualiser","query":{},"buildId":"R1JBWbiD3Q61grTfkBBSU","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
|
|
@@ -69,6 +69,11 @@ function Graph({ events , services }) {
|
|
|
69
69
|
}, 500), [
|
|
70
70
|
listItemsToRender
|
|
71
71
|
]);
|
|
72
|
+
const handleDropdownSelect = (e)=>{
|
|
73
|
+
const { value } = e.target;
|
|
74
|
+
const selectedItem = JSON.parse(value);
|
|
75
|
+
setSelectedRootNode(selectedItem);
|
|
76
|
+
};
|
|
72
77
|
const getListItemsToRender = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(()=>{
|
|
73
78
|
if (!searchFilter) return {
|
|
74
79
|
events,
|
|
@@ -136,11 +141,50 @@ function Graph({ events , services }) {
|
|
|
136
141
|
]
|
|
137
142
|
})
|
|
138
143
|
}),
|
|
144
|
+
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
|
|
145
|
+
className: "sm:hidden px-4 py-2 bg-gray-200 border-b border-gray-300",
|
|
146
|
+
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
|
|
147
|
+
className: "relative rounded-md shadow-sm",
|
|
148
|
+
children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("select", {
|
|
149
|
+
className: " block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md",
|
|
150
|
+
onChange: handleDropdownSelect,
|
|
151
|
+
children: [
|
|
152
|
+
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("option", {
|
|
153
|
+
children: "Please select your event or service"
|
|
154
|
+
}),
|
|
155
|
+
events.map((item)=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("option", {
|
|
156
|
+
value: JSON.stringify({
|
|
157
|
+
label: item.name,
|
|
158
|
+
data: item,
|
|
159
|
+
type: 'event'
|
|
160
|
+
}),
|
|
161
|
+
children: [
|
|
162
|
+
"Event: ",
|
|
163
|
+
item.name
|
|
164
|
+
]
|
|
165
|
+
})
|
|
166
|
+
),
|
|
167
|
+
services.map((item)=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("option", {
|
|
168
|
+
value: JSON.stringify({
|
|
169
|
+
label: item.name,
|
|
170
|
+
data: item,
|
|
171
|
+
type: 'service'
|
|
172
|
+
}),
|
|
173
|
+
children: [
|
|
174
|
+
"Service: ",
|
|
175
|
+
item.name
|
|
176
|
+
]
|
|
177
|
+
})
|
|
178
|
+
)
|
|
179
|
+
]
|
|
180
|
+
})
|
|
181
|
+
})
|
|
182
|
+
}),
|
|
139
183
|
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
|
|
140
|
-
className: "grid grid-cols-6",
|
|
184
|
+
className: "grid grid-cols-8 xl:grid-cols-6",
|
|
141
185
|
children: [
|
|
142
186
|
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
|
|
143
|
-
className: "col-span-1 bg-white px-4 h-screen overflow-auto border-r-2 shadow-md border-gray-200 py-3",
|
|
187
|
+
className: "hidden sm:block col-span-2 xl:col-span-1 bg-white px-4 h-screen overflow-auto border-r-2 shadow-md border-gray-200 py-3",
|
|
144
188
|
children: [
|
|
145
189
|
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
|
|
146
190
|
className: "border-b border-gray-200 pb-6",
|
|
@@ -261,7 +305,7 @@ function Graph({ events , services }) {
|
|
|
261
305
|
]
|
|
262
306
|
}),
|
|
263
307
|
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
|
|
264
|
-
className: "bg-gray-200 h-screen col-span-5",
|
|
308
|
+
className: "bg-gray-200 h-screen col-span-12 sm:col-span-6 xl:col-span-5",
|
|
265
309
|
children: selectedRootNode && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Mdx_NodeGraph_NodeGraph__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
|
|
266
310
|
source: selectedRootNode.type,
|
|
267
311
|
data: selectedRootNode.data,
|
|
@@ -308,11 +352,11 @@ function ListItem({ data , onClick , type , isSelected }) {
|
|
|
308
352
|
className: "p-4 text-sm space-y-2 flex flex-col justify-between h-full",
|
|
309
353
|
children: [
|
|
310
354
|
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
|
|
311
|
-
className: "text-gray-900 font-bold hover:text-gray-600 break-all",
|
|
355
|
+
className: "text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md",
|
|
312
356
|
children: data.name
|
|
313
357
|
}),
|
|
314
358
|
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
|
|
315
|
-
className: "text-gray-500 text-xs font-normal mt-2 ",
|
|
359
|
+
className: "hidden xl:block text-gray-500 text-xs font-normal mt-2 ",
|
|
316
360
|
children: data.summary
|
|
317
361
|
})
|
|
318
362
|
]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
self.__BUILD_MANIFEST=function(s,e,c,a,t,n,i,f,b,d,r,u,v,k,h){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":["static/chunks/pages/index-fe1a9e09c7f51e66.js"],"/_error":["static/chunks/pages/_error-5a714c45c50a8db4.js"],"/events":[c,s,e,f,"static/chunks/pages/events-1f39499146c9c75f.js"],"/events/[name]":[c,a,b,d,r,s,e,t,u,v,n,i,k,h,"static/chunks/pages/events/[name]-813780e7042af288.js"],"/events/[name]/logs":[s,"static/chunks/364-9c039ca46569869e.js","static/css/5eeed9cb243ce668.css","static/chunks/pages/events/[name]/logs-707da36de8222a98.js"],"/events/[name]/v/[version]":[c,a,b,d,r,s,e,t,u,v,n,i,k,h,"static/chunks/pages/events/[name]/v/[version]-33051dbc32f5fe4e.js"],"/overview":["static/chunks/pages/overview-2f0bfad06c84e437.js"],"/services":[c,s,e,f,"static/chunks/pages/services-f52121c6dc1211aa.js"],"/services/[name]":[c,a,s,e,t,n,i,"static/chunks/pages/services/[name]-142d7fa515cfc532.js"],"/users/[id]":[c,e,"static/chunks/pages/users/[id]-d3140bb155f8fb45.js"],"/visualiser":[a,s,e,t,n,"static/chunks/pages/visualiser-
|
|
1
|
+
self.__BUILD_MANIFEST=function(s,e,c,a,t,n,i,f,b,d,r,u,v,k,h){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":["static/chunks/pages/index-fe1a9e09c7f51e66.js"],"/_error":["static/chunks/pages/_error-5a714c45c50a8db4.js"],"/events":[c,s,e,f,"static/chunks/pages/events-1f39499146c9c75f.js"],"/events/[name]":[c,a,b,d,r,s,e,t,u,v,n,i,k,h,"static/chunks/pages/events/[name]-813780e7042af288.js"],"/events/[name]/logs":[s,"static/chunks/364-9c039ca46569869e.js","static/css/5eeed9cb243ce668.css","static/chunks/pages/events/[name]/logs-707da36de8222a98.js"],"/events/[name]/v/[version]":[c,a,b,d,r,s,e,t,u,v,n,i,k,h,"static/chunks/pages/events/[name]/v/[version]-33051dbc32f5fe4e.js"],"/overview":["static/chunks/pages/overview-2f0bfad06c84e437.js"],"/services":[c,s,e,f,"static/chunks/pages/services-f52121c6dc1211aa.js"],"/services/[name]":[c,a,s,e,t,n,i,"static/chunks/pages/services/[name]-142d7fa515cfc532.js"],"/users/[id]":[c,e,"static/chunks/pages/users/[id]-d3140bb155f8fb45.js"],"/visualiser":[a,s,e,t,n,"static/chunks/pages/visualiser-e4e3757e74f19df7.js"],sortedPages:["/","/_app","/_error","/events","/events/[name]","/events/[name]/logs","/events/[name]/v/[version]","/overview","/services","/services/[name]","/users/[id]","/visualiser"]}}("static/chunks/519-2ec6fc3cdbaa4dc2.js","static/chunks/962-20c87db3880df896.js","static/chunks/176cb4e4-8a0f6f010ef8accb.js","static/chunks/b744740b-229c238b25b9eeac.js","static/chunks/506-12764fcf4b5d93b0.js","static/chunks/109-a08539311d3d6672.js","static/chunks/252-08ab418f9b6821dd.js","static/chunks/274-11c4d093341d7201.js","static/chunks/1df474da-91f6061ee61707c6.js","static/chunks/7f5d3f51-7158fdd5a44cedd5.js","static/chunks/2edb282b-9e1cce5842787609.js","static/chunks/5-f60eecf67567a225.js","static/chunks/650-343888e13f994a09.js","static/chunks/178-87f01d17ab32dd4f.js","static/css/7e14b4dede1671ad.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[742],{80594:function(e,n,t){var r=/^\s+|\s+$/g,s=/^[-+]0x[0-9a-f]+$/i,a=/^0b[01]+$/i,i=/^0o[0-7]+$/i,l=parseInt,o="object"==typeof t.g&&t.g&&t.g.Object===Object&&t.g,c="object"==typeof self&&self&&self.Object===Object&&self,d=o||c||Function("return this")(),u=Object.prototype.toString,f=Math.max,m=Math.min,v=function(){return d.Date.now()};function x(e){var n=typeof e;return!!e&&("object"==n||"function"==n)}function h(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&"[object Symbol]"==u.call(e)}(e))return NaN;if(x(e)){var n="function"==typeof e.valueOf?e.valueOf():e;e=x(n)?n+"":n}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(r,"");var t=a.test(e);return t||i.test(e)?l(e.slice(2),t?2:8):s.test(e)?NaN:+e}e.exports=function(e,n,t){var r,s,a,i,l,o,c=0,d=!1,u=!1,p=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function b(n){var t=r,a=s;return r=s=void 0,c=n,i=e.apply(a,t)}function g(e){return c=e,l=setTimeout(j,n),d?b(e):i}function y(e){var t=e-o;return void 0===o||t>=n||t<0||u&&e-c>=a}function j(){var e=v();if(y(e))return N(e);l=setTimeout(j,function(e){var t=n-(e-o);return u?m(t,a-(e-c)):t}(e))}function N(e){return l=void 0,p&&r?b(e):(r=s=void 0,i)}function w(){var e=v(),t=y(e);if(r=arguments,s=this,o=e,t){if(void 0===l)return g(o);if(u)return l=setTimeout(j,n),b(o)}return void 0===l&&(l=setTimeout(j,n)),i}return n=h(n)||0,x(t)&&(d=!!t.leading,a=(u="maxWait"in t)?f(h(t.maxWait)||0,n):a,p="trailing"in t?!!t.trailing:p),w.cancel=function(){void 0!==l&&clearTimeout(l),c=0,r=o=s=l=void 0},w.flush=function(){return void 0===l?i:N(v())},w}},2060:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/visualiser",function(){return t(84031)}])},84031:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSG:function(){return x}});var r=t(52322),s=t(2784),a=t(97729),i=t(5632),l=t(80594),o=t.n(l),c=t(17962),d=t(55008),u=t(78484),f=t(46892);function m(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];return n.filter(Boolean).join(" ")}function v(e){var n=e.data,t=e.onClick,s=e.type,a=e.isSelected,i=a?"border-green-500 bg-green-50 shadow-md ":"";return(0,r.jsx)("li",{className:"flex",children:(0,r.jsxs)("button",{type:"button",onClick:function(){return t({data:n,type:s})},className:"flex shadow-sm rounded-md w-full text-left border ".concat(i),children:[(0,r.jsx)("div",{style:{background:(0,f.Z)(n.name)},className:m("bg-red-500","flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md")}),(0,r.jsx)("div",{className:"w-full rounded-r-md border-t border-r border-b ".concat(a?"bg-green-50":"bg-white"),children:(0,r.jsxs)("div",{className:"p-4 text-sm space-y-2 flex flex-col justify-between h-full",children:[(0,r.jsx)("div",{className:"text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md",children:n.name}),(0,r.jsx)("div",{className:"hidden xl:block text-gray-500 text-xs font-normal mt-2 ",children:n.summary})]})})]})})}var x=!0;n.default=function(e){var n=e.events,t=e.services,l=(0,d.ZR)().title,m=(0,s.useState)(""),x=m[0],h=m[1],p=(0,s.useState)(),b=p[0],g=p[1],y=(0,s.useState)({events:n,services:t}),j=y[0],N=y[1],w=(0,i.useRouter)(),k=w.query,S=w.isReady,_=k.name,E=k.type,O=function(e,n){g({label:e.name,data:e,type:n})},C=(0,s.useCallback)(o()((function(e){h(e.target.value)}),500),[j]),F=(0,s.useCallback)((function(){return x?{events:n.filter((function(e){return e.name.indexOf(x)>-1})),services:t.filter((function(e){return e.name.indexOf(x)>-1}))}:{events:n,services:t}}),[n,t,x]);return(0,s.useEffect)((function(){var e=F();N(e)}),[x,F]),(0,s.useEffect)((function(){if(S){var e=n[0],r={label:e.name,type:"event",data:e};if(_&&E){var s=("service"===E?t:n).find((function(e){return e.name===_}));g(s?{label:s.name,type:E,data:s}:r)}else g(r)}}),[_,E,n,t,S]),(0,r.jsxs)("div",{className:"h-screen overflow-hidden",children:[(0,r.jsx)(a.default,{children:(0,r.jsxs)("title",{children:[l," - Visualiser"]})}),(0,r.jsx)("div",{className:"sm:hidden px-4 py-2 bg-gray-200 border-b border-gray-300",children:(0,r.jsx)("div",{className:"relative rounded-md shadow-sm",children:(0,r.jsxs)("select",{className:" block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md",onChange:function(e){var n=e.target.value,t=JSON.parse(n);g(t)},children:[(0,r.jsx)("option",{children:"Please select your event or service"}),n.map((function(e){return(0,r.jsxs)("option",{value:JSON.stringify({label:e.name,data:e,type:"event"}),children:["Event: ",e.name]})})),t.map((function(e){return(0,r.jsxs)("option",{value:JSON.stringify({label:e.name,data:e,type:"service"}),children:["Service: ",e.name]})}))]})})}),(0,r.jsxs)("div",{className:"grid grid-cols-8 xl:grid-cols-6",children:[(0,r.jsxs)("div",{className:"hidden sm:block col-span-2 xl:col-span-1 bg-white px-4 h-screen overflow-auto border-r-2 shadow-md border-gray-200 py-3",children:[(0,r.jsx)("div",{className:"border-b border-gray-200 pb-6",children:(0,r.jsxs)("div",{className:"mt-1 relative rounded-md shadow-sm",children:[(0,r.jsx)("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:(0,r.jsx)(c.W1M,{className:"h-5 w-5 text-gray-400","aria-hidden":"true"})}),(0,r.jsx)("input",{type:"text",name:"event",id:"event",onChange:C,placeholder:"Find Event or Service",className:"focus:ring-gray-500 focus:border-gray-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md"})]})}),(0,r.jsxs)("div",{className:"space-y-6",children:[(0,r.jsxs)("div",{children:[(0,r.jsxs)("span",{className:"font-bold block py-2",children:["Events "," ",x&&(0,r.jsxs)(r.Fragment,{children:["(",j.events.length,"/",n.length,")"]}),!x&&(0,r.jsxs)(r.Fragment,{children:["(",n.length,")"]})]}),0===j.events.length&&(0,r.jsx)("span",{className:"text-sm text-gray-300",children:"No Events Found"}),(0,r.jsx)("ul",{className:"space-y-4 overflow-auto",children:j.events.map((function(e){var n=!!b&&b.label===e.name;return(0,r.jsx)(v,{type:"event",data:e,onClick:function(e){return O(e.data,"event")},isSelected:n},e.name)}))})]}),(0,r.jsxs)("div",{children:[(0,r.jsxs)("span",{className:"font-bold block py-2",children:["Services "," ",x&&(0,r.jsxs)(r.Fragment,{children:["(",j.services.length,"/",t.length,")"]}),!x&&(0,r.jsxs)(r.Fragment,{children:["(",t.length,")"]})]}),0===j.services.length&&(0,r.jsx)("span",{className:"text-sm text-gray-300",children:"No Services Found"}),(0,r.jsx)("ul",{className:"space-y-4 overflow-auto",children:j.services.map((function(e){var n=!!b&&b.label===e.name;return(0,r.jsx)(v,{type:"event",data:e,onClick:function(e){return O(e.data,"service")},isSelected:n},e.name)}))})]})]})]}),(0,r.jsx)("div",{className:"bg-gray-200 h-screen col-span-12 sm:col-span-6 xl:col-span-5",children:b&&(0,r.jsx)(u.Z,{source:b.type,data:b.data,title:"Visualiser",subtitle:b.data.name,rootNodeColor:(0,f.Z)(b.label),fitView:!0,isAnimated:!0,isDraggable:!0,includeBackground:!0,renderWithBorder:!1,maxHeight:"100%",includeEdgeLabels:!0,includeNodeIcons:!0})})]})]})}}},function(e){e.O(0,[203,519,962,506,109,774,888,179],(function(){return n=2060,e(e.s=n);var n}));var n=e.O();_N_E=n}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(){"use strict";var e={},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var i=t[r]={id:r,loaded:!1,exports:{}},u=!0;try{e[r].call(i.exports,i,i.exports,n),u=!1}finally{u&&delete t[r]}return i.loaded=!0,i.exports}n.m=e,function(){var e=[];n.O=function(t,r,o,i){if(!r){var u=1/0;for(l=0;l<e.length;l++){r=e[l][0],o=e[l][1],i=e[l][2];for(var c=!0,f=0;f<r.length;f++)(!1&i||u>=i)&&Object.keys(n.O).every((function(e){return n.O[e](r[f])}))?r.splice(f--,1):(c=!1,i<u&&(u=i));if(c){e.splice(l--,1);var a=o();void 0!==a&&(t=a)}}return t}i=i||0;for(var l=e.length;l>0&&e[l-1][2]>i;l--)e[l]=e[l-1];e[l]=[r,o,i]}}(),n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},function(){var e,t=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__};n.t=function(r,o){if(1&o&&(r=this(r)),8&o)return r;if("object"===typeof r&&r){if(4&o&&r.__esModule)return r;if(16&o&&"function"===typeof r.then)return r}var i=Object.create(null);n.r(i);var u={};e=e||[null,t({}),t([]),t(t)];for(var c=2&o&&r;"object"==typeof c&&!~e.indexOf(c);c=t(c))Object.getOwnPropertyNames(c).forEach((function(e){u[e]=function(){return r[e]}}));return u.default=function(){return r},n.d(i,u),i}}(),n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.f={},n.e=function(e){return Promise.all(Object.keys(n.f).reduce((function(t,r){return n.f[r](e,t),t}),[]))},n.u=function(e){return 5===e?"static/chunks/5-f60eecf67567a225.js":"static/chunks/"+(546===e?"020d8314":e)+"."+{546:"aea2d24215754e7b",802:"a40c121588cf5040"}[e]+".js"},n.miniCssF=function(e){return"static/css/"+{276:"5eeed9cb243ce668",406:"7e14b4dede1671ad",888:"
|
|
1
|
+
!function(){"use strict";var e={},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var i=t[r]={id:r,loaded:!1,exports:{}},u=!0;try{e[r].call(i.exports,i,i.exports,n),u=!1}finally{u&&delete t[r]}return i.loaded=!0,i.exports}n.m=e,function(){var e=[];n.O=function(t,r,o,i){if(!r){var u=1/0;for(l=0;l<e.length;l++){r=e[l][0],o=e[l][1],i=e[l][2];for(var c=!0,f=0;f<r.length;f++)(!1&i||u>=i)&&Object.keys(n.O).every((function(e){return n.O[e](r[f])}))?r.splice(f--,1):(c=!1,i<u&&(u=i));if(c){e.splice(l--,1);var a=o();void 0!==a&&(t=a)}}return t}i=i||0;for(var l=e.length;l>0&&e[l-1][2]>i;l--)e[l]=e[l-1];e[l]=[r,o,i]}}(),n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},function(){var e,t=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__};n.t=function(r,o){if(1&o&&(r=this(r)),8&o)return r;if("object"===typeof r&&r){if(4&o&&r.__esModule)return r;if(16&o&&"function"===typeof r.then)return r}var i=Object.create(null);n.r(i);var u={};e=e||[null,t({}),t([]),t(t)];for(var c=2&o&&r;"object"==typeof c&&!~e.indexOf(c);c=t(c))Object.getOwnPropertyNames(c).forEach((function(e){u[e]=function(){return r[e]}}));return u.default=function(){return r},n.d(i,u),i}}(),n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.f={},n.e=function(e){return Promise.all(Object.keys(n.f).reduce((function(t,r){return n.f[r](e,t),t}),[]))},n.u=function(e){return 5===e?"static/chunks/5-f60eecf67567a225.js":"static/chunks/"+(546===e?"020d8314":e)+"."+{546:"aea2d24215754e7b",802:"a40c121588cf5040"}[e]+".js"},n.miniCssF=function(e){return"static/css/"+{276:"5eeed9cb243ce668",406:"7e14b4dede1671ad",888:"6774df2af1f71309",904:"7e14b4dede1671ad"}[e]+".css"},n.g=function(){if("object"===typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"===typeof window)return window}}(),n.hmd=function(e){return(e=Object.create(e)).children||(e.children=[]),Object.defineProperty(e,"exports",{enumerable:!0,set:function(){throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+e.id)}}),e},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},function(){var e={},t="_N_E:";n.l=function(r,o,i,u){if(e[r])e[r].push(o);else{var c,f;if(void 0!==i)for(var a=document.getElementsByTagName("script"),l=0;l<a.length;l++){var s=a[l];if(s.getAttribute("src")==r||s.getAttribute("data-webpack")==t+i){c=s;break}}c||(f=!0,(c=document.createElement("script")).charset="utf-8",c.timeout=120,n.nc&&c.setAttribute("nonce",n.nc),c.setAttribute("data-webpack",t+i),c.src=r),e[r]=[o];var d=function(t,n){c.onerror=c.onload=null,clearTimeout(p);var o=e[r];if(delete e[r],c.parentNode&&c.parentNode.removeChild(c),o&&o.forEach((function(e){return e(n)})),t)return t(n)},p=setTimeout(d.bind(null,void 0,{type:"timeout",target:c}),12e4);c.onerror=d.bind(null,c.onerror),c.onload=d.bind(null,c.onload),f&&document.head.appendChild(c)}}}(),n.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.nmd=function(e){return e.paths=[],e.children||(e.children=[]),e},n.p="/_next/",function(){var e={272:0};n.f.j=function(t,r){var o=n.o(e,t)?e[t]:void 0;if(0!==o)if(o)r.push(o[2]);else if(272!=t){var i=new Promise((function(n,r){o=e[t]=[n,r]}));r.push(o[2]=i);var u=n.p+n.u(t),c=new Error;n.l(u,(function(r){if(n.o(e,t)&&(0!==(o=e[t])&&(e[t]=void 0),o)){var i=r&&("load"===r.type?"missing":r.type),u=r&&r.target&&r.target.src;c.message="Loading chunk "+t+" failed.\n("+i+": "+u+")",c.name="ChunkLoadError",c.type=i,c.request=u,o[1](c)}}),"chunk-"+t,t)}else e[t]=0},n.O.j=function(t){return 0===e[t]};var t=function(t,r){var o,i,u=r[0],c=r[1],f=r[2],a=0;if(u.some((function(t){return 0!==e[t]}))){for(o in c)n.o(c,o)&&(n.m[o]=c[o]);if(f)var l=f(n)}for(t&&t(r);a<u.length;a++)i=u[a],n.o(e,i)&&e[i]&&e[i][0](),e[u[a]]=0;return n.O(l)},r=self.webpackChunk_N_E=self.webpackChunk_N_E||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))}()}();
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */
|
|
2
|
+
|
|
3
|
+
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */html{-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{box-sizing:border-box;border:0 solid}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9ca3af}input::placeholder,textarea::placeholder{color:#9ca3af}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}[multiple],[type=number],[type=text],[type=time],[type=url],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}[multiple]:focus,[type=number]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,select:focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;color-adjust:exact}[multiple]{background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;color-adjust:unset}[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000;border-radius:0}[type=checkbox]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked{background-size:100% 100%;background-position:50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}[type=checkbox]:checked,[type=checkbox]:checked:focus,[type=checkbox]:checked:hover{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px auto -webkit-focus-ring-color}.prose{color:#374151;max-width:65ch}.prose a{color:#111827;text-decoration:underline;font-weight:500}.prose strong{color:#111827;font-weight:600}.prose ol[type=a],.prose ol[type=a s]{--list-counter-style:lower-alpha}.prose ol[type=i],.prose ol[type=i s]{--list-counter-style:lower-roman}.prose ol[type="1"]{--list-counter-style:decimal}.prose ol>li{position:relative;padding-left:1.75em}.prose ol>li:before{content:counter(list-item,var(--list-counter-style,decimal)) ".";position:absolute;font-weight:400;color:#6b7280;left:0}.prose ul>li{position:relative;padding-left:1.75em}.prose ul>li:before{content:"";position:absolute;background-color:#d1d5db;border-radius:50%;width:.375em;height:.375em;top:calc(.875em - .1875em);left:.25em}.prose hr{border-color:#e5e7eb;border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose blockquote{font-weight:500;font-style:italic;color:#111827;border-left-width:.25rem;border-left-color:#e5e7eb;quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose blockquote p:first-of-type:before{content:open-quote}.prose blockquote p:last-of-type:after{content:close-quote}.prose h1{color:#111827;font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose h2{color:#111827;font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose h3{font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose h3,.prose h4{color:#111827;font-weight:600}.prose h4{margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose figure figcaption{color:#6b7280;font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose code{color:#111827;font-weight:600;font-size:.875em}.prose code:after,.prose code:before{content:"`"}.prose a code{color:#111827}.prose pre{color:#e5e7eb;background-color:#1f2937;overflow-x:auto;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding:.8571429em 1.1428571em}.prose pre code{background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:400;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose pre code:after,.prose pre code:before{content:none}.prose table{width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose thead{color:#111827;font-weight:600;border-bottom-width:1px;border-bottom-color:#d1d5db}.prose thead th{vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose tbody tr{border-bottom-width:1px;border-bottom-color:#e5e7eb}.prose tbody tr:last-child{border-bottom-width:0}.prose tbody td{vertical-align:top;padding:.5714286em}.prose{font-size:1rem;line-height:1.75}.prose p{margin-top:1.25em;margin-bottom:1.25em}.prose figure,.prose img,.prose video{margin-top:2em;margin-bottom:2em}.prose figure>*{margin-top:0;margin-bottom:0}.prose h2 code{font-size:.875em}.prose h3 code{font-size:.9em}.prose ol,.prose ul{margin-top:1.25em;margin-bottom:1.25em}.prose li{margin-top:.5em;margin-bottom:.5em}.prose>ul>li p{margin-top:.75em;margin-bottom:.75em}.prose>ul>li>:first-child{margin-top:1.25em}.prose>ul>li>:last-child{margin-bottom:1.25em}.prose>ol>li>:first-child{margin-top:1.25em}.prose>ol>li>:last-child{margin-bottom:1.25em}.prose ol ol,.prose ol ul,.prose ul ol,.prose ul ul{margin-top:.75em;margin-bottom:.75em}.prose h2+*,.prose h3+*,.prose h4+*,.prose hr+*{margin-top:0}.prose thead th:first-child{padding-left:0}.prose thead th:last-child{padding-right:0}.prose tbody td:first-child{padding-left:0}.prose tbody td:last-child{padding-right:0}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{right:0;left:0}.inset-0,.inset-y-0{top:0;bottom:0}.top-1{top:.25rem}.top-2{top:.5rem}.top-4{top:1rem}.top-5{top:1.25rem}.-top-0{top:0}.-top-1{top:-.25rem}.-top-0\.5{top:-.125rem}.right-0{right:0}.right-4{right:1rem}.bottom-0{bottom:0}.left-0{left:0}.left-4{left:1rem}.z-10{z-index:10}.col-span-2{grid-column:span 2/span 2}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-12{grid-column:span 12/span 12}.mx-auto{margin-left:auto;margin-right:auto}.-mx-5{margin-left:-1.25rem;margin-right:-1.25rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.-my-2{margin-top:-.5rem;margin-bottom:-.5rem}.-my-3{margin-top:-.75rem;margin-bottom:-.75rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.-mt-0{margin-top:0}.-mt-0\.5{margin-top:-.125rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.-mr-1{margin-right:-.25rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-10{margin-bottom:2.5rem}.mb-20{margin-bottom:5rem}.-mb-2{margin-bottom:-.5rem}.-mb-3{margin-bottom:-.75rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-3\.5{margin-left:.875rem}.-ml-1{margin-left:-.25rem}.-ml-px{margin-left:-1px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-16{height:4rem}.h-96{height:24rem}.h-1\.5{height:.375rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1{width:.25rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-16{width:4rem}.w-40{width:10rem}.w-0\.5{width:.125rem}.w-1\.5{width:.375rem}.w-full{width:100%}.max-w-none{max-width:none}.max-w-xs{max-width:20rem}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.origin-top-right{transform-origin:top right}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.scale-100{--tw-scale-x:1;--tw-scale-y:1}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-pulse{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-5{gap:1.25rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-10{row-gap:2.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.border-2{border-width:2px}.border{border-width:1px}.border-t{border-top-width:1px}.border-r-2{border-right-width:2px}.border-r{border-right-width:1px}.border-b-2{border-bottom-width:2px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-dashed{border-style:dashed}.border-transparent{border-color:transparent}.border-gray-100{--tw-border-opacity:1;border-color:rgba(243,244,246,var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity))}.border-yellow-300{--tw-border-opacity:1;border-color:rgba(252,211,77,var(--tw-border-opacity))}.border-green-500{--tw-border-opacity:1;border-color:rgba(16,185,129,var(--tw-border-opacity))}.focus\:border-gray-500:focus{--tw-border-opacity:1;border-color:rgba(107,114,128,var(--tw-border-opacity))}.focus\:border-indigo-500:focus{--tw-border-opacity:1;border-color:rgba(99,102,241,var(--tw-border-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgba(229,231,235,var(--tw-bg-opacity))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgba(107,114,128,var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgba(55,65,81,var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgba(31,41,55,var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgba(17,24,39,var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity:1;background-color:rgba(254,242,242,var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgba(239,68,68,var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgba(255,251,235,var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgba(254,243,199,var(--tw-bg-opacity))}.bg-green-50{--tw-bg-opacity:1;background-color:rgba(236,253,245,var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgba(16,185,129,var(--tw-bg-opacity))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgba(219,234,254,var(--tw-bg-opacity))}.bg-blue-400{--tw-bg-opacity:1;background-color:rgba(96,165,250,var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgba(59,130,246,var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgba(37,99,235,var(--tw-bg-opacity))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgba(238,242,255,var(--tw-bg-opacity))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgba(99,102,241,var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgba(249,250,251,var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgba(75,85,99,var(--tw-bg-opacity))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgba(55,65,81,var(--tw-bg-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgba(29,78,216,var(--tw-bg-opacity))}.bg-opacity-75{--tw-bg-opacity:0.75}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-blue-700{--tw-gradient-from:#1d4ed8;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(29,78,216,0))}.to-gray-800{--tw-gradient-to:#1f2937}.bg-cover{background-size:cover}.bg-top{background-position:top}.p-1{padding:.25rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pr-10{padding-right:2.5rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-24{padding-bottom:6rem}.pl-3{padding-left:.75rem}.pl-7{padding-left:1.75rem}.pl-10{padding-left:2.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-8{line-height:2rem}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-gray-100{--tw-text-opacity:1;color:rgba(243,244,246,var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity:1;color:rgba(229,231,235,var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity:1;color:rgba(209,213,219,var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgba(156,163,175,var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgba(107,114,128,var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgba(75,85,99,var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgba(55,65,81,var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgba(31,41,55,var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgba(17,24,39,var(--tw-text-opacity))}.text-red-400{--tw-text-opacity:1;color:rgba(248,113,113,var(--tw-text-opacity))}.text-yellow-300{--tw-text-opacity:1;color:rgba(252,211,77,var(--tw-text-opacity))}.text-yellow-400{--tw-text-opacity:1;color:rgba(251,191,36,var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity:1;color:rgba(146,64,14,var(--tw-text-opacity))}.text-green-400{--tw-text-opacity:1;color:rgba(52,211,153,var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgba(59,130,246,var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgba(37,99,235,var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity:1;color:rgba(30,64,175,var(--tw-text-opacity))}.text-indigo-400{--tw-text-opacity:1;color:rgba(129,140,248,var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity:1;color:rgba(79,70,229,var(--tw-text-opacity))}.group:hover .group-hover\:text-gray-500{--tw-text-opacity:1;color:rgba(107,114,128,var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.hover\:text-gray-400:hover{--tw-text-opacity:1;color:rgba(156,163,175,var(--tw-text-opacity))}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgba(107,114,128,var(--tw-text-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgba(75,85,99,var(--tw-text-opacity))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgba(55,65,81,var(--tw-text-opacity))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgba(17,24,39,var(--tw-text-opacity))}.text-opacity-50{--tw-text-opacity:0.5}.underline{text-decoration:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}*,:after,:before{--tw-shadow:0 0 #0000}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.shadow-2xl,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.06);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}*,:after,:before{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1,.ring-8{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-8{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-black{--tw-ring-opacity:1;--tw-ring-color:rgba(0,0,0,var(--tw-ring-opacity))}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgba(255,255,255,var(--tw-ring-opacity))}.focus\:ring-gray-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(229,231,235,var(--tw-ring-opacity))}.focus\:ring-gray-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(107,114,128,var(--tw-ring-opacity))}.focus\:ring-gray-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(17,24,39,var(--tw-ring-opacity))}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(99,102,241,var(--tw-ring-opacity))}.ring-opacity-5{--tw-ring-opacity:0.05}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.filter{--tw-blur:var(--tw-empty,/*!*/ /*!*/);--tw-brightness:var(--tw-empty,/*!*/ /*!*/);--tw-contrast:var(--tw-empty,/*!*/ /*!*/);--tw-grayscale:var(--tw-empty,/*!*/ /*!*/);--tw-hue-rotate:var(--tw-empty,/*!*/ /*!*/);--tw-invert:var(--tw-empty,/*!*/ /*!*/);--tw-saturate:var(--tw-empty,/*!*/ /*!*/);--tw-sepia:var(--tw-empty,/*!*/ /*!*/);--tw-drop-shadow:var(--tw-empty,/*!*/ /*!*/);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-xl{--tw-blur:blur(24px)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,0.1)) drop-shadow(0 1px 1px rgba(0,0,0,0.06))}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-75{transition-duration:75ms}.duration-100{transition-duration:.1s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.mermaid svg{width:100%}.prose .event-table table{width:inherit;table-layout:inherit;text-align:inherit;margin-top:0;margin-bottom:0}.prose .event-table tbody td:first-child,.prose .event-table thead th:first-child{padding-left:20px}.prose .event-table tbody td,event-table thead th{padding-top:20px;padding-bottom:20px}.prose pre{padding:0}.prose .examples a{text-decoration:none}.prose .examples a.selected{--tw-text-opacity:1;color:rgba(5,150,105,var(--tw-text-opacity))}.node-label{font-size:12px;padding:1px 4px;border-radius:4px;background-color:rgba(0,0,0,.5);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-flow__controls-no-shadow{box-shadow:none!important}@media (min-width:640px){.sm\:col-span-6{grid-column:span 6/span 6}.sm\:mt-0{margin-top:0}.sm\:ml-3{margin-left:.75rem}.sm\:ml-6{margin-left:1.5rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:items-stretch{align-items:stretch}.sm\:justify-start{justify-content:flex-start}.sm\:justify-center{justify-content:center}.sm\:bg-top{background-position:top}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-24{padding-top:6rem;padding-bottom:6rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:768px){.md\:mt-0{margin-top:0}.md\:mt-8{margin-top:2rem}.md\:inline-flex{display:inline-flex}.md\:min-h-screen{min-height:100vh}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:px-0{padding-left:0;padding-right:0}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:col-span-3{grid-column:span 3/span 3}.lg\:block{display:block}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-48{padding-top:12rem;padding-bottom:12rem}}@media (min-width:1280px){.xl\:col-span-1{grid-column:span 1/span 1}.xl\:col-span-3{grid-column:span 3/span 3}.xl\:col-span-4{grid-column:span 4/span 4}.xl\:col-span-5{grid-column:span 5/span 5}.xl\:mt-10{margin-top:2.5rem}.xl\:block{display:block}.xl\:grid{display:grid}.xl\:max-w-7xl{max-width:80rem}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:border-r{border-right-width:1px}.xl\:border-b{border-bottom-width:1px}.xl\:border-gray-200{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.xl\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.xl\:pt-6{padding-top:1.5rem}.xl\:pr-8{padding-right:2rem}.xl\:pb-0{padding-bottom:0}.xl\:pl-8{padding-left:2rem}}
|