npm - @eventcatalog/core - Versions diffs - 0.2.18 → 0.3.0 - Mend

@eventcatalog/core 0.2.18 → 0.3.0

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

Files changed (168) hide show

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

@@ -1,2 +1,2 @@
-<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><meta name="description" content="Discover, Explore and Document your Event Driven Architectures"/><link rel="icon" href="/favicon.ico"/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog"/><meta property="og:description" content="Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><title>EventCatalog - Shipping Service</title><meta name="next-head-count" content="15"/><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><link rel="preload" href="/_next/static/css/f35070e1edc71e18.css" as="style"/><link rel="stylesheet" href="/_next/static/css/f35070e1edc71e18.css" data-n-g=""/><link rel="preload" href="/_next/static/css/bc1af6b16510c531.css" as="style"/><link rel="stylesheet" href="/_next/static/css/bc1af6b16510c531.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-6d71b9b42478969c.js" defer=""></script><script src="/_next/static/chunks/framework-d23f68ad701fe0b2.js" defer=""></script><script src="/_next/static/chunks/main-f81c6f6bcf091f94.js" defer=""></script><script src="/_next/static/chunks/pages/_app-a03c2dba159b0e27.js" defer=""></script><script src="/_next/static/chunks/176cb4e4-59b1695530801e16.js" defer=""></script><script src="/_next/static/chunks/b744740b-594b36f2f589c271.js" defer=""></script><script src="/_next/static/chunks/519-2ec6fc3cdbaa4dc2.js" defer=""></script><script src="/_next/static/chunks/962-17a425b16c23bd0f.js" defer=""></script><script src="/_next/static/chunks/506-68ae644af2659950.js" defer=""></script><script src="/_next/static/chunks/400-55bf9605399f5614.js" defer=""></script><script src="/_next/static/chunks/109-1211e7bfa1e1d0c0.js" defer=""></script><script src="/_next/static/chunks/169-b33dfdaf2847d062.js" defer=""></script><script src="/_next/static/chunks/963-71aa3fc2dd1c8d77.js" defer=""></script><script src="/_next/static/chunks/pages/services/%5Bname%5D-086106dbbb8bda81.js" defer=""></script><script src="/_next/static/j6omi8pQn6TfSrKCsM_pw/_buildManifest.js" defer=""></script><script src="/_next/static/j6omi8pQn6TfSrKCsM_pw/_ssgManifest.js" defer=""></script><script src="/_next/static/j6omi8pQn6TfSrKCsM_pw/_middlewareManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="bg-gray-800"><div class="max-w-7xl mx-auto "><div class="relative flex items-center justify-between h-16"><div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"><div class="flex-shrink-0 flex items-center text-white font-bold"><a class="flex items-center" href="/"><img alt="logo" class="text-white w-8 inline-block mr-3" src="/logo.svg"/><span class="text-xl">EventCatalog</span></a></div></div><div class="hidden sm:block sm:ml-6"><div class="flex space-x-4"><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/events/">Events</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/services/">Services</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/domains/">Domains</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/visualiser/">Visualiser</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><div class="flex relative"><div class=" flex flex-col w-0 flex-1 "><main class="flex-1 "><div class="py-8 xl:py-10"><div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 xl:max-w-7xl xl:grid xl:grid-cols-4"><div class="xl:col-span-3 xl:pr-8 xl:border-r xl:border-gray-200 flex-col justify-between flex"><div><div class="mb-5 border-b border-gray-100 pb-4"><nav class="flex" aria-label="Breadcrumb"><ol class="flex items-center space-x-4"><li><a class="text-gray-400 hover:text-gray-500" href="/services/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="flex-shrink-0 h-5 w-5"><path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"></path></svg><span class="sr-only">Home</span></a></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" href="/services/">Services</a></div></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" aria-current="page" href="/services/Shipping%20Service/">Shipping Service</a></div></li></ol></nav></div><div><div><div class="xl:border-b pb-4 flex justify-between "><div class="space-y-2 w-full"><h1 class="text-3xl font-bold text-gray-900 relative">Shipping Service<div class="-top-1 relative inline-block ml-2"></div></h1><div class="text-gray-600 mb-10 text py-2">Event based application that handles processing of shipments, preparing them and dispatching them.
-</div></div><div class="mt-4 flex space-x-3 md:mt-0"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master/services/Shipping%20Service/index.md" target="_blank" type="button" class="hidden md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900" rel="noreferrer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="-ml-1 mr-2 h-5 w-5 text-gray-400"><path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path></svg><span>Edit</span></a></div></div><div class="py-3 xl:pt-6 xl:pb-0"><div class="prose max-w-none"><p>Event based service that allows you to create shipments, prepare them and dispatch them. This service handles the <code>Shipment</code> domain.</p><p>This service will also generate Async events for downstream services.</p><div class="mx-auto w-full"><div class="node-graph w-full h-screen border-dashed border-2 border-slate-300" style="height:300px"><div class="react-flow"><div class="react-flow__renderer react-flow__zoompane"><div class="react-flow__nodes" style="transform:translate(0px,0px) scale(1)"></div><div class="react-flow__pane"></div></div></div><a class="block text-right underline text-xs mt-4" href="/visualiser/?type=service&amp;name=Shipping%20Service">Open in Visualiser →</a></div></div></div></div></div></div></div><div class="flex mt-10 justify-between"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master/services/Shipping%20Service/index.md" target="_blank" class="flex text-gray-400" rel="noreferrer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="top-1 mr-2 relative h-4 w-4 text-gray-400"><path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path></svg><span>Edit this page</span></a><span class="italic text-xs mt-2">Last updated on <!-- -->2022/5/6</span></div></div><div class="md:min-h-screen"><aside class="hidden xl:block xl:pl-8 "><h2 class="sr-only">Details</h2><div class="pt-6 py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-5 w-5  inline-block mr-2 text-indigo-400"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Publishes Events (3)</h2><ul class="mt-2 leading-8"><li class="inline mr-2"><a class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5" href="/events/ShipmentDelivered/"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-indigo-500" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900 truncate max-w-xs">ShipmentDelivered</div></a></li><li class="inline mr-2"><a class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5" href="/events/ShipmentDispatched/"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-indigo-500" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900 truncate max-w-xs">ShipmentDispatched</div></a></li><li class="inline mr-2"><a class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5" href="/events/ShipmentPrepared/"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-indigo-500" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900 truncate max-w-xs">ShipmentPrepared</div></a></li></ul></div></div><div class="pt-6 py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-5 w-5  inline-block mr-2 text-green-400"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribes to Events (3)</h2><ul class="mt-2 leading-8"><li class="inline mr-2"><a class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5" href="/domains/Orders/events/OrderConfirmed/"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-green-500" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900 truncate max-w-xs">OrderConfirmed</div></a></li><li class="inline mr-2"><a class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5" href="/events/ShipmentDispatched/"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-green-500" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900 truncate max-w-xs">ShipmentDispatched</div></a></li><li class="inline mr-2"><a class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5" href="/events/ShipmentPrepared/"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-green-500" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900 truncate max-w-xs">ShipmentPrepared</div></a></li></ul></div></div><div class=" py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500">Domain Owners (<!-- -->1<!-- -->)</h2><ul class="mt-4 leading-8 space-y-2"><li class="flex justify-start"><a class="flex items-center space-x-3" href="/users/dboyne/"><div class="flex-shrink-0"><img class="h-5 w-5 rounded-full" src="https://pbs.twimg.com/profile_images/1262283153563140096/DYRDqKg6_400x400.png" alt=""/></div><div class="text-sm font-medium text-gray-900">David Boyne</div></a></li></ul></div></div><div class="border-t border-gray-200 py-6 space-y-8"><div class="space-y-3"><h2 class="text-sm font-medium text-gray-500">Repository</h2><ul class=" leading-8 space-y-2"><li class="flex justify-start"><a href="https://github.com/boyney123/pretend-shipping-service" target="_blank" class="flex items-center space-x-3 text-blue-600 underline text-sm" rel="noreferrer">github.com/boyney123/pretend-shipping-service</a></li></ul></div></div><div class="border-t border-gray-200 py-6 space-y-8"><div class="space-y-3"><h2 class="text-sm font-medium text-gray-500">Language</h2><div class="relative flex items-center mt-2"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-2 w-2 rounded-full" aria-hidden="true" style="background:#ada17a"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900">JavaScript</div></div></div></div><a class="hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-800 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-200" href="/visualiser/?type=service&amp;name=Shipping%20Service"><span>View in Visualiser</span></a></aside></div></div></div></main></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-400">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-400">Services</a></div><div class="px-5 py-2"><a href="/visualiser" class="text-base text-gray-500 hover:text-gray-400">Visualiser</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-400">3D Node Graph</a></div><div class="px-5 py-2"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master" class="text-base text-gray-500 hover:text-gray-400">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2022<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"service":{"name":"Shipping Service","summary":"Event based application that handles processing of shipments, preparing them and dispatching them.\n","domain":null,"owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-shipping-service"},"tags":[],"externalLinks":[],"openAPISpec":null,"publishes":[{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":"Orders","producerNames":["Orders Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},"markdown":{"content":"\nEvent based service that allows you to create shipments, prepare them and dispatch them. This service handles the `Shipment` domain.\n\nThis service will also generate Async events for downstream services.\n\n\u003cNodeGraph /\u003e","lastModifiedDate":"2022/5/6","source":{"compiledSource":"var h=Object.defineProperty,m=Object.defineProperties;var l=Object.getOwnPropertyDescriptors;var r=Object.getOwnPropertySymbols;var s=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var i=(e,o,t)=\u003eo in e?h(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,a=(e,o)=\u003e{for(var t in o||(o={}))s.call(o,t)\u0026\u0026i(e,t,o[t]);if(r)for(var t of r(o))p.call(o,t)\u0026\u0026i(e,t,o[t]);return e},d=(e,o)=\u003em(e,l(o));var c=(e,o)=\u003e{var t={};for(var n in e)s.call(e,n)\u0026\u0026o.indexOf(n)\u003c0\u0026\u0026(t[n]=e[n]);if(e!=null\u0026\u0026r)for(var n of r(e))o.indexOf(n)\u003c0\u0026\u0026p.call(e,n)\u0026\u0026(t[n]=e[n]);return t};const makeShortcode=e=\u003efunction(t){return console.warn(\"Component \"+e+\" was not imported, exported, or provided by MDXProvider as global scope\"),mdx(\"div\",a({},t))},NodeGraph=makeShortcode(\"NodeGraph\"),layoutProps={},MDXLayout=\"wrapper\";function MDXContent(t){var n=t,{components:e}=n,o=c(n,[\"components\"]);return mdx(MDXLayout,d(a(a({},layoutProps),o),{components:e,mdxType:\"MDXLayout\"}),mdx(\"p\",null,\"Event based service that allows you to create shipments, prepare them and dispatch them. This service handles the \",mdx(\"inlineCode\",{parentName:\"p\"},\"Shipment\"),\" domain.\"),mdx(\"p\",null,\"This service will also generate Async events for downstream services.\"),mdx(NodeGraph,{mdxType:\"NodeGraph\"}))}MDXContent.isMDXComponent=!0;\n","scope":{}}},"breadCrumbs":[{"name":"Services","href":"/services","current":false},{"name":"Shipping Service","href":"/services/Shipping Service","current":true}]},"__N_SSG":true},"page":"/services/[name]","query":{"name":"Shipping Service"},"buildId":"j6omi8pQn6TfSrKCsM_pw","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
+<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><meta name="description" content="Discover, Explore and Document your Event Driven Architectures"/><link rel="icon" href="/favicon.ico"/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog"/><meta property="og:description" content="Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><title>EventCatalog - Shipping Service</title><meta name="next-head-count" content="15"/><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><link rel="preload" href="/_next/static/css/f35070e1edc71e18.css" as="style"/><link rel="stylesheet" href="/_next/static/css/f35070e1edc71e18.css" data-n-g=""/><link rel="preload" href="/_next/static/css/bc1af6b16510c531.css" as="style"/><link rel="stylesheet" href="/_next/static/css/bc1af6b16510c531.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-6d71b9b42478969c.js" defer=""></script><script src="/_next/static/chunks/framework-d23f68ad701fe0b2.js" defer=""></script><script src="/_next/static/chunks/main-f81c6f6bcf091f94.js" defer=""></script><script src="/_next/static/chunks/pages/_app-8836b5fd3bbebacc.js" defer=""></script><script src="/_next/static/chunks/176cb4e4-59b1695530801e16.js" defer=""></script><script src="/_next/static/chunks/b744740b-594b36f2f589c271.js" defer=""></script><script src="/_next/static/chunks/519-2ec6fc3cdbaa4dc2.js" defer=""></script><script src="/_next/static/chunks/962-17a425b16c23bd0f.js" defer=""></script><script src="/_next/static/chunks/506-68ae644af2659950.js" defer=""></script><script src="/_next/static/chunks/400-55bf9605399f5614.js" defer=""></script><script src="/_next/static/chunks/109-1211e7bfa1e1d0c0.js" defer=""></script><script src="/_next/static/chunks/169-b33dfdaf2847d062.js" defer=""></script><script src="/_next/static/chunks/963-71aa3fc2dd1c8d77.js" defer=""></script><script src="/_next/static/chunks/pages/services/%5Bname%5D-086106dbbb8bda81.js" defer=""></script><script src="/_next/static/tJfqHKkGBtCR8UzZmhgZQ/_buildManifest.js" defer=""></script><script src="/_next/static/tJfqHKkGBtCR8UzZmhgZQ/_ssgManifest.js" defer=""></script><script src="/_next/static/tJfqHKkGBtCR8UzZmhgZQ/_middlewareManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="bg-gray-800"><div class="max-w-7xl mx-auto "><div class="relative flex items-center justify-between h-16"><div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"><div class="flex-shrink-0 flex items-center text-white font-bold"><a class="flex items-center" href="/"><img alt="logo" class="text-white w-8 inline-block mr-3" src="/logo.svg"/><span class="text-xl">EventCatalog</span></a></div></div><div class="hidden sm:block sm:ml-6"><div class="flex space-x-4"><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/events/">Events</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/services/">Services</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/domains/">Domains</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/visualiser/">Visualiser</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><div class="flex relative"><div class=" flex flex-col w-0 flex-1 "><main class="flex-1 "><div class="py-8 xl:py-10"><div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 xl:max-w-7xl xl:grid xl:grid-cols-4"><div class="xl:col-span-3 xl:pr-8 xl:border-r xl:border-gray-200 flex-col justify-between flex"><div><div class="mb-5 border-b border-gray-100 pb-4"><nav class="flex" aria-label="Breadcrumb"><ol class="flex items-center space-x-4"><li><a class="text-gray-400 hover:text-gray-500" href="/services/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="flex-shrink-0 h-5 w-5"><path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"></path></svg><span class="sr-only">Home</span></a></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" href="/services/">Services</a></div></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" aria-current="page" href="/services/Shipping%20Service/">Shipping Service</a></div></li></ol></nav></div><div><div><div class="xl:border-b pb-4 flex justify-between "><div class="space-y-2 w-full"><h1 class="text-3xl font-bold text-gray-900 relative">Shipping Service<div class="-top-1 relative inline-block ml-2"></div></h1><div class="text-gray-600 mb-10 text py-2">Event based application that handles processing of shipments, preparing them and dispatching them.
+</div></div><div class="mt-4 flex space-x-3 md:mt-0"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master/services/Shipping%20Service/index.md" target="_blank" type="button" class="hidden md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900" rel="noreferrer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="-ml-1 mr-2 h-5 w-5 text-gray-400"><path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path></svg><span>Edit</span></a></div></div><div class="py-3 xl:pt-6 xl:pb-0"><div class="prose max-w-none"><p>Event based service that allows you to create shipments, prepare them and dispatch them. This service handles the <code>Shipment</code> domain.</p><p>This service will also generate Async events for downstream services.</p><div class="mx-auto w-full"><div class="node-graph w-full h-screen border-dashed border-2 border-slate-300" style="height:300px"><div class="react-flow"><div class="react-flow__renderer react-flow__zoompane"><div class="react-flow__nodes" style="transform:translate(0px,0px) scale(1)"></div><div class="react-flow__pane"></div></div></div><a class="block text-right underline text-xs mt-4" href="/visualiser/?type=service&amp;name=Shipping%20Service">Open in Visualiser →</a></div></div></div></div></div></div></div><div class="flex mt-10 justify-between"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master/services/Shipping%20Service/index.md" target="_blank" class="flex text-gray-400" rel="noreferrer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="top-1 mr-2 relative h-4 w-4 text-gray-400"><path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path></svg><span>Edit this page</span></a><span class="italic text-xs mt-2">Last updated on <!-- -->2022/6/17</span></div></div><div class="md:min-h-screen"><aside class="hidden xl:block xl:pl-8 "><h2 class="sr-only">Details</h2><div class="pt-6 py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-5 w-5  inline-block mr-2 text-indigo-400"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Publishes Events (3)</h2><ul class="mt-2 leading-8"><li class="inline mr-2"><a class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5" href="/events/ShipmentDelivered/"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-indigo-500" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900 truncate max-w-xs">ShipmentDelivered</div></a></li><li class="inline mr-2"><a class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5" href="/events/ShipmentDispatched/"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-indigo-500" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900 truncate max-w-xs">ShipmentDispatched</div></a></li><li class="inline mr-2"><a class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5" href="/events/ShipmentPrepared/"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-indigo-500" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900 truncate max-w-xs">ShipmentPrepared</div></a></li></ul></div></div><div class="pt-6 py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-5 w-5  inline-block mr-2 text-green-400"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribes to Events (3)</h2><ul class="mt-2 leading-8"><li class="inline mr-2"><a class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5" href="/domains/Orders/events/OrderConfirmed/"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-green-500" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900 truncate max-w-xs">OrderConfirmed</div></a></li><li class="inline mr-2"><a class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5" href="/events/ShipmentDispatched/"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-green-500" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900 truncate max-w-xs">ShipmentDispatched</div></a></li><li class="inline mr-2"><a class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5" href="/events/ShipmentPrepared/"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-green-500" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900 truncate max-w-xs">ShipmentPrepared</div></a></li></ul></div></div><div class=" py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500">Domain Owners (<!-- -->1<!-- -->)</h2><ul class="mt-4 leading-8 space-y-2"><li class="flex justify-start"><a class="flex items-center space-x-3" href="/users/dboyne/"><div class="flex-shrink-0"><img class="h-5 w-5 rounded-full" src="https://pbs.twimg.com/profile_images/1262283153563140096/DYRDqKg6_400x400.png" alt=""/></div><div class="text-sm font-medium text-gray-900">David Boyne</div></a></li></ul></div></div><div class="border-t border-gray-200 py-6 space-y-8"><div class="space-y-3"><h2 class="text-sm font-medium text-gray-500">Repository</h2><ul class=" leading-8 space-y-2"><li class="flex justify-start"><a href="https://github.com/boyney123/pretend-shipping-service" target="_blank" class="flex items-center space-x-3 text-blue-600 underline text-sm" rel="noreferrer">github.com/boyney123/pretend-shipping-service</a></li></ul></div></div><div class="border-t border-gray-200 py-6 space-y-8"><div class="space-y-3"><h2 class="text-sm font-medium text-gray-500">Language</h2><div class="relative flex items-center mt-2"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-2 w-2 rounded-full" aria-hidden="true" style="background:#ada17a"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900">JavaScript</div></div></div></div><a class="hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-800 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-200" href="/visualiser/?type=service&amp;name=Shipping%20Service"><span>View in Visualiser</span></a></aside></div></div></div></main></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-400">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-400">Services</a></div><div class="px-5 py-2"><a href="/visualiser" class="text-base text-gray-500 hover:text-gray-400">Visualiser</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-400">3D Node Graph</a></div><div class="px-5 py-2"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master" class="text-base text-gray-500 hover:text-gray-400">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2022<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"service":{"name":"Shipping Service","summary":"Event based application that handles processing of shipments, preparing them and dispatching them.\n","domain":null,"owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-shipping-service"},"tags":[],"externalLinks":[],"openAPISpec":null,"publishes":[{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":"Orders","producerNames":["Orders Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},"markdown":{"content":"\nEvent based service that allows you to create shipments, prepare them and dispatch them. This service handles the `Shipment` domain.\n\nThis service will also generate Async events for downstream services.\n\n\u003cNodeGraph /\u003e","lastModifiedDate":"2022/6/17","source":{"compiledSource":"var h=Object.defineProperty,m=Object.defineProperties;var l=Object.getOwnPropertyDescriptors;var r=Object.getOwnPropertySymbols;var s=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var i=(e,o,t)=\u003eo in e?h(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,a=(e,o)=\u003e{for(var t in o||(o={}))s.call(o,t)\u0026\u0026i(e,t,o[t]);if(r)for(var t of r(o))p.call(o,t)\u0026\u0026i(e,t,o[t]);return e},d=(e,o)=\u003em(e,l(o));var c=(e,o)=\u003e{var t={};for(var n in e)s.call(e,n)\u0026\u0026o.indexOf(n)\u003c0\u0026\u0026(t[n]=e[n]);if(e!=null\u0026\u0026r)for(var n of r(e))o.indexOf(n)\u003c0\u0026\u0026p.call(e,n)\u0026\u0026(t[n]=e[n]);return t};const makeShortcode=e=\u003efunction(t){return console.warn(\"Component \"+e+\" was not imported, exported, or provided by MDXProvider as global scope\"),mdx(\"div\",a({},t))},NodeGraph=makeShortcode(\"NodeGraph\"),layoutProps={},MDXLayout=\"wrapper\";function MDXContent(t){var n=t,{components:e}=n,o=c(n,[\"components\"]);return mdx(MDXLayout,d(a(a({},layoutProps),o),{components:e,mdxType:\"MDXLayout\"}),mdx(\"p\",null,\"Event based service that allows you to create shipments, prepare them and dispatch them. This service handles the \",mdx(\"inlineCode\",{parentName:\"p\"},\"Shipment\"),\" domain.\"),mdx(\"p\",null,\"This service will also generate Async events for downstream services.\"),mdx(NodeGraph,{mdxType:\"NodeGraph\"}))}MDXContent.isMDXComponent=!0;\n","scope":{}}},"breadCrumbs":[{"name":"Services","href":"/services","current":false},{"name":"Shipping Service","href":"/services/Shipping Service","current":true}]},"__N_SSG":true},"page":"/services/[name]","query":{"name":"Shipping Service"},"buildId":"tJfqHKkGBtCR8UzZmhgZQ","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>

package/.next/server/pages/services/Shipping Service.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"pageProps":{"service":{"name":"Shipping Service","summary":"Event based application that handles processing of shipments, preparing them and dispatching them.\n","domain":null,"owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-shipping-service"},"tags":[],"externalLinks":[],"openAPISpec":null,"publishes":[{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":"Orders","producerNames":["Orders Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},"markdown":{"content":"\nEvent based service that allows you to create shipments, prepare them and dispatch them. This service handles the `Shipment` domain.\n\nThis service will also generate Async events for downstream services.\n\n<NodeGraph />","lastModifiedDate":"2022/5/6","source":{"compiledSource":"var h=Object.defineProperty,m=Object.defineProperties;var l=Object.getOwnPropertyDescriptors;var r=Object.getOwnPropertySymbols;var s=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var i=(e,o,t)=>o in e?h(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,a=(e,o)=>{for(var t in o\|\|(o={}))s.call(o,t)&&i(e,t,o[t]);if(r)for(var t of r(o))p.call(o,t)&&i(e,t,o[t]);return e},d=(e,o)=>m(e,l(o));var c=(e,o)=>{var t={};for(var n in e)s.call(e,n)&&o.indexOf(n)<0&&(t[n]=e[n]);if(e!=null&&r)for(var n of r(e))o.indexOf(n)<0&&p.call(e,n)&&(t[n]=e[n]);return t};const makeShortcode=e=>function(t){return console.warn(\"Component \"+e+\" was not imported, exported, or provided by MDXProvider as global scope\"),mdx(\"div\",a({},t))},NodeGraph=makeShortcode(\"NodeGraph\"),layoutProps={},MDXLayout=\"wrapper\";function MDXContent(t){var n=t,{components:e}=n,o=c(n,[\"components\"]);return mdx(MDXLayout,d(a(a({},layoutProps),o),{components:e,mdxType:\"MDXLayout\"}),mdx(\"p\",null,\"Event based service that allows you to create shipments, prepare them and dispatch them. This service handles the \",mdx(\"inlineCode\",{parentName:\"p\"},\"Shipment\"),\" domain.\"),mdx(\"p\",null,\"This service will also generate Async events for downstream services.\"),mdx(NodeGraph,{mdxType:\"NodeGraph\"}))}MDXContent.isMDXComponent=!0;\n","scope":{}}},"breadCrumbs":[{"name":"Services","href":"/services","current":false},{"name":"Shipping Service","href":"/services/Shipping Service","current":true}]},"__N_SSG":true}
1	+ {"pageProps":{"service":{"name":"Shipping Service","summary":"Event based application that handles processing of shipments, preparing them and dispatching them.\n","domain":null,"owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-shipping-service"},"tags":[],"externalLinks":[],"openAPISpec":null,"publishes":[{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":"Orders","producerNames":["Orders Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},"markdown":{"content":"\nEvent based service that allows you to create shipments, prepare them and dispatch them. This service handles the `Shipment` domain.\n\nThis service will also generate Async events for downstream services.\n\n<NodeGraph />","lastModifiedDate":"2022/6/17","source":{"compiledSource":"var h=Object.defineProperty,m=Object.defineProperties;var l=Object.getOwnPropertyDescriptors;var r=Object.getOwnPropertySymbols;var s=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var i=(e,o,t)=>o in e?h(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,a=(e,o)=>{for(var t in o\|\|(o={}))s.call(o,t)&&i(e,t,o[t]);if(r)for(var t of r(o))p.call(o,t)&&i(e,t,o[t]);return e},d=(e,o)=>m(e,l(o));var c=(e,o)=>{var t={};for(var n in e)s.call(e,n)&&o.indexOf(n)<0&&(t[n]=e[n]);if(e!=null&&r)for(var n of r(e))o.indexOf(n)<0&&p.call(e,n)&&(t[n]=e[n]);return t};const makeShortcode=e=>function(t){return console.warn(\"Component \"+e+\" was not imported, exported, or provided by MDXProvider as global scope\"),mdx(\"div\",a({},t))},NodeGraph=makeShortcode(\"NodeGraph\"),layoutProps={},MDXLayout=\"wrapper\";function MDXContent(t){var n=t,{components:e}=n,o=c(n,[\"components\"]);return mdx(MDXLayout,d(a(a({},layoutProps),o),{components:e,mdxType:\"MDXLayout\"}),mdx(\"p\",null,\"Event based service that allows you to create shipments, prepare them and dispatch them. This service handles the \",mdx(\"inlineCode\",{parentName:\"p\"},\"Shipment\"),\" domain.\"),mdx(\"p\",null,\"This service will also generate Async events for downstream services.\"),mdx(NodeGraph,{mdxType:\"NodeGraph\"}))}MDXContent.isMDXComponent=!0;\n","scope":{}}},"breadCrumbs":[{"name":"Services","href":"/services","current":false},{"name":"Shipping Service","href":"/services/Shipping Service","current":true}]},"__N_SSG":true}

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

@@ -1,4 +1,4 @@
-<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><meta name="description" content="Discover, Explore and Document your Event Driven Architectures"/><link rel="icon" href="/favicon.ico"/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog"/><meta property="og:description" content="Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><title>EventCatalog - All Services</title><meta name="next-head-count" content="15"/><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><link rel="preload" href="/_next/static/css/f35070e1edc71e18.css" as="style"/><link rel="stylesheet" href="/_next/static/css/f35070e1edc71e18.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-6d71b9b42478969c.js" defer=""></script><script src="/_next/static/chunks/framework-d23f68ad701fe0b2.js" defer=""></script><script src="/_next/static/chunks/main-f81c6f6bcf091f94.js" defer=""></script><script src="/_next/static/chunks/pages/_app-a03c2dba159b0e27.js" defer=""></script><script src="/_next/static/chunks/176cb4e4-59b1695530801e16.js" defer=""></script><script src="/_next/static/chunks/519-2ec6fc3cdbaa4dc2.js" defer=""></script><script src="/_next/static/chunks/962-17a425b16c23bd0f.js" defer=""></script><script src="/_next/static/chunks/274-8d503842229d0944.js" defer=""></script><script src="/_next/static/chunks/pages/services-ec933b7dc15f409b.js" defer=""></script><script src="/_next/static/j6omi8pQn6TfSrKCsM_pw/_buildManifest.js" defer=""></script><script src="/_next/static/j6omi8pQn6TfSrKCsM_pw/_ssgManifest.js" defer=""></script><script src="/_next/static/j6omi8pQn6TfSrKCsM_pw/_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="bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium" aria-current="page" href="/services/">Services</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/domains/">Domains</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/visualiser/">Visualiser</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><main class="max-w-7xl mx-auto md:min-h-screen px-4 xl:px-0"><div class="relative z-10 flex items-baseline justify-between pt-8 pb-6 border-b border-gray-200"><h1 class="text-2xl font-extrabold tracking-tight text-gray-900">Services (<!-- -->3<!-- -->)</h1><div class="flex items-center"><div class="relative hidden text-left"><div><button class="group inline-flex justify-center text-sm font-medium text-gray-700 hover:text-gray-900" id="headlessui-menu-button-undefined" type="button" aria-haspopup="true" aria-expanded="false">Sort<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="flex-shrink-0 -mr-1 ml-1 h-5 w-5 text-gray-400 group-hover:text-gray-500"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div></div></div></div><section class="pt-6 pb-24"><div class="grid grid-cols-4 gap-x-8 gap-y-10"><form class="hidden lg:block"><div class="border-b border-gray-200 pb-6"><h3 class="-my-3 flow-root"><div class="py-3 bg-white w-full flex items-center justify-between text-sm text-gray-400 hover:text-gray-500"><span class="font-medium text-gray-900">Features</span></div></h3><div class="pt-6"><div class="space-y-4"><div class="flex items-center"><input type="checkbox" id="show-mermaid" class="h-4 w-4 border-gray-300 rounded text-gray-600 focus:ring-gray-500"/><label for="show-mermaid" class="ml-3 text-sm text-gray-600">Show Mermaid Diagrams</label></div></div></div></div></form><div class="col-span-4 lg:col-span-3"><div><h2 class="text-gray-500 text-xs font-medium uppercase tracking-wide">Services</h2><ul class="mt-3 grid grid-cols-1 gap-5 md:grid-cols-2"><li class="flex"><a class="flex shadow-sm w-full" href="/domains/Orders/services/Orders%20Service/"><div style="background:#7a747d" class="w-4 rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div><span class="text-gray-900 font-bold">Orders Service</span><div class="text-gray-500 text-xs font-normal mt-2 line-clamp-3">Service that handles customer orders
+<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><meta name="description" content="Discover, Explore and Document your Event Driven Architectures"/><link rel="icon" href="/favicon.ico"/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog"/><meta property="og:description" content="Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><title>EventCatalog - All Services</title><meta name="next-head-count" content="15"/><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><link rel="preload" href="/_next/static/css/f35070e1edc71e18.css" as="style"/><link rel="stylesheet" href="/_next/static/css/f35070e1edc71e18.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-6d71b9b42478969c.js" defer=""></script><script src="/_next/static/chunks/framework-d23f68ad701fe0b2.js" defer=""></script><script src="/_next/static/chunks/main-f81c6f6bcf091f94.js" defer=""></script><script src="/_next/static/chunks/pages/_app-8836b5fd3bbebacc.js" defer=""></script><script src="/_next/static/chunks/176cb4e4-59b1695530801e16.js" defer=""></script><script src="/_next/static/chunks/519-2ec6fc3cdbaa4dc2.js" defer=""></script><script src="/_next/static/chunks/962-17a425b16c23bd0f.js" defer=""></script><script src="/_next/static/chunks/873-4b5fc271c8532dc2.js" defer=""></script><script src="/_next/static/chunks/pages/services-c3a127ae882dcc0a.js" defer=""></script><script src="/_next/static/tJfqHKkGBtCR8UzZmhgZQ/_buildManifest.js" defer=""></script><script src="/_next/static/tJfqHKkGBtCR8UzZmhgZQ/_ssgManifest.js" defer=""></script><script src="/_next/static/tJfqHKkGBtCR8UzZmhgZQ/_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="bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium" aria-current="page" href="/services/">Services</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/domains/">Domains</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/visualiser/">Visualiser</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><main class="max-w-7xl mx-auto md:min-h-screen px-4 xl:px-0"><div class="relative z-10 flex items-baseline justify-between pt-8 pb-6 border-b border-gray-200"><h1 class="text-2xl font-extrabold tracking-tight text-gray-900">Services (<!-- -->3<!-- -->)</h1><div class="flex items-center"><div class="relative hidden text-left"><div><button class="group inline-flex justify-center text-sm font-medium text-gray-700 hover:text-gray-900" id="headlessui-menu-button-undefined" type="button" aria-haspopup="true" aria-expanded="false">Sort<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="flex-shrink-0 -mr-1 ml-1 h-5 w-5 text-gray-400 group-hover:text-gray-500"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div></div></div></div><section class="pt-6 pb-24"><div class="grid grid-cols-4 gap-x-8 gap-y-10"><form class="hidden lg:block"><div class="border-b border-gray-200 pb-6"><label for="service" class="font-bold block text-sm font-medium text-gray-700">Search Services</label><div class="mt-1 relative rounded-md shadow-sm"><div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="h-5 w-5 text-gray-400"><path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd"></path></svg></div><input type="text" name="service" id="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="border-b border-gray-200 pb-6"><h3 class="-my-3 flow-root"><div class="py-3 bg-white w-full flex items-center justify-between text-sm text-gray-400 hover:text-gray-500"><span class="font-medium text-gray-900">Features</span></div></h3><div class="pt-6"><div class="space-y-4"><div class="flex items-center"><input type="checkbox" id="show-mermaid" class="h-4 w-4 border-gray-300 rounded text-gray-600 focus:ring-gray-500"/><label for="show-mermaid" class="ml-3 text-sm text-gray-600">Show Mermaid Diagrams</label></div></div></div></div></form><div class="col-span-4 lg:col-span-3"><div><h2 class="text-gray-500 text-xs font-medium uppercase tracking-wide">All Services (3)</h2><ul class="mt-3 grid grid-cols-1 gap-5 md:grid-cols-2"><li class="flex"><a class="flex shadow-sm w-full" href="/domains/Orders/services/Orders%20Service/"><div style="background:#7a747d" class="w-4 rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div><span class="text-gray-900 font-bold">Orders Service</span><div class="text-gray-500 text-xs font-normal mt-2 line-clamp-3">Service that handles customer orders
 </div></div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribe Events (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Publish Events (<!-- -->2<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm w-full" href="/services/Payment%20Service/"><div style="background:#5b7e99" class="w-4 rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div><span class="text-gray-900 font-bold">Payment Service</span><div class="text-gray-500 text-xs font-normal mt-2 line-clamp-3">Event based application that integrates with Stripe.
 </div></div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribe Events (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Publish Events (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm w-full" href="/services/Shipping%20Service/"><div style="background:#438ef7" class="w-4 rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div><span class="text-gray-900 font-bold">Shipping Service</span><div class="text-gray-500 text-xs font-normal mt-2 line-clamp-3">Event based application that handles processing of shipments, preparing them and dispatching them.
-</div></div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribe Events (<!-- -->3<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Publish Events (<!-- -->3<!-- -->)</div></div></div></div></a></li></ul></div></div></div></section></main><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-400">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-400">Services</a></div><div class="px-5 py-2"><a href="/visualiser" class="text-base text-gray-500 hover:text-gray-400">Visualiser</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-400">3D Node Graph</a></div><div class="px-5 py-2"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master" class="text-base text-gray-500 hover:text-gray-400">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2022<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"services":[{"name":"Orders Service","summary":"Service that handles customer orders\n","domain":"Orders","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","domain":"Orders","producerNames":["Orders Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","domain":"Orders","producerNames":["Orders Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","domain":null,"producerNames":["Payment Service"],"consumerNames":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},{"name":"Payment Service","summary":"Event based application that integrates with Stripe.\n","domain":null,"owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","domain":null,"producerNames":["Payment Service"],"consumerNames":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","domain":"Orders","producerNames":["Basket Service"],"consumerNames":["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","domain":null,"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","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":"Orders","producerNames":["Orders Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]}]},"__N_SSG":true},"page":"/services","query":{},"buildId":"j6omi8pQn6TfSrKCsM_pw","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
+</div></div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribe Events (<!-- -->3<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Publish Events (<!-- -->3<!-- -->)</div></div></div></div></a></li></ul></div></div></div></section></main><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-400">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-400">Services</a></div><div class="px-5 py-2"><a href="/visualiser" class="text-base text-gray-500 hover:text-gray-400">Visualiser</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-400">3D Node Graph</a></div><div class="px-5 py-2"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master" class="text-base text-gray-500 hover:text-gray-400">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2022<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"services":[{"name":"Orders Service","summary":"Service that handles customer orders\n","domain":"Orders","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","domain":"Orders","producerNames":["Orders Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","domain":"Orders","producerNames":["Orders Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","domain":null,"producerNames":["Payment Service"],"consumerNames":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},{"name":"Payment Service","summary":"Event based application that integrates with Stripe.\n","domain":null,"owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","domain":null,"producerNames":["Payment Service"],"consumerNames":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","domain":"Orders","producerNames":["Basket Service"],"consumerNames":["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","domain":null,"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","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":"Orders","producerNames":["Orders Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["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","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]}]},"__N_SSG":true},"page":"/services","query":{},"buildId":"tJfqHKkGBtCR8UzZmhgZQ","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>

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

@@ -20,15 +20,18 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(968);
 /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_head__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _headlessui_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7505);
-/* harmony import */ var _headlessui_react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_headlessui_react__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _heroicons_react_solid__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1143);
-/* harmony import */ var _heroicons_react_solid__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_heroicons_react_solid__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _components_Grids_ServiceGrid__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(4938);
-/* harmony import */ var _lib_services__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9596);
-/* harmony import */ var _hooks_EventCatalog__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(5008);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_Grids_ServiceGrid__WEBPACK_IMPORTED_MODULE_5__, _lib_services__WEBPACK_IMPORTED_MODULE_6__]);
-([_components_Grids_ServiceGrid__WEBPACK_IMPORTED_MODULE_5__, _lib_services__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4305);
+/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _headlessui_react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7505);
+/* harmony import */ var _headlessui_react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_headlessui_react__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _heroicons_react_solid__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1143);
+/* harmony import */ var _heroicons_react_solid__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_heroicons_react_solid__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _components_Grids_ServiceGrid__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(4938);
+/* harmony import */ var _lib_services__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(9596);
+/* harmony import */ var _hooks_EventCatalog__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(5008);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_Grids_ServiceGrid__WEBPACK_IMPORTED_MODULE_6__, _lib_services__WEBPACK_IMPORTED_MODULE_7__]);
+([_components_Grids_ServiceGrid__WEBPACK_IMPORTED_MODULE_6__, _lib_services__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -58,8 +61,30 @@ const sortOptions = [
     },
 ];
 function Page({ services  }) {
+    const { 0: servicesToRender , 1: setServicesToRender  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(services);
+    const { 0: searchFilter , 1: setSearchFilter  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)('');
+    const getFilteredServices = ()=>{
+        let filteredServices = services;
+        if (searchFilter) {
+            filteredServices = filteredServices.filter((service)=>service.name.toLowerCase().includes(searchFilter.toLowerCase())
+            );
+        }
+        return filteredServices;
+    };
+    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
+        setServicesToRender(getFilteredServices());
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        searchFilter
+    ]);
+    const debouncedFilter = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(lodash_debounce__WEBPACK_IMPORTED_MODULE_3___default()((e)=>{
+        setSearchFilter(e.target.value);
+    }, 500), [
+        servicesToRender
+    ]);
+    const filtersApplied = !!searchFilter;
     const { 0: showMermaidDiagrams , 1: setShowMermaidDiagrams  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
-    const { title  } = (0,_hooks_EventCatalog__WEBPACK_IMPORTED_MODULE_7__/* .useConfig */ .ZR)();
+    const { title  } = (0,_hooks_EventCatalog__WEBPACK_IMPORTED_MODULE_8__/* .useConfig */ .ZR)();
     return(/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
         children: [
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_head__WEBPACK_IMPORTED_MODULE_2___default()), {
@@ -86,23 +111,23 @@ function Page({ services  }) {
                             }),
                             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                 className: "flex items-center",
-                                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_headlessui_react__WEBPACK_IMPORTED_MODULE_3__.Menu, {
+                                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_headlessui_react__WEBPACK_IMPORTED_MODULE_4__.Menu, {
                                     as: "div",
                                     className: "relative hidden text-left",
                                     children: [
                                         /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                                            children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_headlessui_react__WEBPACK_IMPORTED_MODULE_3__.Menu.Button, {
+                                            children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_headlessui_react__WEBPACK_IMPORTED_MODULE_4__.Menu.Button, {
                                                 className: "group inline-flex justify-center text-sm font-medium text-gray-700 hover:text-gray-900",
                                                 children: [
                                                     "Sort",
-                                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_heroicons_react_solid__WEBPACK_IMPORTED_MODULE_4__.ChevronDownIcon, {
+                                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_heroicons_react_solid__WEBPACK_IMPORTED_MODULE_5__.ChevronDownIcon, {
                                                         className: "flex-shrink-0 -mr-1 ml-1 h-5 w-5 text-gray-400 group-hover:text-gray-500",
                                                         "aria-hidden": "true"
                                                     })
                                                 ]
                                             })
                                         }),
-                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_headlessui_react__WEBPACK_IMPORTED_MODULE_3__.Transition, {
+                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_headlessui_react__WEBPACK_IMPORTED_MODULE_4__.Transition, {
                                             as: react__WEBPACK_IMPORTED_MODULE_1__.Fragment,
                                             enter: "transition ease-out duration-100",
                                             enterFrom: "transform opacity-0 scale-95",
@@ -110,11 +135,11 @@ function Page({ services  }) {
                                             leave: "transition ease-in duration-75",
                                             leaveFrom: "transform opacity-100 scale-100",
                                             leaveTo: "transform opacity-0 scale-95",
-                                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_headlessui_react__WEBPACK_IMPORTED_MODULE_3__.Menu.Items, {
+                                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_headlessui_react__WEBPACK_IMPORTED_MODULE_4__.Menu.Items, {
                                                 className: "origin-top-right absolute right-0 mt-2 w-40 rounded-md shadow-2xl bg-white ring-1 ring-black ring-opacity-5 focus:outline-none",
                                                 children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                                     className: "py-1",
-                                                    children: sortOptions.map((option)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_headlessui_react__WEBPACK_IMPORTED_MODULE_3__.Menu.Item, {
+                                                    children: sortOptions.map((option)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_headlessui_react__WEBPACK_IMPORTED_MODULE_4__.Menu.Item, {
                                                             children: ({ active  })=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("a", {
                                                                     href: option.href,
                                                                     className: classNames(option.current ? 'font-medium text-gray-900' : 'text-gray-500', active ? 'bg-gray-100' : '', 'block px-4 py-2 text-sm'),
@@ -135,47 +160,78 @@ function Page({ services  }) {
                         children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                             className: "grid grid-cols-4 gap-x-8 gap-y-10",
                             children: [
-                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("form", {
+                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("form", {
                                     className: "hidden lg:block",
-                                    children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                                        className: "border-b border-gray-200 pb-6",
-                                        children: [
-                                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h3", {
-                                                className: "-my-3 flow-root",
-                                                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                                                    className: "py-3 bg-white w-full flex items-center justify-between text-sm text-gray-400 hover:text-gray-500",
-                                                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
-                                                        className: "font-medium text-gray-900",
-                                                        children: "Features"
-                                                    })
-                                                })
-                                            }),
-                                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                                                className: "pt-6",
-                                                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                                                    className: "space-y-4",
-                                                    children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                                                        className: "flex items-center",
-                                                        children: [
-                                                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
-                                                                id: "show-mermaid",
-                                                                type: "checkbox",
-                                                                onChange: (e)=>setShowMermaidDiagrams(e.target.checked)
-                                                                ,
-                                                                defaultChecked: showMermaidDiagrams,
-                                                                className: "h-4 w-4 border-gray-300 rounded text-gray-600 focus:ring-gray-500"
-                                                            }),
-                                                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", {
-                                                                htmlFor: "show-mermaid",
-                                                                className: "ml-3 text-sm text-gray-600",
-                                                                children: "Show Mermaid Diagrams"
+                                    children: [
+                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                            className: "border-b border-gray-200 pb-6",
+                                            children: [
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", {
+                                                    htmlFor: "service",
+                                                    className: "font-bold block text-sm font-medium text-gray-700",
+                                                    children: "Search Services"
+                                                }),
+                                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                                    className: "mt-1 relative rounded-md shadow-sm",
+                                                    children: [
+                                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                                            className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",
+                                                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_heroicons_react_solid__WEBPACK_IMPORTED_MODULE_5__.SearchIcon, {
+                                                                className: "h-5 w-5 text-gray-400",
+                                                                "aria-hidden": "true"
                                                             })
-                                                        ]
+                                                        }),
+                                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
+                                                            type: "text",
+                                                            name: "service",
+                                                            id: "service",
+                                                            onChange: debouncedFilter,
+                                                            className: "focus:ring-gray-500 focus:border-gray-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md"
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                            className: "border-b border-gray-200 pb-6",
+                                            children: [
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h3", {
+                                                    className: "-my-3 flow-root",
+                                                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                                        className: "py-3 bg-white w-full flex items-center justify-between text-sm text-gray-400 hover:text-gray-500",
+                                                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                                                            className: "font-medium text-gray-900",
+                                                            children: "Features"
+                                                        })
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                                    className: "pt-6",
+                                                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                                        className: "space-y-4",
+                                                        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                                            className: "flex items-center",
+                                                            children: [
+                                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
+                                                                    id: "show-mermaid",
+                                                                    type: "checkbox",
+                                                                    onChange: (e)=>setShowMermaidDiagrams(e.target.checked)
+                                                                    ,
+                                                                    defaultChecked: showMermaidDiagrams,
+                                                                    className: "h-4 w-4 border-gray-300 rounded text-gray-600 focus:ring-gray-500"
+                                                                }),
+                                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", {
+                                                                    htmlFor: "show-mermaid",
+                                                                    className: "ml-3 text-sm text-gray-600",
+                                                                    children: "Show Mermaid Diagrams"
+                                                                })
+                                                            ]
+                                                        })
                                                     })
                                                 })
-                                            })
-                                        ]
-                                    })
+                                            ]
+                                        })
+                                    ]
                                 }),
                                 /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                     className: "col-span-4 lg:col-span-3",
@@ -183,11 +239,22 @@ function Page({ services  }) {
                                         children: [
                                             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
                                                 className: "text-gray-500 text-xs font-medium uppercase tracking-wide",
-                                                children: "Services"
+                                                children: filtersApplied ? `Filtered Services (${servicesToRender.length}/${services.length})` : `All Services (${services.length})`
                                             }),
-                                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Grids_ServiceGrid__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
-                                                services: services,
+                                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Grids_ServiceGrid__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                                                services: servicesToRender,
                                                 showMermaidDiagrams: showMermaidDiagrams
+                                            }),
+                                            servicesToRender.length === 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                                className: "text-gray-400 flex h-96 justify-center items-center",
+                                                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                                    children: [
+                                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_heroicons_react_solid__WEBPACK_IMPORTED_MODULE_5__.SearchIcon, {
+                                                            className: "w-6 h-6 inline-block mr-1"
+                                                        }),
+                                                        "No services found."
+                                                    ]
+                                                })
                                             })
                                         ]
                                     })
@@ -201,7 +268,7 @@ function Page({ services  }) {
     }));
 };
 async function getStaticProps() {
-    const services = (0,_lib_services__WEBPACK_IMPORTED_MODULE_6__/* .getAllServices */ .UV)();
+    const services = (0,_lib_services__WEBPACK_IMPORTED_MODULE_7__/* .getAllServices */ .UV)();
     return {
         props: {
             services
@@ -249,6 +316,13 @@ module.exports = require("gray-matter");
 /***/ }),
+/***/ 4305:
+/***/ ((module) => {
+module.exports = require("lodash.debounce");
+/***/ }),
 /***/ 7112:
 /***/ ((module) => {