@eventcatalog/core 0.2.5 → 0.2.8

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 (233) hide show
  1. package/.next/BUILD_ID +1 -1
  2. package/.next/build-manifest.json +39 -39
  3. package/.next/cache/.tsbuildinfo +1 -1
  4. package/.next/cache/config.json +3 -3
  5. package/.next/cache/eslint/.cache_1bay4w0 +1 -1
  6. package/.next/cache/next-server.js.nft.json +1 -1
  7. package/.next/cache/webpack/client-production/0.pack +0 -0
  8. package/.next/cache/webpack/client-production/index.pack +0 -0
  9. package/.next/cache/webpack/server-production/0.pack +0 -0
  10. package/.next/cache/webpack/server-production/index.pack +0 -0
  11. package/.next/next-server.js.nft.json +1 -1
  12. package/.next/prerender-manifest.json +1 -1
  13. package/.next/routes-manifest.json +1 -1
  14. package/.next/server/chunks/484.js +36 -45
  15. package/.next/server/pages/404.html +1 -1
  16. package/.next/server/pages/500.html +1 -1
  17. package/.next/server/pages/domains/Orders/events/OrderComplete/logs.html +1 -0
  18. package/.next/server/pages/domains/Orders/events/OrderComplete/logs.json +1 -0
  19. package/.next/server/pages/domains/Orders/events/OrderComplete.html +40 -0
  20. package/.next/server/pages/domains/Orders/events/OrderComplete.json +1 -0
  21. package/.next/server/pages/domains/Orders/events/OrderConfirmed/logs.html +1 -0
  22. package/.next/server/pages/domains/Orders/events/OrderConfirmed/logs.json +1 -0
  23. package/.next/server/pages/domains/Orders/events/OrderConfirmed.html +40 -0
  24. package/.next/server/pages/domains/Orders/events/OrderConfirmed.json +1 -0
  25. package/.next/server/pages/domains/Orders/events/OrderRequested/logs.html +1 -0
  26. package/.next/server/pages/domains/Orders/events/OrderRequested/logs.json +1 -0
  27. package/.next/server/pages/domains/Orders/events/OrderRequested.html +40 -0
  28. package/.next/server/pages/domains/Orders/events/OrderRequested.json +1 -0
  29. package/.next/server/pages/domains/Orders/services/Orders Service.html +2 -0
  30. package/.next/server/pages/domains/Orders/services/Orders Service.json +1 -0
  31. package/.next/server/pages/domains/Orders.html +2 -0
  32. package/.next/server/pages/domains/Orders.json +1 -0
  33. package/.next/server/pages/domains/Shopping/events/AddedItemToCart/logs.html +1 -1
  34. package/.next/server/pages/domains/Shopping/events/AddedItemToCart/v/0.0.1.html +2 -2
  35. package/.next/server/pages/domains/Shopping/events/AddedItemToCart/v/0.0.1.json +1 -1
  36. package/.next/server/pages/domains/Shopping/events/AddedItemToCart/v/0.0.2.html +2 -2
  37. package/.next/server/pages/domains/Shopping/events/AddedItemToCart/v/0.0.2.json +1 -1
  38. package/.next/server/pages/domains/Shopping/events/AddedItemToCart.html +2 -2
  39. package/.next/server/pages/domains/Shopping/events/AddedItemToCart.json +1 -1
  40. package/.next/server/pages/domains/Shopping/events/RemovedItemFromCart/logs.html +1 -1
  41. package/.next/server/pages/domains/Shopping/events/RemovedItemFromCart.html +2 -2
  42. package/.next/server/pages/domains/Shopping/events/RemovedItemFromCart.json +1 -1
  43. package/.next/server/pages/domains/Shopping.html +2 -2
  44. package/.next/server/pages/domains/Shopping.json +1 -1
  45. package/.next/server/pages/domains.html +3 -2
  46. package/.next/server/pages/domains.json +1 -1
  47. package/.next/server/pages/events/PaymentProcessed/logs.html +1 -1
  48. package/.next/server/pages/events/PaymentProcessed/logs.json +1 -1
  49. package/.next/server/pages/events/PaymentProcessed.html +2 -2
  50. package/.next/server/pages/events/PaymentProcessed.json +1 -1
  51. package/.next/server/pages/events/ShipmentDelivered/logs.html +1 -1
  52. package/.next/server/pages/events/ShipmentDelivered/logs.json +1 -1
  53. package/.next/server/pages/events/ShipmentDelivered.html +2 -2
  54. package/.next/server/pages/events/ShipmentDelivered.json +1 -1
  55. package/.next/server/pages/events/ShipmentDispatched/logs.html +1 -1
  56. package/.next/server/pages/events/ShipmentDispatched/logs.json +1 -1
  57. package/.next/server/pages/events/ShipmentDispatched.html +2 -2
  58. package/.next/server/pages/events/ShipmentDispatched.json +1 -1
  59. package/.next/server/pages/events/ShipmentPrepared/logs.html +1 -1
  60. package/.next/server/pages/events/ShipmentPrepared/logs.json +1 -1
  61. package/.next/server/pages/events/ShipmentPrepared.html +2 -2
  62. package/.next/server/pages/events/ShipmentPrepared.json +1 -1
  63. package/.next/server/pages/events.html +6 -7
  64. package/.next/server/pages/events.json +1 -1
  65. package/.next/server/pages/index.html +1 -1
  66. package/.next/server/pages/overview.html +1 -1
  67. package/.next/server/pages/overview.json +1 -1
  68. package/.next/server/pages/services/Orders Service.html +1 -0
  69. package/.next/server/pages/services/Orders Service.json +1 -0
  70. package/.next/server/pages/services/Payment Service.html +2 -2
  71. package/.next/server/pages/services/Payment Service.json +1 -1
  72. package/.next/server/pages/services/Shipping Service.html +2 -2
  73. package/.next/server/pages/services/Shipping Service.json +1 -1
  74. package/.next/server/pages/services.html +3 -2
  75. package/.next/server/pages/services.json +1 -1
  76. package/.next/server/pages/users/dboyne.html +10 -9
  77. package/.next/server/pages/users/dboyne.json +1 -1
  78. package/.next/server/pages/users/mSmith.html +8 -8
  79. package/.next/server/pages/users/mSmith.json +1 -1
  80. package/.next/server/pages/visualiser.html +6 -5
  81. package/.next/server/pages/visualiser.js +79 -13
  82. package/.next/server/pages/visualiser.json +1 -1
  83. package/.next/static/{sg3nuxBE93h0VJ0CXy-Od → TyltMt8WoQrXvlgzfYCko}/_buildManifest.js +1 -1
  84. package/.next/static/{sg3nuxBE93h0VJ0CXy-Od → TyltMt8WoQrXvlgzfYCko}/_middlewareManifest.js +0 -0
  85. package/.next/static/{sg3nuxBE93h0VJ0CXy-Od → TyltMt8WoQrXvlgzfYCko}/_ssgManifest.js +0 -0
  86. package/.next/static/chunks/109-d73be14eba8537e1.js +1 -0
  87. package/.next/static/chunks/b744740b-594b36f2f589c271.js +1 -0
  88. package/.next/static/chunks/pages/visualiser-5ba1bdaa135986ba.js +1 -0
  89. package/.next/static/chunks/{webpack-7adfcbd8c9cf8b5d.js → webpack-e5e3b0fb197a3a00.js} +1 -1
  90. package/.next/static/css/0a26a4437a9215b6.css +3 -0
  91. package/.next/trace +57 -57
  92. package/CHANGELOG.md +18 -0
  93. package/components/Mdx/NodeGraph/GraphElements.tsx +2 -2
  94. package/components/Mdx/NodeGraph/GraphLayout.ts +5 -0
  95. package/components/Mdx/NodeGraph/NodeGraph.tsx +24 -41
  96. package/components/Mdx/NodeGraph/__tests__/__snapshots__/GraphElements.spec.ts.snap +11 -11
  97. package/components/Mdx/NodeGraph/__tests__/__snapshots__/GraphLayout.spec.ts.snap +3 -3
  98. package/out/404/index.html +1 -1
  99. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/domains/Orders/events/OrderComplete/logs.json +1 -0
  100. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/domains/Orders/events/OrderComplete.json +1 -0
  101. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/domains/Orders/events/OrderConfirmed/logs.json +1 -0
  102. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/domains/Orders/events/OrderConfirmed.json +1 -0
  103. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/domains/Orders/events/OrderRequested/logs.json +1 -0
  104. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/domains/Orders/events/OrderRequested.json +1 -0
  105. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/domains/Orders/services/Orders Service.json +1 -0
  106. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/domains/Orders.json +1 -0
  107. package/out/_next/data/{sg3nuxBE93h0VJ0CXy-Od → TyltMt8WoQrXvlgzfYCko}/domains/Shopping/events/AddedItemToCart/logs.json +0 -0
  108. package/out/_next/data/{sg3nuxBE93h0VJ0CXy-Od → TyltMt8WoQrXvlgzfYCko}/domains/Shopping/events/AddedItemToCart/v/0.0.1.json +1 -1
  109. package/out/_next/data/{sg3nuxBE93h0VJ0CXy-Od → TyltMt8WoQrXvlgzfYCko}/domains/Shopping/events/AddedItemToCart/v/0.0.2.json +1 -1
  110. package/out/_next/data/{sg3nuxBE93h0VJ0CXy-Od → TyltMt8WoQrXvlgzfYCko}/domains/Shopping/events/AddedItemToCart.json +1 -1
  111. package/out/_next/data/{sg3nuxBE93h0VJ0CXy-Od → TyltMt8WoQrXvlgzfYCko}/domains/Shopping/events/RemovedItemFromCart/logs.json +0 -0
  112. package/out/_next/data/{sg3nuxBE93h0VJ0CXy-Od → TyltMt8WoQrXvlgzfYCko}/domains/Shopping/events/RemovedItemFromCart.json +1 -1
  113. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/domains/Shopping.json +1 -0
  114. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/domains.json +1 -0
  115. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/events/PaymentProcessed/logs.json +1 -0
  116. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/events/PaymentProcessed.json +1 -0
  117. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/events/ShipmentDelivered/logs.json +1 -0
  118. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/events/ShipmentDelivered.json +1 -0
  119. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/events/ShipmentDispatched/logs.json +1 -0
  120. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/events/ShipmentDispatched.json +1 -0
  121. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/events/ShipmentPrepared/logs.json +1 -0
  122. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/events/ShipmentPrepared.json +1 -0
  123. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/events.json +1 -0
  124. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/overview.json +1 -0
  125. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/services/Orders Service.json +1 -0
  126. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/services/Payment Service.json +1 -0
  127. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/services/Shipping Service.json +1 -0
  128. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/services.json +1 -0
  129. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/users/dboyne.json +1 -0
  130. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/users/mSmith.json +1 -0
  131. package/out/_next/data/TyltMt8WoQrXvlgzfYCko/visualiser.json +1 -0
  132. package/out/_next/static/{sg3nuxBE93h0VJ0CXy-Od → TyltMt8WoQrXvlgzfYCko}/_buildManifest.js +1 -1
  133. package/out/_next/static/{sg3nuxBE93h0VJ0CXy-Od → TyltMt8WoQrXvlgzfYCko}/_middlewareManifest.js +0 -0
  134. package/out/_next/static/{sg3nuxBE93h0VJ0CXy-Od → TyltMt8WoQrXvlgzfYCko}/_ssgManifest.js +0 -0
  135. package/out/_next/static/chunks/109-d73be14eba8537e1.js +1 -0
  136. package/out/_next/static/chunks/b744740b-594b36f2f589c271.js +1 -0
  137. package/out/_next/static/chunks/pages/visualiser-5ba1bdaa135986ba.js +1 -0
  138. package/out/_next/static/chunks/{webpack-7adfcbd8c9cf8b5d.js → webpack-e5e3b0fb197a3a00.js} +1 -1
  139. package/out/_next/static/css/0a26a4437a9215b6.css +3 -0
  140. package/out/domains/Orders/events/OrderComplete/index.html +40 -0
  141. package/out/domains/Orders/events/OrderComplete/logs/index.html +1 -0
  142. package/out/domains/Orders/events/OrderConfirmed/index.html +40 -0
  143. package/out/domains/Orders/events/OrderConfirmed/logs/index.html +1 -0
  144. package/out/domains/Orders/events/OrderRequested/index.html +40 -0
  145. package/out/domains/Orders/events/OrderRequested/logs/index.html +1 -0
  146. package/out/domains/Orders/index.html +2 -0
  147. package/out/domains/Orders/services/Orders Service/index.html +2 -0
  148. package/out/domains/Shopping/events/AddedItemToCart/index.html +2 -2
  149. package/out/domains/Shopping/events/AddedItemToCart/logs/index.html +1 -1
  150. package/out/domains/Shopping/events/AddedItemToCart/v/0.0.1/index.html +2 -2
  151. package/out/domains/Shopping/events/AddedItemToCart/v/0.0.2/index.html +2 -2
  152. package/out/domains/Shopping/events/RemovedItemFromCart/index.html +2 -2
  153. package/out/domains/Shopping/events/RemovedItemFromCart/logs/index.html +1 -1
  154. package/out/domains/Shopping/index.html +2 -2
  155. package/out/domains/index.html +3 -2
  156. package/out/events/PaymentProcessed/index.html +2 -2
  157. package/out/events/PaymentProcessed/logs/index.html +1 -1
  158. package/out/events/ShipmentDelivered/index.html +2 -2
  159. package/out/events/ShipmentDelivered/logs/index.html +1 -1
  160. package/out/events/ShipmentDispatched/index.html +2 -2
  161. package/out/events/ShipmentDispatched/logs/index.html +1 -1
  162. package/out/events/ShipmentPrepared/index.html +2 -2
  163. package/out/events/ShipmentPrepared/logs/index.html +1 -1
  164. package/out/events/index.html +6 -7
  165. package/out/index.html +1 -1
  166. package/out/overview/index.html +1 -1
  167. package/out/services/Orders Service/index.html +1 -0
  168. package/out/services/Payment Service/index.html +2 -2
  169. package/out/services/Shipping Service/index.html +2 -2
  170. package/out/services/index.html +3 -2
  171. package/out/users/dboyne/index.html +10 -9
  172. package/out/users/mSmith/index.html +8 -8
  173. package/out/visualiser/index.html +6 -5
  174. package/package.json +1 -1
  175. package/pages/visualiser.tsx +61 -3
  176. package/.next/server/pages/events/OrderComplete/logs.html +0 -1
  177. package/.next/server/pages/events/OrderComplete/logs.json +0 -1
  178. package/.next/server/pages/events/OrderComplete.html +0 -40
  179. package/.next/server/pages/events/OrderComplete.json +0 -1
  180. package/.next/server/pages/events/OrderConfirmed/logs.html +0 -1
  181. package/.next/server/pages/events/OrderConfirmed/logs.json +0 -1
  182. package/.next/server/pages/events/OrderConfirmed.html +0 -40
  183. package/.next/server/pages/events/OrderConfirmed.json +0 -1
  184. package/.next/server/pages/events/OrderRequested/logs.html +0 -1
  185. package/.next/server/pages/events/OrderRequested/logs.json +0 -1
  186. package/.next/server/pages/events/OrderRequested.html +0 -40
  187. package/.next/server/pages/events/OrderRequested.json +0 -1
  188. package/.next/server/pages/events/RemovedItemFromCart/logs.html +0 -1
  189. package/.next/server/pages/events/RemovedItemFromCart/logs.json +0 -1
  190. package/.next/server/pages/events/RemovedItemFromCart.html +0 -47
  191. package/.next/server/pages/events/RemovedItemFromCart.json +0 -1
  192. package/.next/static/chunks/109-c7517eb568876b36.js +0 -1
  193. package/.next/static/chunks/b744740b-32af777c67e2c3ff.js +0 -1
  194. package/.next/static/chunks/pages/visualiser-6e608dcc36f31bdb.js +0 -1
  195. package/.next/static/css/70ede87da43120f8.css +0 -3
  196. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/domains/Shopping.json +0 -1
  197. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/domains.json +0 -1
  198. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/events/OrderComplete/logs.json +0 -1
  199. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/events/OrderComplete.json +0 -1
  200. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/events/OrderConfirmed/logs.json +0 -1
  201. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/events/OrderConfirmed.json +0 -1
  202. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/events/OrderRequested/logs.json +0 -1
  203. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/events/OrderRequested.json +0 -1
  204. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/events/PaymentProcessed/logs.json +0 -1
  205. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/events/PaymentProcessed.json +0 -1
  206. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/events/RemovedItemFromCart/logs.json +0 -1
  207. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/events/RemovedItemFromCart.json +0 -1
  208. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/events/ShipmentDelivered/logs.json +0 -1
  209. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/events/ShipmentDelivered.json +0 -1
  210. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/events/ShipmentDispatched/logs.json +0 -1
  211. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/events/ShipmentDispatched.json +0 -1
  212. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/events/ShipmentPrepared/logs.json +0 -1
  213. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/events/ShipmentPrepared.json +0 -1
  214. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/events.json +0 -1
  215. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/overview.json +0 -1
  216. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/services/Payment Service.json +0 -1
  217. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/services/Shipping Service.json +0 -1
  218. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/services.json +0 -1
  219. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/users/dboyne.json +0 -1
  220. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/users/mSmith.json +0 -1
  221. package/out/_next/data/sg3nuxBE93h0VJ0CXy-Od/visualiser.json +0 -1
  222. package/out/_next/static/chunks/109-c7517eb568876b36.js +0 -1
  223. package/out/_next/static/chunks/b744740b-32af777c67e2c3ff.js +0 -1
  224. package/out/_next/static/chunks/pages/visualiser-6e608dcc36f31bdb.js +0 -1
  225. package/out/_next/static/css/70ede87da43120f8.css +0 -3
  226. package/out/events/OrderComplete/index.html +0 -40
  227. package/out/events/OrderComplete/logs/index.html +0 -1
  228. package/out/events/OrderConfirmed/index.html +0 -40
  229. package/out/events/OrderConfirmed/logs/index.html +0 -1
  230. package/out/events/OrderRequested/index.html +0 -40
  231. package/out/events/OrderRequested/logs/index.html +0 -1
  232. package/out/events/RemovedItemFromCart/index.html +0 -47
  233. package/out/events/RemovedItemFromCart/logs/index.html +0 -1
@@ -1,14 +1,15 @@
1
- <!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 - Visualiser</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/70ede87da43120f8.css" as="style"/><link rel="stylesheet" href="/_next/static/css/70ede87da43120f8.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-7adfcbd8c9cf8b5d.js" defer=""></script><script src="/_next/static/chunks/framework-d23f68ad701fe0b2.js" defer=""></script><script src="/_next/static/chunks/main-b9941e28536fdc23.js" defer=""></script><script src="/_next/static/chunks/pages/_app-2e37f6bdeff8f48f.js" defer=""></script><script src="/_next/static/chunks/b744740b-32af777c67e2c3ff.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/109-c7517eb568876b36.js" defer=""></script><script src="/_next/static/chunks/pages/visualiser-6e608dcc36f31bdb.js" defer=""></script><script src="/_next/static/sg3nuxBE93h0VJ0CXy-Od/_buildManifest.js" defer=""></script><script src="/_next/static/sg3nuxBE93h0VJ0CXy-Od/_ssgManifest.js" defer=""></script><script src="/_next/static/sg3nuxBE93h0VJ0CXy-Od/_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="bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium" aria-current="page" href="/visualiser/">Visualiser</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><div class="h-screen overflow-hidden"><div class="sm:hidden px-4 py-2 bg-gray-200 border-b border-gray-300"><div class="relative rounded-md shadow-sm"><select class=" block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md"><option>Please select your event or service</option><option value="{&quot;label&quot;:&quot;AddedItemToCart&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;AddedItemToCart&quot;,&quot;version&quot;:&quot;0.0.2&quot;,&quot;summary&quot;:&quot;Holds information about what the user added to their shopping cart.\n&quot;,&quot;domain&quot;:&quot;Shopping&quot;,&quot;producerNames&quot;:[&quot;Basket Service&quot;],&quot;consumerNames&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[&quot;0.0.2&quot;,&quot;0.0.1&quot;],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: AddedItemToCart&quot;},&quot;type&quot;:&quot;event&quot;}">Event: AddedItemToCart</option><option value="{&quot;label&quot;:&quot;OrderComplete&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;OrderComplete&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when an order has been complete. (Delivered and finished)\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Orders Service&quot;],&quot;consumerNames&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: OrderComplete&quot;},&quot;type&quot;:&quot;event&quot;}">Event: OrderComplete</option><option value="{&quot;label&quot;:&quot;OrderConfirmed&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;OrderConfirmed&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when an order has been confirmed and ready to be processed (shipped for example)\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Orders Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: OrderConfirmed&quot;},&quot;type&quot;:&quot;event&quot;}">Event: OrderConfirmed</option><option value="{&quot;label&quot;:&quot;OrderRequested&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;OrderRequested&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about the customers order.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Basket Service&quot;],&quot;consumerNames&quot;:[&quot;Payment Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: OrderRequested&quot;},&quot;type&quot;:&quot;event&quot;}">Event: OrderRequested</option><option value="{&quot;label&quot;:&quot;PaymentProcessed&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;PaymentProcessed&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about the payment that has been processed.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Payment Service&quot;],&quot;consumerNames&quot;:[&quot;Orders Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: PaymentProcessed&quot;},&quot;type&quot;:&quot;event&quot;}">Event: PaymentProcessed</option><option value="{&quot;label&quot;:&quot;RemovedItemFromCart&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;RemovedItemFromCart&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about what the user removed from their cart.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Basket Service&quot;],&quot;consumerNames&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: RemovedItemFromCart&quot;},&quot;type&quot;:&quot;event&quot;}">Event: RemovedItemFromCart</option><option value="{&quot;label&quot;:&quot;RemovedItemFromCart&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;RemovedItemFromCart&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about what the user removed from their cart.\n&quot;,&quot;domain&quot;:&quot;Shopping&quot;,&quot;producerNames&quot;:[&quot;Basket Service&quot;],&quot;consumerNames&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: RemovedItemFromCart&quot;},&quot;type&quot;:&quot;event&quot;}">Event: RemovedItemFromCart</option><option value="{&quot;label&quot;:&quot;ShipmentDelivered&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;ShipmentDelivered&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has been delivered and received.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Order Service&quot;,&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: ShipmentDelivered&quot;},&quot;type&quot;:&quot;event&quot;}">Event: ShipmentDelivered</option><option value="{&quot;label&quot;:&quot;ShipmentDispatched&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;ShipmentDispatched&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has been dispatched.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: ShipmentDispatched&quot;},&quot;type&quot;:&quot;event&quot;}">Event: ShipmentDispatched</option><option value="{&quot;label&quot;:&quot;ShipmentPrepared&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;ShipmentPrepared&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has finished being prepared and is ready to be dispatched.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: ShipmentPrepared&quot;},&quot;type&quot;:&quot;event&quot;}">Event: ShipmentPrepared</option><option value="{&quot;label&quot;:&quot;Payment Service&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;Payment Service&quot;,&quot;summary&quot;:&quot;Event based application that integrates with Stripe.\n&quot;,&quot;domain&quot;:null,&quot;owners&quot;:[&quot;dboyne&quot;],&quot;repository&quot;:{},&quot;tags&quot;:[],&quot;externalLinks&quot;:[],&quot;publishes&quot;:[{&quot;name&quot;:&quot;PaymentProcessed&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about the payment that has been processed.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Payment Service&quot;],&quot;consumerNames&quot;:[&quot;Orders Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}],&quot;subscribes&quot;:[{&quot;name&quot;:&quot;OrderRequested&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about the customers order.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Basket Service&quot;],&quot;consumerNames&quot;:[&quot;Payment Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}],&quot;type&quot;:&quot;service&quot;,&quot;label&quot;:&quot;Service: Payment Service&quot;},&quot;type&quot;:&quot;service&quot;}">Service: Payment Service</option><option value="{&quot;label&quot;:&quot;Shipping Service&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;Shipping Service&quot;,&quot;summary&quot;:&quot;Event based application that handles processing of shipments, preparing them and dispatching them.\n&quot;,&quot;domain&quot;:null,&quot;owners&quot;:[&quot;dboyne&quot;],&quot;repository&quot;:{&quot;language&quot;:&quot;JavaScript&quot;,&quot;url&quot;:&quot;https://github.com/boyney123/pretend-shipping-service&quot;},&quot;tags&quot;:[],&quot;externalLinks&quot;:[],&quot;publishes&quot;:[{&quot;name&quot;:&quot;ShipmentDelivered&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has been delivered and received.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Order Service&quot;,&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},{&quot;name&quot;:&quot;ShipmentDispatched&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has been dispatched.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},{&quot;name&quot;:&quot;ShipmentPrepared&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has finished being prepared and is ready to be dispatched.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}],&quot;subscribes&quot;:[{&quot;name&quot;:&quot;OrderConfirmed&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when an order has been confirmed and ready to be processed (shipped for example)\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Orders Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},{&quot;name&quot;:&quot;ShipmentDispatched&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has been dispatched.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},{&quot;name&quot;:&quot;ShipmentPrepared&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has finished being prepared and is ready to be dispatched.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}],&quot;type&quot;:&quot;service&quot;,&quot;label&quot;:&quot;Service: Shipping Service&quot;},&quot;type&quot;:&quot;service&quot;}">Service: Shipping Service</option><option value="{&quot;label&quot;:&quot;Shopping&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;Shopping&quot;,&quot;summary&quot;:&quot;Domain for everything shopping\n&quot;,&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;tags&quot;:[],&quot;externalLinks&quot;:[],&quot;events&quot;:[{&quot;name&quot;:&quot;AddedItemToCart&quot;,&quot;version&quot;:&quot;0.0.2&quot;,&quot;summary&quot;:&quot;Holds information about what the user added to their shopping cart.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Basket Service&quot;],&quot;consumerNames&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[&quot;0.0.2&quot;,&quot;0.0.1&quot;]},{&quot;name&quot;:&quot;RemovedItemFromCart&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about what the user removed from their cart.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Basket Service&quot;],&quot;consumerNames&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}],&quot;services&quot;:[],&quot;type&quot;:&quot;domain&quot;,&quot;label&quot;:&quot;Domain: Shopping&quot;},&quot;type&quot;:&quot;domain&quot;}">Domain: Shopping</option></select></div></div><div class="grid grid-cols-8 xl:grid-cols-6"><div class="hidden sm:block col-span-2 xl:col-span-1 bg-white px-4 h-screen overflow-auto border-r-2 shadow-md border-gray-200 py-3"><div class="border-b border-gray-200 pb-6"><div class="mt-1 relative rounded-md shadow-sm"><div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-5 w-5 text-gray-400"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></div><input type="text" name="event" id="event" placeholder="Find Event, Service or Domain" class="focus:ring-gray-500 focus:border-gray-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md"/></div></div><div class="space-y-6"><div><span class="font-bold block py-2">Domains<!-- --> <!-- --> <!-- -->(<!-- -->1<!-- -->)</span><ul class="space-y-4 overflow-auto"><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#885552" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">Shopping</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Domain for everything shopping
2
- </div></div></div></button></li></ul></div><div><span class="font-bold block py-2">Events<!-- --> <!-- --> <!-- -->(<!-- -->10<!-- -->)</span><ul class="space-y-4 overflow-auto"><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#2e0a58" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">AddedItemToCart</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user added to their shopping cart.
1
+ <!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 - Visualiser</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/0a26a4437a9215b6.css" as="style"/><link rel="stylesheet" href="/_next/static/css/0a26a4437a9215b6.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-e5e3b0fb197a3a00.js" defer=""></script><script src="/_next/static/chunks/framework-d23f68ad701fe0b2.js" defer=""></script><script src="/_next/static/chunks/main-b9941e28536fdc23.js" defer=""></script><script src="/_next/static/chunks/pages/_app-2e37f6bdeff8f48f.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/109-d73be14eba8537e1.js" defer=""></script><script src="/_next/static/chunks/pages/visualiser-5ba1bdaa135986ba.js" defer=""></script><script src="/_next/static/TyltMt8WoQrXvlgzfYCko/_buildManifest.js" defer=""></script><script src="/_next/static/TyltMt8WoQrXvlgzfYCko/_ssgManifest.js" defer=""></script><script src="/_next/static/TyltMt8WoQrXvlgzfYCko/_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="bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium" aria-current="page" href="/visualiser/">Visualiser</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><div class="h-screen overflow-hidden"><div class="sm:hidden px-4 py-2 bg-gray-200 border-b border-gray-300"><div class="relative rounded-md shadow-sm"><select class=" block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md"><option>Please select your event or service</option><option value="{&quot;label&quot;:&quot;AddedItemToCart&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;AddedItemToCart&quot;,&quot;version&quot;:&quot;0.0.2&quot;,&quot;summary&quot;:&quot;Holds information about what the user added to their shopping cart.\n&quot;,&quot;domain&quot;:&quot;Shopping&quot;,&quot;producerNames&quot;:[&quot;Basket Service&quot;],&quot;consumerNames&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[&quot;0.0.2&quot;,&quot;0.0.1&quot;],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: AddedItemToCart&quot;},&quot;type&quot;:&quot;event&quot;}">Event: AddedItemToCart</option><option value="{&quot;label&quot;:&quot;OrderComplete&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;OrderComplete&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when an order has been complete. (Delivered and finished)\n&quot;,&quot;domain&quot;:&quot;Orders&quot;,&quot;producerNames&quot;:[&quot;Orders Service&quot;],&quot;consumerNames&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: OrderComplete&quot;},&quot;type&quot;:&quot;event&quot;}">Event: OrderComplete</option><option value="{&quot;label&quot;:&quot;OrderConfirmed&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;OrderConfirmed&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when an order has been confirmed and ready to be processed (shipped for example)\n&quot;,&quot;domain&quot;:&quot;Orders&quot;,&quot;producerNames&quot;:[&quot;Orders Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: OrderConfirmed&quot;},&quot;type&quot;:&quot;event&quot;}">Event: OrderConfirmed</option><option value="{&quot;label&quot;:&quot;OrderRequested&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;OrderRequested&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about the customers order.\n&quot;,&quot;domain&quot;:&quot;Orders&quot;,&quot;producerNames&quot;:[&quot;Basket Service&quot;],&quot;consumerNames&quot;:[&quot;Payment Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: OrderRequested&quot;},&quot;type&quot;:&quot;event&quot;}">Event: OrderRequested</option><option value="{&quot;label&quot;:&quot;PaymentProcessed&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;PaymentProcessed&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about the payment that has been processed.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Payment Service&quot;],&quot;consumerNames&quot;:[&quot;Orders Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: PaymentProcessed&quot;},&quot;type&quot;:&quot;event&quot;}">Event: PaymentProcessed</option><option value="{&quot;label&quot;:&quot;RemovedItemFromCart&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;RemovedItemFromCart&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about what the user removed from their cart.\n&quot;,&quot;domain&quot;:&quot;Shopping&quot;,&quot;producerNames&quot;:[&quot;Basket Service&quot;],&quot;consumerNames&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: RemovedItemFromCart&quot;},&quot;type&quot;:&quot;event&quot;}">Event: RemovedItemFromCart</option><option value="{&quot;label&quot;:&quot;ShipmentDelivered&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;ShipmentDelivered&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has been delivered and received.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Order Service&quot;,&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: ShipmentDelivered&quot;},&quot;type&quot;:&quot;event&quot;}">Event: ShipmentDelivered</option><option value="{&quot;label&quot;:&quot;ShipmentDispatched&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;ShipmentDispatched&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has been dispatched.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: ShipmentDispatched&quot;},&quot;type&quot;:&quot;event&quot;}">Event: ShipmentDispatched</option><option value="{&quot;label&quot;:&quot;ShipmentPrepared&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;ShipmentPrepared&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has finished being prepared and is ready to be dispatched.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[],&quot;type&quot;:&quot;event&quot;,&quot;label&quot;:&quot;Event: ShipmentPrepared&quot;},&quot;type&quot;:&quot;event&quot;}">Event: ShipmentPrepared</option><option value="{&quot;label&quot;:&quot;Orders Service&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;Orders Service&quot;,&quot;summary&quot;:&quot;Service that handles customer orders\n&quot;,&quot;domain&quot;:&quot;Orders&quot;,&quot;owners&quot;:[&quot;dboyne&quot;],&quot;repository&quot;:{},&quot;tags&quot;:[],&quot;externalLinks&quot;:[],&quot;publishes&quot;:[{&quot;name&quot;:&quot;OrderComplete&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when an order has been complete. (Delivered and finished)\n&quot;,&quot;domain&quot;:&quot;Orders&quot;,&quot;producerNames&quot;:[&quot;Orders Service&quot;],&quot;consumerNames&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},{&quot;name&quot;:&quot;OrderConfirmed&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when an order has been confirmed and ready to be processed (shipped for example)\n&quot;,&quot;domain&quot;:&quot;Orders&quot;,&quot;producerNames&quot;:[&quot;Orders Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}],&quot;subscribes&quot;:[{&quot;name&quot;:&quot;PaymentProcessed&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about the payment that has been processed.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Payment Service&quot;],&quot;consumerNames&quot;:[&quot;Orders Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}],&quot;type&quot;:&quot;service&quot;,&quot;label&quot;:&quot;Service: Orders Service&quot;},&quot;type&quot;:&quot;service&quot;}">Service: Orders Service</option><option value="{&quot;label&quot;:&quot;Payment Service&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;Payment Service&quot;,&quot;summary&quot;:&quot;Event based application that integrates with Stripe.\n&quot;,&quot;domain&quot;:null,&quot;owners&quot;:[&quot;dboyne&quot;],&quot;repository&quot;:{},&quot;tags&quot;:[],&quot;externalLinks&quot;:[],&quot;publishes&quot;:[{&quot;name&quot;:&quot;PaymentProcessed&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about the payment that has been processed.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Payment Service&quot;],&quot;consumerNames&quot;:[&quot;Orders Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}],&quot;subscribes&quot;:[{&quot;name&quot;:&quot;OrderRequested&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about the customers order.\n&quot;,&quot;domain&quot;:&quot;Orders&quot;,&quot;producerNames&quot;:[&quot;Basket Service&quot;],&quot;consumerNames&quot;:[&quot;Payment Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}],&quot;type&quot;:&quot;service&quot;,&quot;label&quot;:&quot;Service: Payment Service&quot;},&quot;type&quot;:&quot;service&quot;}">Service: Payment Service</option><option value="{&quot;label&quot;:&quot;Shipping Service&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;Shipping Service&quot;,&quot;summary&quot;:&quot;Event based application that handles processing of shipments, preparing them and dispatching them.\n&quot;,&quot;domain&quot;:null,&quot;owners&quot;:[&quot;dboyne&quot;],&quot;repository&quot;:{&quot;language&quot;:&quot;JavaScript&quot;,&quot;url&quot;:&quot;https://github.com/boyney123/pretend-shipping-service&quot;},&quot;tags&quot;:[],&quot;externalLinks&quot;:[],&quot;publishes&quot;:[{&quot;name&quot;:&quot;ShipmentDelivered&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has been delivered and received.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Order Service&quot;,&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},{&quot;name&quot;:&quot;ShipmentDispatched&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has been dispatched.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},{&quot;name&quot;:&quot;ShipmentPrepared&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has finished being prepared and is ready to be dispatched.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}],&quot;subscribes&quot;:[{&quot;name&quot;:&quot;OrderConfirmed&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when an order has been confirmed and ready to be processed (shipped for example)\n&quot;,&quot;domain&quot;:&quot;Orders&quot;,&quot;producerNames&quot;:[&quot;Orders Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},{&quot;name&quot;:&quot;ShipmentDispatched&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has been dispatched.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},{&quot;name&quot;:&quot;ShipmentPrepared&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when a shipment has finished being prepared and is ready to be dispatched.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Shipping Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}],&quot;type&quot;:&quot;service&quot;,&quot;label&quot;:&quot;Service: Shipping Service&quot;},&quot;type&quot;:&quot;service&quot;}">Service: Shipping Service</option><option value="{&quot;label&quot;:&quot;Orders&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;Orders&quot;,&quot;summary&quot;:&quot;Domain for everything shopping\n&quot;,&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;tags&quot;:[],&quot;externalLinks&quot;:[],&quot;events&quot;:[{&quot;name&quot;:&quot;OrderComplete&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when an order has been complete. (Delivered and finished)\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Orders Service&quot;],&quot;consumerNames&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},{&quot;name&quot;:&quot;OrderConfirmed&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when an order has been confirmed and ready to be processed (shipped for example)\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Orders Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},{&quot;name&quot;:&quot;OrderRequested&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about the customers order.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Basket Service&quot;],&quot;consumerNames&quot;:[&quot;Payment Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}],&quot;services&quot;:[{&quot;name&quot;:&quot;Orders Service&quot;,&quot;summary&quot;:&quot;Service that handles customer orders\n&quot;,&quot;domain&quot;:null,&quot;owners&quot;:[&quot;dboyne&quot;],&quot;repository&quot;:{},&quot;tags&quot;:[],&quot;externalLinks&quot;:[],&quot;publishes&quot;:[{&quot;name&quot;:&quot;OrderComplete&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when an order has been complete. (Delivered and finished)\n&quot;,&quot;domain&quot;:&quot;Orders&quot;,&quot;producerNames&quot;:[&quot;Orders Service&quot;],&quot;consumerNames&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]},{&quot;name&quot;:&quot;OrderConfirmed&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Event represents when an order has been confirmed and ready to be processed (shipped for example)\n&quot;,&quot;domain&quot;:&quot;Orders&quot;,&quot;producerNames&quot;:[&quot;Orders Service&quot;],&quot;consumerNames&quot;:[&quot;Shipping Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}],&quot;subscribes&quot;:[{&quot;name&quot;:&quot;PaymentProcessed&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about the payment that has been processed.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Payment Service&quot;],&quot;consumerNames&quot;:[&quot;Orders Service&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}]}],&quot;type&quot;:&quot;domain&quot;,&quot;label&quot;:&quot;Domain: Orders&quot;},&quot;type&quot;:&quot;domain&quot;}">Domain: Orders</option><option value="{&quot;label&quot;:&quot;Shopping&quot;,&quot;data&quot;:{&quot;name&quot;:&quot;Shopping&quot;,&quot;summary&quot;:&quot;Domain for everything shopping\n&quot;,&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;tags&quot;:[],&quot;externalLinks&quot;:[],&quot;events&quot;:[{&quot;name&quot;:&quot;AddedItemToCart&quot;,&quot;version&quot;:&quot;0.0.2&quot;,&quot;summary&quot;:&quot;Holds information about what the user added to their shopping cart.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Basket Service&quot;],&quot;consumerNames&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[&quot;0.0.2&quot;,&quot;0.0.1&quot;]},{&quot;name&quot;:&quot;RemovedItemFromCart&quot;,&quot;version&quot;:&quot;0.0.1&quot;,&quot;summary&quot;:&quot;Holds information about what the user removed from their cart.\n&quot;,&quot;domain&quot;:null,&quot;producerNames&quot;:[&quot;Basket Service&quot;],&quot;consumerNames&quot;:[&quot;Data Lake&quot;],&quot;owners&quot;:[&quot;dboyne&quot;,&quot;mSmith&quot;],&quot;externalLinks&quot;:[],&quot;historicVersions&quot;:[]}],&quot;services&quot;:[],&quot;type&quot;:&quot;domain&quot;,&quot;label&quot;:&quot;Domain: Shopping&quot;},&quot;type&quot;:&quot;domain&quot;}">Domain: Shopping</option></select></div></div><div class="grid grid-cols-8 xl:grid-cols-6"><div class="hidden sm:block col-span-2 xl:col-span-1 bg-white px-4 h-screen overflow-auto border-r-2 shadow-md border-gray-200 py-3"><div class="border-b border-gray-200 pb-6"><div class="mt-1 relative rounded-md shadow-sm"><div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-5 w-5 text-gray-400"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></div><input type="text" name="event" id="event" placeholder="Find Event, Service or Domain" class="focus:ring-gray-500 focus:border-gray-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md"/></div></div><div class="space-y-6"><div class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border"><div class="bg-blue-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">All Events and Services</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Diagram that shows all your events and services in one place</div></div></div></button></div><div><span class="font-bold block py-2">Domains<!-- --> <!-- --> <!-- -->(<!-- -->2<!-- -->)</span><ul class="space-y-4 overflow-auto"><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#054f44" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">Orders</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Domain for everything shopping
2
+ </div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#885552" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">Shopping</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Domain for everything shopping
3
+ </div></div></div></button></li></ul></div><div><span class="font-bold block py-2">Events<!-- --> <!-- --> <!-- -->(<!-- -->9<!-- -->)</span><ul class="space-y-4 overflow-auto"><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#2e0a58" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">AddedItemToCart</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user added to their shopping cart.
3
4
  </div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#871e73" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">OrderComplete</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Event represents when an order has been complete. (Delivered and finished)
4
5
  </div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#d1ffa1" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">OrderConfirmed</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Event represents when an order has been confirmed and ready to be processed (shipped for example)
5
6
  </div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#e053ec" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">OrderRequested</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Holds information about the customers order.
6
7
  </div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#08642a" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">PaymentProcessed</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Holds information about the payment that has been processed.
7
8
  </div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#7de28e" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">RemovedItemFromCart</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user removed from their cart.
8
- </div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#7de28e" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">RemovedItemFromCart</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user removed from their cart.
9
9
  </div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#ea7bc8" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">ShipmentDelivered</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has been delivered and received.
10
10
  </div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#f36bc3" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">ShipmentDispatched</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has been dispatched.
11
11
  </div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#1774bd" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">ShipmentPrepared</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has finished being prepared and is ready to be dispatched.
12
- </div></div></div></button></li></ul></div><div><span class="font-bold block py-2">Services<!-- --> <!-- --> <!-- -->(<!-- -->2<!-- -->)</span><ul class="space-y-4 overflow-auto"><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#5b7e99" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">Payment Service</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Event based application that integrates with Stripe.
12
+ </div></div></div></button></li></ul></div><div><span class="font-bold block py-2">Services<!-- --> <!-- --> <!-- -->(<!-- -->3<!-- -->)</span><ul class="space-y-4 overflow-auto"><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#7a747d" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">Orders Service</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Service that handles customer orders
13
+ </div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#5b7e99" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">Payment Service</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Event based application that integrates with Stripe.
13
14
  </div></div></div></button></li><li class="flex"><button type="button" class="flex shadow-sm rounded-md w-full text-left border "><div style="background:#438ef7" class="bg-red-500 flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full rounded-r-md border-t border-r border-b bg-white"><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">Shipping Service</div><div class="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">Event based application that handles processing of shipments, preparing them and dispatching them.
14
- </div></div></div></button></li></ul></div></div></div><div class="bg-gray-200 h-screen col-span-12 sm:col-span-6 xl:col-span-5"></div></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-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":{"events":[{"name":"AddedItemToCart","version":"0.0.2","summary":"Holds information about what the user added to their shopping cart.\n","domain":"Shopping","producerNames":["Basket Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","domain":null,"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":null,"producerNames":["Orders Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","domain":null,"producerNames":["Basket Service"],"consumerNames":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"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":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","domain":null,"producerNames":["Basket Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","domain":"Shopping","producerNames":["Basket Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","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":[]}],"services":[{"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":null,"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":null,"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":[]}]}],"domains":[{"name":"Shopping","summary":"Domain for everything shopping\n","owners":["dboyne","mSmith"],"tags":[],"externalLinks":[],"events":[{"name":"AddedItemToCart","version":"0.0.2","summary":"Holds information about what the user added to their shopping cart.\n","domain":null,"producerNames":["Basket Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":["0.0.2","0.0.1"]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","domain":null,"producerNames":["Basket Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"services":[]}]},"__N_SSG":true},"page":"/visualiser","query":{},"buildId":"sg3nuxBE93h0VJ0CXy-Od","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
15
+ </div></div></div></button></li></ul></div></div></div><div class="bg-gray-200 h-screen col-span-12 sm:col-span-6 xl:col-span-5"></div></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-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":{"events":[{"name":"AddedItemToCart","version":"0.0.2","summary":"Holds information about what the user added to their shopping cart.\n","domain":"Shopping","producerNames":["Basket Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","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":[]},{"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":"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":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","domain":"Shopping","producerNames":["Basket Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","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":[]}],"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":[]}]}],"domains":[{"name":"Orders","summary":"Domain for everything shopping\n","owners":["dboyne","mSmith"],"tags":[],"externalLinks":[],"events":[{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","domain":null,"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":null,"producerNames":["Orders Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","domain":null,"producerNames":["Basket Service"],"consumerNames":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"services":[{"name":"Orders Service","summary":"Service that handles customer orders\n","domain":null,"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":"Shopping","summary":"Domain for everything shopping\n","owners":["dboyne","mSmith"],"tags":[],"externalLinks":[],"events":[{"name":"AddedItemToCart","version":"0.0.2","summary":"Holds information about what the user added to their shopping cart.\n","domain":null,"producerNames":["Basket Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":["0.0.2","0.0.1"]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","domain":null,"producerNames":["Basket Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"services":[]}]},"__N_SSG":true},"page":"/visualiser","query":{},"buildId":"TyltMt8WoQrXvlgzfYCko","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eventcatalog/core",
3
- "version": "0.2.5",
3
+ "version": "0.2.8",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -31,7 +31,8 @@ function Graph({ events, services, domains }: PageProps) {
31
31
  const [selectedRootNode, setSelectedRootNode] = useState<any>();
32
32
  const [listItemsToRender, setListItemsToRender] = useState({ events, services, domains });
33
33
 
34
- const { query, isReady: isRouterReady } = useRouter();
34
+ const router = useRouter();
35
+ const { query, isReady: isRouterReady } = router;
35
36
  const { name, type } = query;
36
37
 
37
38
  const dropdownValues = [
@@ -47,9 +48,19 @@ function Graph({ events, services, domains }: PageProps) {
47
48
  ];
48
49
 
49
50
  const handleListItemSelection = (data: Event | Service, dataType: 'event' | 'service' | 'domain') => {
51
+ router.push({ query: `type=${dataType}&name=${data.name}` });
50
52
  setSelectedRootNode({ label: data.name, data, type: dataType });
51
53
  };
52
54
 
55
+ const handleAllEventsAndServicesSelection = () => {
56
+ router.push({ query: `type=all&name=AllEventsAndServices` });
57
+ setSelectedRootNode({
58
+ label: 'All Events and Services',
59
+ data: { name: 'All Events and Services', events, services },
60
+ type: 'all',
61
+ });
62
+ };
63
+
53
64
  const searchOnChange = useCallback(
54
65
  debounce((e) => {
55
66
  setSearchFilter(e.target.value);
@@ -88,6 +99,15 @@ function Graph({ events, services, domains }: PageProps) {
88
99
  return;
89
100
  }
90
101
 
102
+ if (type === 'all') {
103
+ setSelectedRootNode({
104
+ label: 'All Events and Services',
105
+ data: { name: 'All Events and Services', events, services },
106
+ type: 'all',
107
+ });
108
+ return;
109
+ }
110
+
91
111
  const dataByType = { event: events, service: services, domain: domains };
92
112
  const match = dataByType[type.toString()].find((item) => item.name === name);
93
113
  const newSelectedItem = match ? { label: match.name, type, data: match } : initialSelectedRootNode;
@@ -107,7 +127,9 @@ function Graph({ events, services, domains }: PageProps) {
107
127
  >
108
128
  <option>Please select your event or service</option>
109
129
  {dropdownValues.map((item) => (
110
- <option value={JSON.stringify({ label: item.name, data: item, type: item.type })}>{item.label}</option>
130
+ <option key={item.name} value={JSON.stringify({ label: item.name, data: item, type: item.type })}>
131
+ {item.label}
132
+ </option>
111
133
  ))}
112
134
  </select>
113
135
  </div>
@@ -131,8 +153,38 @@ function Graph({ events, services, domains }: PageProps) {
131
153
  </div>
132
154
 
133
155
  <div className="space-y-6">
156
+ <div className="flex">
157
+ <button
158
+ type="button"
159
+ className="flex shadow-sm rounded-md w-full text-left border"
160
+ onClick={() => handleAllEventsAndServicesSelection()}
161
+ >
162
+ <div
163
+ className={classNames(
164
+ 'bg-blue-500',
165
+ 'flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md'
166
+ )}
167
+ />
168
+ <div
169
+ className={`w-full rounded-r-md border-t border-r border-b ${
170
+ selectedRootNode?.type === 'all' ? 'bg-green-50' : 'bg-white'
171
+ }`}
172
+ >
173
+ <div className="p-4 text-sm space-y-2 flex flex-col justify-between h-full">
174
+ <div className="text-gray-900 font-bold hover:text-gray-600 break-all text-xs xl:text-md">
175
+ All Events and Services
176
+ </div>
177
+ <div className="hidden xl:block text-gray-500 text-xs font-normal mt-2 ">
178
+ Diagram that shows all your events and services in one place
179
+ </div>
180
+ </div>
181
+ </div>
182
+ </button>
183
+ </div>
184
+
134
185
  {navItems.map((navItem: any) => (
135
186
  <SelectionGroup
187
+ key={navItem.title}
136
188
  title={navItem.title}
137
189
  filterBy={searchFilter}
138
190
  data={navItem.data}
@@ -195,10 +247,12 @@ function SelectionGroup({ title, data, currentSelectedItem, onClick, filterBy, t
195
247
  <ul className="space-y-4 overflow-auto">
196
248
  {data.map((item) => {
197
249
  const isSelected = currentSelectedItem ? currentSelectedItem.label === item.name : false;
250
+ const itemKey = hasDomain(item) ? `${item.domain}-${item.name}}` : item.name;
251
+
198
252
  return (
199
253
  <ListItem
200
254
  type={type}
201
- key={item.name}
255
+ key={itemKey}
202
256
  data={item}
203
257
  onClick={(selectedItem) => onClick(selectedItem, type)}
204
258
  isSelected={isSelected}
@@ -210,6 +264,10 @@ function SelectionGroup({ title, data, currentSelectedItem, onClick, filterBy, t
210
264
  );
211
265
  }
212
266
 
267
+ function hasDomain(item: Service | Event | Domain): item is Service | Event {
268
+ return (item as Service | Event).domain != null;
269
+ }
270
+
213
271
  interface ListItemProps {
214
272
  data: Service | Event;
215
273
  // eslint-disable-next-line no-unused-vars
@@ -1 +0,0 @@
1
- <!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><title>EventCatalog</title><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"/><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/70ede87da43120f8.css" as="style"/><link rel="stylesheet" href="/_next/static/css/70ede87da43120f8.css" data-n-g=""/><link rel="preload" href="/_next/static/css/5eeed9cb243ce668.css" as="style"/><link rel="stylesheet" href="/_next/static/css/5eeed9cb243ce668.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-7adfcbd8c9cf8b5d.js" defer=""></script><script src="/_next/static/chunks/framework-d23f68ad701fe0b2.js" defer=""></script><script src="/_next/static/chunks/main-b9941e28536fdc23.js" defer=""></script><script src="/_next/static/chunks/pages/_app-2e37f6bdeff8f48f.js" defer=""></script><script src="/_next/static/chunks/519-2ec6fc3cdbaa4dc2.js" defer=""></script><script src="/_next/static/chunks/364-0efd016d31d19995.js" defer=""></script><script src="/_next/static/chunks/pages/events/%5Bname%5D/logs-279caf3ba628e52c.js" defer=""></script><script src="/_next/static/sg3nuxBE93h0VJ0CXy-Od/_buildManifest.js" defer=""></script><script src="/_next/static/sg3nuxBE93h0VJ0CXy-Od/_ssgManifest.js" defer=""></script><script src="/_next/static/sg3nuxBE93h0VJ0CXy-Od/_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 min-h-screen"><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-4 flex-col justify-between flex "><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="/events/"><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="/events/">Events</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" href="/events/OrderComplete/">OrderComplete</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="/events/OrderComplete/history/">Logs</a></div></li></ol></nav></div><div><div class="border-b pb-4 flex justify-between mb-4"><div class="space-y-2 w-full"><h1 class="text-3xl font-bold text-gray-900 relative">OrderComplete</h1></div></div><div class="text-gray-400 text-xl">No versions for Event found.</div><div class="flow-root mb-20"><ul class=""></ul></div></div></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":{"changes":[],"event":{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","domain":null,"producerNames":["Orders Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"producers":[],"consumers":[],"historicVersions":[],"schema":{"snippet":"{\n \"$id\": \"https://example.com/OrderRequested.json\",\n \"$schema\": \"https://json-schema.org/draft/2020-12/schema\",\n \"title\": \"OrderRequested\",\n \"type\": \"object\",\n \"properties\": {\n \"metadata\": {\n \"type\": \"object\",\n \"properties\": {\n \"correlationId\": {\n \"type\": \"string\",\n \"description\": \"The ID of the user\"\n },\n \"domain\": {\n \"type\": \"string\",\n \"description\": \"The domain of the event\"\n },\n \"service\": {\n \"type\": \"string\",\n \"description\": \"The name of the service that triggered the event\"\n }\n },\n \"required\": [\"correlationId\", \"domain\", \"service\"]\n },\n \"data\": {\n \"type\": \"object\",\n \"properties\": {\n \"userId\": {\n \"type\": \"string\",\n \"description\": \"The ID of the user\"\n },\n \"orderId\": {\n \"type\": \"string\",\n \"description\": \"The ID the users order\"\n }\n }\n }\n }\n}","language":"json","extension":"json"},"examples":[]},"breadCrumbs":[{"name":"Events","href":"/events","current":false},{"name":"OrderComplete","href":"/events/OrderComplete","current":false},{"name":"Logs","href":"/events/OrderComplete/history","current":true}]},"__N_SSG":true},"page":"/events/[name]/logs","query":{"name":"OrderComplete"},"buildId":"sg3nuxBE93h0VJ0CXy-Od","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
@@ -1 +0,0 @@
1
- {"pageProps":{"changes":[],"event":{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","domain":null,"producerNames":["Orders Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"producers":[],"consumers":[],"historicVersions":[],"schema":{"snippet":"{\n \"$id\": \"https://example.com/OrderRequested.json\",\n \"$schema\": \"https://json-schema.org/draft/2020-12/schema\",\n \"title\": \"OrderRequested\",\n \"type\": \"object\",\n \"properties\": {\n \"metadata\": {\n \"type\": \"object\",\n \"properties\": {\n \"correlationId\": {\n \"type\": \"string\",\n \"description\": \"The ID of the user\"\n },\n \"domain\": {\n \"type\": \"string\",\n \"description\": \"The domain of the event\"\n },\n \"service\": {\n \"type\": \"string\",\n \"description\": \"The name of the service that triggered the event\"\n }\n },\n \"required\": [\"correlationId\", \"domain\", \"service\"]\n },\n \"data\": {\n \"type\": \"object\",\n \"properties\": {\n \"userId\": {\n \"type\": \"string\",\n \"description\": \"The ID of the user\"\n },\n \"orderId\": {\n \"type\": \"string\",\n \"description\": \"The ID the users order\"\n }\n }\n }\n }\n}","language":"json","extension":"json"},"examples":[]},"breadCrumbs":[{"name":"Events","href":"/events","current":false},{"name":"OrderComplete","href":"/events/OrderComplete","current":false},{"name":"Logs","href":"/events/OrderComplete/history","current":true}]},"__N_SSG":true}
@@ -1,40 +0,0 @@
1
- <!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 - OrderComplete v0.0.1</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/70ede87da43120f8.css" as="style"/><link rel="stylesheet" href="/_next/static/css/70ede87da43120f8.css" data-n-g=""/><link rel="preload" href="/_next/static/css/7e14b4dede1671ad.css" as="style"/><link rel="stylesheet" href="/_next/static/css/7e14b4dede1671ad.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-7adfcbd8c9cf8b5d.js" defer=""></script><script src="/_next/static/chunks/framework-d23f68ad701fe0b2.js" defer=""></script><script src="/_next/static/chunks/main-b9941e28536fdc23.js" defer=""></script><script src="/_next/static/chunks/pages/_app-2e37f6bdeff8f48f.js" defer=""></script><script src="/_next/static/chunks/176cb4e4-59b1695530801e16.js" defer=""></script><script src="/_next/static/chunks/b744740b-32af777c67e2c3ff.js" defer=""></script><script src="/_next/static/chunks/1df474da-91f6061ee61707c6.js" defer=""></script><script src="/_next/static/chunks/7f5d3f51-83121b73403fb948.js" defer=""></script><script src="/_next/static/chunks/2edb282b-b8f4863366339abc.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/5-6380a6f543e8372a.js" defer=""></script><script src="/_next/static/chunks/650-7b49ecd97114e917.js" defer=""></script><script src="/_next/static/chunks/109-c7517eb568876b36.js" defer=""></script><script src="/_next/static/chunks/169-b33dfdaf2847d062.js" defer=""></script><script src="/_next/static/chunks/178-c0d21132335f7d58.js" defer=""></script><script src="/_next/static/chunks/pages/events/%5Bname%5D-d3d2a03948b8dfeb.js" defer=""></script><script src="/_next/static/sg3nuxBE93h0VJ0CXy-Od/_buildManifest.js" defer=""></script><script src="/_next/static/sg3nuxBE93h0VJ0CXy-Od/_ssgManifest.js" defer=""></script><script src="/_next/static/sg3nuxBE93h0VJ0CXy-Od/_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="/events/"><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="/events/">Events</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="/events/OrderComplete/">OrderComplete</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">OrderComplete<div class="-top-1 relative inline-block ml-2"><span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium -top-0.5 relative bg-yellow-100 text-yellow-800">v0.0.1</span></div></h1><div class="text-gray-600 mb-10 text py-2">Event represents when an order has been complete. (Delivered and finished)
2
- </div></div><div class="mt-4 flex space-x-3 md:mt-0"><a href="https:/github.com/boyney123/eventcatalog-demo/edit/master/events/OrderComplete/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"><div class="bg-indigo-50 border-l-4 border-indigo-400 my-4 "><div class="flex"><div class="ml-3 py-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="inline-block mr-2 h-5 w-5 text-indigo-400"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path></svg>When firing this event make sure you set the `correlation-id` in the headers. Our schemas have standard metadata make sure you read and follow it.</div></div></div><h3>Details</h3><p>This event is the final event of the ordering process. It gets raised when the shipment has been delivered.</p><div class="mx-auto w-full"><h2 class="text-lg font-medium text-gray-900 underline">Consumer/Producer Diagram</h2><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=event&amp;name=OrderComplete">Open in Visualiser →</a></div></div><section class="mt-8 xl:mt-10"><div class="h-96 relative"><div class="flex -mb-3 pb-2 bg-gray-900 justify-between"><span class="block text-xs py-2 px-2 font-bold text-gray-300">OrderComplete Schema (json)</span><button type="button" class="text-xs text-white rounded-md px-4"><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"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3"></path></svg></button></div><pre class="h-96 overflow-auto" style="color:#f8f8f2;background:#282a36;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, &#x27;Andale Mono&#x27;, &#x27;Ubuntu Mono&#x27;, monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;padding:1em;margin:.5em 0;overflow:auto;border-radius:0.3em"><code class="language-json" style="color:#f8f8f2;background:none;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, &#x27;Andale Mono&#x27;, &#x27;Ubuntu Mono&#x27;, monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none"><span><span class="token" style="color:#f8f8f2">{</span><span>
3
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;$id&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;https://example.com/OrderRequested.json&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
4
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;$schema&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;https://json-schema.org/draft/2020-12/schema&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
5
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;title&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;OrderRequested&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
6
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;type&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;object&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
7
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;properties&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#f8f8f2">{</span><span>
8
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;metadata&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#f8f8f2">{</span><span>
9
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;type&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;object&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
10
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;properties&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#f8f8f2">{</span><span>
11
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;correlationId&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#f8f8f2">{</span><span>
12
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;type&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;string&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
13
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;description&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;The ID of the user&quot;</span><span>
14
- </span></span><span><span> </span><span class="token" style="color:#f8f8f2">}</span><span class="token" style="color:#f8f8f2">,</span><span>
15
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;domain&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#f8f8f2">{</span><span>
16
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;type&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;string&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
17
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;description&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;The domain of the event&quot;</span><span>
18
- </span></span><span><span> </span><span class="token" style="color:#f8f8f2">}</span><span class="token" style="color:#f8f8f2">,</span><span>
19
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;service&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#f8f8f2">{</span><span>
20
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;type&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;string&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
21
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;description&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;The name of the service that triggered the event&quot;</span><span>
22
- </span></span><span><span> </span><span class="token" style="color:#f8f8f2">}</span><span>
23
- </span></span><span><span> </span><span class="token" style="color:#f8f8f2">}</span><span class="token" style="color:#f8f8f2">,</span><span>
24
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;required&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#f8f8f2">[</span><span class="token" style="color:#50fa7b">&quot;correlationId&quot;</span><span class="token" style="color:#f8f8f2">,</span><span> </span><span class="token" style="color:#50fa7b">&quot;domain&quot;</span><span class="token" style="color:#f8f8f2">,</span><span> </span><span class="token" style="color:#50fa7b">&quot;service&quot;</span><span class="token" style="color:#f8f8f2">]</span><span>
25
- </span></span><span><span> </span><span class="token" style="color:#f8f8f2">}</span><span class="token" style="color:#f8f8f2">,</span><span>
26
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;data&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#f8f8f2">{</span><span>
27
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;type&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;object&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
28
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;properties&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#f8f8f2">{</span><span>
29
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;userId&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#f8f8f2">{</span><span>
30
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;type&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;string&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
31
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;description&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;The ID of the user&quot;</span><span>
32
- </span></span><span><span> </span><span class="token" style="color:#f8f8f2">}</span><span class="token" style="color:#f8f8f2">,</span><span>
33
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;orderId&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#f8f8f2">{</span><span>
34
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;type&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;string&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
35
- </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;description&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;The ID the users order&quot;</span><span>
36
- </span></span><span><span> </span><span class="token" style="color:#f8f8f2">}</span><span>
37
- </span></span><span><span> </span><span class="token" style="color:#f8f8f2">}</span><span>
38
- </span></span><span><span> </span><span class="token" style="color:#f8f8f2">}</span><span>
39
- </span></span><span><span> </span><span class="token" style="color:#f8f8f2">}</span><span>
40
- </span></span><span><span></span><span class="token" style="color:#f8f8f2">}</span></span></code></pre></div></section></div></div></div></div></div><div class="flex mt-10 justify-between"><a href="https:/github.com/boyney123/eventcatalog-demo/edit/master/events/OrderComplete/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/3/1</span></div></div><div class="md:min-h-screen"><aside class="hidden xl:block xl:pl-8 divide-y divide-gray-200"><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-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>Producers (1)</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="/services/Orders%20Service/"><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">Orders Service</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-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>Consumers (1)</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="/services/Data%20Lake/"><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">Data Lake</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 (<!-- -->2<!-- -->)</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><li class="flex justify-start"><a class="flex items-center space-x-3" href="/users/mSmith/"><div class="flex-shrink-0"><img class="h-5 w-5 rounded-full" src="https://randomuser.me/api/portraits/lego/3.jpg" alt=""/></div><div class="text-sm font-medium text-gray-900">Matthew Smith</div></a></li></ul></div></div><div class=" py-6 space-y-1"><a href="/schemas/OrderComplete/schema.json" download="OrderComplete(0.0.1).json" 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-200 bg-gray-800 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="-ml-1 mr-2 h-5 w-5 text-gray-200"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path></svg><span>Download Schema</span></a><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=event&amp;nameOrderComplete"><span>View in Visualiser</span></a></div></aside></div></div></div></main></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-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":{"event":{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","domain":null,"producerNames":["Orders Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"producers":[],"consumers":[],"historicVersions":[],"schema":{"snippet":"{\n \"$id\": \"https://example.com/OrderRequested.json\",\n \"$schema\": \"https://json-schema.org/draft/2020-12/schema\",\n \"title\": \"OrderRequested\",\n \"type\": \"object\",\n \"properties\": {\n \"metadata\": {\n \"type\": \"object\",\n \"properties\": {\n \"correlationId\": {\n \"type\": \"string\",\n \"description\": \"The ID of the user\"\n },\n \"domain\": {\n \"type\": \"string\",\n \"description\": \"The domain of the event\"\n },\n \"service\": {\n \"type\": \"string\",\n \"description\": \"The name of the service that triggered the event\"\n }\n },\n \"required\": [\"correlationId\", \"domain\", \"service\"]\n },\n \"data\": {\n \"type\": \"object\",\n \"properties\": {\n \"userId\": {\n \"type\": \"string\",\n \"description\": \"The ID of the user\"\n },\n \"orderId\": {\n \"type\": \"string\",\n \"description\": \"The ID the users order\"\n }\n }\n }\n }\n}","language":"json","extension":"json"},"examples":[]},"eventPath":"/events/OrderComplete","breadCrumbs":[{"name":"Events","href":"/events","current":false},{"name":"OrderComplete","href":"/events/OrderComplete","current":true}],"markdown":{"content":"\n\u003cAdmonition\u003eWhen firing this event make sure you set the `correlation-id` in the headers. Our schemas have standard metadata make sure you read and follow it.\u003c/Admonition\u003e\n\n### Details\n\nThis event is the final event of the ordering process. It gets raised when the shipment has been delivered.\n\n\u003cNodeGraph title=\"Consumer/Producer Diagram\" /\u003e\n\n\u003cSchema /\u003e","source":{"compiledSource":"var p=Object.defineProperty,c=Object.defineProperties;var u=Object.getOwnPropertyDescriptors;var r=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var s=(e,o,t)=\u003eo in e?p(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,a=(e,o)=\u003e{for(var t in o||(o={}))i.call(o,t)\u0026\u0026s(e,t,o[t]);if(r)for(var t of r(o))d.call(o,t)\u0026\u0026s(e,t,o[t]);return e},h=(e,o)=\u003ec(e,u(o));var m=(e,o)=\u003e{var t={};for(var n in e)i.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\u0026d.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))},Admonition=makeShortcode(\"Admonition\"),NodeGraph=makeShortcode(\"NodeGraph\"),Schema=makeShortcode(\"Schema\"),layoutProps={},MDXLayout=\"wrapper\";function MDXContent(t){var n=t,{components:e}=n,o=m(n,[\"components\"]);return mdx(MDXLayout,h(a(a({},layoutProps),o),{components:e,mdxType:\"MDXLayout\"}),mdx(Admonition,{mdxType:\"Admonition\"},\"When firing this event make sure you set the `correlation-id` in the headers. Our schemas have standard metadata make sure you read and follow it.\"),mdx(\"h3\",null,\"Details\"),mdx(\"p\",null,\"This event is the final event of the ordering process. It gets raised when the shipment has been delivered.\"),mdx(NodeGraph,{title:\"Consumer/Producer Diagram\",mdxType:\"NodeGraph\"}),mdx(Schema,{mdxType:\"Schema\"}))}MDXContent.isMDXComponent=!0;\n","scope":{}},"lastModifiedDate":"2022/3/1"},"loadedVersion":"latest"},"__N_SSG":true},"page":"/events/[name]","query":{"name":"OrderComplete"},"buildId":"sg3nuxBE93h0VJ0CXy-Od","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
@@ -1 +0,0 @@
1
- {"pageProps":{"event":{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","domain":null,"producerNames":["Orders Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"producers":[],"consumers":[],"historicVersions":[],"schema":{"snippet":"{\n \"$id\": \"https://example.com/OrderRequested.json\",\n \"$schema\": \"https://json-schema.org/draft/2020-12/schema\",\n \"title\": \"OrderRequested\",\n \"type\": \"object\",\n \"properties\": {\n \"metadata\": {\n \"type\": \"object\",\n \"properties\": {\n \"correlationId\": {\n \"type\": \"string\",\n \"description\": \"The ID of the user\"\n },\n \"domain\": {\n \"type\": \"string\",\n \"description\": \"The domain of the event\"\n },\n \"service\": {\n \"type\": \"string\",\n \"description\": \"The name of the service that triggered the event\"\n }\n },\n \"required\": [\"correlationId\", \"domain\", \"service\"]\n },\n \"data\": {\n \"type\": \"object\",\n \"properties\": {\n \"userId\": {\n \"type\": \"string\",\n \"description\": \"The ID of the user\"\n },\n \"orderId\": {\n \"type\": \"string\",\n \"description\": \"The ID the users order\"\n }\n }\n }\n }\n}","language":"json","extension":"json"},"examples":[]},"eventPath":"/events/OrderComplete","breadCrumbs":[{"name":"Events","href":"/events","current":false},{"name":"OrderComplete","href":"/events/OrderComplete","current":true}],"markdown":{"content":"\n<Admonition>When firing this event make sure you set the `correlation-id` in the headers. Our schemas have standard metadata make sure you read and follow it.</Admonition>\n\n### Details\n\nThis event is the final event of the ordering process. It gets raised when the shipment has been delivered.\n\n<NodeGraph title=\"Consumer/Producer Diagram\" />\n\n<Schema />","source":{"compiledSource":"var p=Object.defineProperty,c=Object.defineProperties;var u=Object.getOwnPropertyDescriptors;var r=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var s=(e,o,t)=>o in e?p(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,a=(e,o)=>{for(var t in o||(o={}))i.call(o,t)&&s(e,t,o[t]);if(r)for(var t of r(o))d.call(o,t)&&s(e,t,o[t]);return e},h=(e,o)=>c(e,u(o));var m=(e,o)=>{var t={};for(var n in e)i.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&&d.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))},Admonition=makeShortcode(\"Admonition\"),NodeGraph=makeShortcode(\"NodeGraph\"),Schema=makeShortcode(\"Schema\"),layoutProps={},MDXLayout=\"wrapper\";function MDXContent(t){var n=t,{components:e}=n,o=m(n,[\"components\"]);return mdx(MDXLayout,h(a(a({},layoutProps),o),{components:e,mdxType:\"MDXLayout\"}),mdx(Admonition,{mdxType:\"Admonition\"},\"When firing this event make sure you set the `correlation-id` in the headers. Our schemas have standard metadata make sure you read and follow it.\"),mdx(\"h3\",null,\"Details\"),mdx(\"p\",null,\"This event is the final event of the ordering process. It gets raised when the shipment has been delivered.\"),mdx(NodeGraph,{title:\"Consumer/Producer Diagram\",mdxType:\"NodeGraph\"}),mdx(Schema,{mdxType:\"Schema\"}))}MDXContent.isMDXComponent=!0;\n","scope":{}},"lastModifiedDate":"2022/3/1"},"loadedVersion":"latest"},"__N_SSG":true}