@eventcatalog/core 0.1.4 → 0.1.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 (254) hide show
  1. package/.next/BUILD_ID +1 -1
  2. package/.next/build-manifest.json +51 -41
  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/export-marker.json +1 -1
  12. package/.next/images-manifest.json +1 -1
  13. package/.next/next-server.js.nft.json +1 -1
  14. package/.next/prerender-manifest.json +1 -1
  15. package/.next/react-loadable-manifest.json +3 -2
  16. package/.next/required-server-files.json +1 -1
  17. package/.next/routes-manifest.json +1 -1
  18. package/.next/server/chunks/565.js +77 -21
  19. package/.next/server/chunks/8.js +1 -0
  20. package/.next/server/chunks/944.js +94 -10
  21. package/.next/server/chunks/97.js +9 -1
  22. package/.next/server/pages/404.html +1 -1
  23. package/.next/server/pages/500.html +1 -1
  24. package/.next/server/pages/_app.js +1 -1
  25. package/.next/server/pages/events/AddedItemToCart/logs.html +1 -1
  26. package/.next/server/pages/events/AddedItemToCart/v/0.0.1.html +16 -6
  27. package/.next/server/pages/events/AddedItemToCart/v/0.0.1.json +1 -1
  28. package/.next/server/pages/events/AddedItemToCart/v/0.0.2.html +16 -6
  29. package/.next/server/pages/events/AddedItemToCart/v/0.0.2.json +1 -1
  30. package/.next/server/pages/events/AddedItemToCart.html +15 -5
  31. package/.next/server/pages/events/AddedItemToCart.json +1 -1
  32. package/.next/server/pages/events/OrderComplete/logs.html +1 -1
  33. package/.next/server/pages/events/OrderComplete.html +15 -5
  34. package/.next/server/pages/events/OrderComplete.json +1 -1
  35. package/.next/server/pages/events/OrderConfirmed/logs.html +1 -1
  36. package/.next/server/pages/events/OrderConfirmed.html +15 -5
  37. package/.next/server/pages/events/OrderConfirmed.json +1 -1
  38. package/.next/server/pages/events/OrderRequested/logs.html +1 -1
  39. package/.next/server/pages/events/OrderRequested.html +15 -5
  40. package/.next/server/pages/events/OrderRequested.json +1 -1
  41. package/.next/server/pages/events/PaymentProcessed/logs.html +1 -1
  42. package/.next/server/pages/events/PaymentProcessed.html +15 -5
  43. package/.next/server/pages/events/PaymentProcessed.json +1 -1
  44. package/.next/server/pages/events/RemovedItemFromCart/logs.html +1 -1
  45. package/.next/server/pages/events/RemovedItemFromCart.html +15 -5
  46. package/.next/server/pages/events/RemovedItemFromCart.json +1 -1
  47. package/.next/server/pages/events/ShipmentDelivered/logs.html +1 -1
  48. package/.next/server/pages/events/ShipmentDelivered.html +17 -6
  49. package/.next/server/pages/events/ShipmentDelivered.json +1 -1
  50. package/.next/server/pages/events/ShipmentDispatched/logs.html +1 -1
  51. package/.next/server/pages/events/ShipmentDispatched.html +15 -5
  52. package/.next/server/pages/events/ShipmentDispatched.json +1 -1
  53. package/.next/server/pages/events/ShipmentPrepared/logs.html +1 -1
  54. package/.next/server/pages/events/ShipmentPrepared.html +15 -47
  55. package/.next/server/pages/events/ShipmentPrepared.json +1 -1
  56. package/.next/server/pages/events/[name]/v/[version].js +15 -1
  57. package/.next/server/pages/events/[name]/v/[version].js.nft.json +1 -1
  58. package/.next/server/pages/events/[name].js +15 -1
  59. package/.next/server/pages/events/[name].js.nft.json +1 -1
  60. package/.next/server/pages/events.html +10 -10
  61. package/.next/server/pages/events.js +16 -3
  62. package/.next/server/pages/events.js.nft.json +1 -1
  63. package/.next/server/pages/index.html +1 -1
  64. package/.next/server/pages/overview.html +1 -1
  65. package/.next/server/pages/overview.js +13 -7
  66. package/.next/server/pages/overview.js.nft.json +1 -1
  67. package/.next/server/pages/services/Basket Service.html +16 -5
  68. package/.next/server/pages/services/Basket Service.json +1 -1
  69. package/.next/server/pages/services/Data Lake.html +18 -6
  70. package/.next/server/pages/services/Data Lake.json +1 -1
  71. package/.next/server/pages/services/Payment Service.html +14 -4
  72. package/.next/server/pages/services/Payment Service.json +1 -1
  73. package/.next/server/pages/services/Shipping Service.html +22 -8
  74. package/.next/server/pages/services/Shipping Service.json +1 -1
  75. package/.next/server/pages/services/[name].js +15 -3
  76. package/.next/server/pages/services/[name].js.nft.json +1 -1
  77. package/.next/server/pages/services.html +5 -5
  78. package/.next/server/pages/services.js +16 -3
  79. package/.next/server/pages/services.js.nft.json +1 -1
  80. package/.next/server/pages/users/[id].js +8 -1
  81. package/.next/server/pages/users/[id].js.nft.json +1 -1
  82. package/.next/server/pages/users/dboyne.html +14 -14
  83. package/.next/server/pages/users/mSmith.html +10 -10
  84. package/.next/static/PVl9Rqb5HWZjsyBXYiy31/_buildManifest.js +1 -0
  85. package/.next/static/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/_middlewareManifest.js +0 -0
  86. package/.next/static/PVl9Rqb5HWZjsyBXYiy31/_ssgManifest.js +1 -0
  87. package/.next/static/chunks/{873-8db237ddb872ef2b.js → 178-9b89f5c036d77ab9.js} +1 -1
  88. package/.next/static/chunks/1df474da-91f6061ee61707c6.js +1 -0
  89. package/.next/static/chunks/2edb282b-9e1cce5842787609.js +1 -0
  90. package/.next/static/chunks/336-b1acb0b6aa306baf.js +1 -0
  91. package/.next/static/chunks/364-9c039ca46569869e.js +1 -0
  92. package/.next/static/chunks/5-f60eecf67567a225.js +1 -0
  93. package/.next/static/chunks/650-4004943b2a9623ca.js +1 -0
  94. package/.next/static/chunks/7f5d3f51-7158fdd5a44cedd5.js +1 -0
  95. package/.next/static/chunks/802.a40c121588cf5040.js +1 -0
  96. package/.next/static/chunks/main-0015f560a7edeb35.js +1 -0
  97. package/.next/static/chunks/pages/_app-124f494e911492fa.js +1 -0
  98. package/.next/static/chunks/pages/events/[name]/v/{[version]-5652060e116d4a61.js → [version]-f6619ec4056cc70d.js} +1 -1
  99. package/.next/static/chunks/pages/events/[name]-73ecab7171745a3f.js +1 -0
  100. package/.next/static/chunks/pages/events-c9e5a0fa7d23d620.js +1 -0
  101. package/{out/_next/static/chunks/pages/overview-6bd5a86d5a28a942.js → .next/static/chunks/pages/overview-2f0bfad06c84e437.js} +1 -1
  102. package/.next/static/chunks/pages/services/[name]-d8873d29190a6447.js +1 -0
  103. package/.next/static/chunks/pages/services-30e4132ef02b1784.js +1 -0
  104. package/.next/static/chunks/pages/users/[id]-a4274bfad4d9a9ec.js +1 -0
  105. package/.next/static/chunks/webpack-2ebfdb1666dac4ad.js +1 -0
  106. package/.next/static/css/7e14b4dede1671ad.css +1 -0
  107. package/.next/trace +54 -37
  108. package/CHANGELOG.md +26 -0
  109. package/README.md +1 -1
  110. package/components/Header.tsx +1 -1
  111. package/components/Mdx/SchemaViewer/SchemaViewer.module.css +5 -0
  112. package/components/Mdx/SchemaViewer/SchemaViewer.tsx +34 -0
  113. package/eventcatalog.config.js +1 -0
  114. package/lib/__tests__/graphs.spec.ts +33 -7
  115. package/lib/graphs.ts +70 -23
  116. package/out/404/index.html +1 -0
  117. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/events/AddedItemToCart/logs.json +0 -0
  118. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/events/AddedItemToCart/v/0.0.1.json +1 -1
  119. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/events/AddedItemToCart/v/0.0.2.json +1 -1
  120. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/events/AddedItemToCart.json +1 -1
  121. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/events/OrderComplete/logs.json +0 -0
  122. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/events/OrderComplete.json +1 -1
  123. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/events/OrderConfirmed/logs.json +0 -0
  124. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/events/OrderConfirmed.json +1 -1
  125. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/events/OrderRequested/logs.json +0 -0
  126. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/events/OrderRequested.json +1 -1
  127. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/events/PaymentProcessed/logs.json +0 -0
  128. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/events/PaymentProcessed.json +1 -1
  129. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/events/RemovedItemFromCart/logs.json +0 -0
  130. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/events/RemovedItemFromCart.json +1 -1
  131. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/events/ShipmentDelivered/logs.json +0 -0
  132. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/events/ShipmentDelivered.json +1 -1
  133. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/events/ShipmentDispatched/logs.json +0 -0
  134. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/events/ShipmentDispatched.json +1 -1
  135. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/events/ShipmentPrepared/logs.json +0 -0
  136. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/events/ShipmentPrepared.json +1 -1
  137. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/events.json +0 -0
  138. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/overview.json +0 -0
  139. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/services/Basket Service.json +1 -1
  140. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/services/Data Lake.json +1 -1
  141. package/out/_next/data/PVl9Rqb5HWZjsyBXYiy31/services/Payment Service.json +1 -0
  142. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/services/Shipping Service.json +1 -1
  143. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/services.json +0 -0
  144. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/users/dboyne.json +0 -0
  145. package/out/_next/data/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/users/mSmith.json +0 -0
  146. package/out/_next/static/PVl9Rqb5HWZjsyBXYiy31/_buildManifest.js +1 -0
  147. package/out/_next/static/{KzUP5zH0riP2GMq4Zq09e → PVl9Rqb5HWZjsyBXYiy31}/_middlewareManifest.js +0 -0
  148. package/out/_next/static/PVl9Rqb5HWZjsyBXYiy31/_ssgManifest.js +1 -0
  149. package/out/_next/static/chunks/{873-8db237ddb872ef2b.js → 178-9b89f5c036d77ab9.js} +1 -1
  150. package/out/_next/static/chunks/1df474da-91f6061ee61707c6.js +1 -0
  151. package/out/_next/static/chunks/2edb282b-9e1cce5842787609.js +1 -0
  152. package/out/_next/static/chunks/336-b1acb0b6aa306baf.js +1 -0
  153. package/out/_next/static/chunks/364-9c039ca46569869e.js +1 -0
  154. package/out/_next/static/chunks/5-f60eecf67567a225.js +1 -0
  155. package/out/_next/static/chunks/650-4004943b2a9623ca.js +1 -0
  156. package/out/_next/static/chunks/7f5d3f51-7158fdd5a44cedd5.js +1 -0
  157. package/out/_next/static/chunks/802.a40c121588cf5040.js +1 -0
  158. package/out/_next/static/chunks/main-0015f560a7edeb35.js +1 -0
  159. package/out/_next/static/chunks/pages/_app-124f494e911492fa.js +1 -0
  160. package/out/_next/static/chunks/pages/events/[name]/v/{[version]-5652060e116d4a61.js → [version]-f6619ec4056cc70d.js} +1 -1
  161. package/out/_next/static/chunks/pages/events/[name]-73ecab7171745a3f.js +1 -0
  162. package/out/_next/static/chunks/pages/events-c9e5a0fa7d23d620.js +1 -0
  163. package/{.next/static/chunks/pages/overview-6bd5a86d5a28a942.js → out/_next/static/chunks/pages/overview-2f0bfad06c84e437.js} +1 -1
  164. package/out/_next/static/chunks/pages/services/[name]-d8873d29190a6447.js +1 -0
  165. package/out/_next/static/chunks/pages/services-30e4132ef02b1784.js +1 -0
  166. package/out/_next/static/chunks/pages/users/[id]-a4274bfad4d9a9ec.js +1 -0
  167. package/out/_next/static/chunks/webpack-2ebfdb1666dac4ad.js +1 -0
  168. package/out/_next/static/css/7e14b4dede1671ad.css +1 -0
  169. package/out/events/{AddedItemToCart.html → AddedItemToCart/index.html} +15 -5
  170. package/out/events/AddedItemToCart/logs/index.html +1 -0
  171. package/out/events/AddedItemToCart/v/0.0.1/index.html +58 -0
  172. package/out/events/AddedItemToCart/v/0.0.2/index.html +65 -0
  173. package/out/events/{OrderComplete.html → OrderComplete/index.html} +15 -5
  174. package/out/events/OrderComplete/logs/index.html +1 -0
  175. package/out/events/OrderConfirmed/index.html +58 -0
  176. package/out/events/OrderConfirmed/logs/index.html +1 -0
  177. package/out/events/OrderRequested/index.html +58 -0
  178. package/out/events/OrderRequested/logs/index.html +1 -0
  179. package/out/events/{PaymentProcessed.html → PaymentProcessed/index.html} +15 -5
  180. package/out/events/PaymentProcessed/logs/index.html +1 -0
  181. package/out/events/{RemovedItemFromCart.html → RemovedItemFromCart/index.html} +15 -5
  182. package/out/events/RemovedItemFromCart/logs/index.html +1 -0
  183. package/out/events/{ShipmentDelivered.html → ShipmentDelivered/index.html} +17 -6
  184. package/out/events/ShipmentDelivered/logs/index.html +1 -0
  185. package/out/events/{ShipmentDispatched.html → ShipmentDispatched/index.html} +15 -5
  186. package/out/events/ShipmentDispatched/logs/index.html +1 -0
  187. package/out/events/ShipmentPrepared/index.html +20 -0
  188. package/out/events/ShipmentPrepared/logs/index.html +1 -0
  189. package/out/{events.html → events/index.html} +10 -10
  190. package/out/index.html +1 -1
  191. package/out/overview/index.html +1 -0
  192. package/out/services/Basket Service/index.html +22 -0
  193. package/out/services/Data Lake/index.html +24 -0
  194. package/out/services/Payment Service/index.html +20 -0
  195. package/out/services/Shipping Service/index.html +28 -0
  196. package/out/{services.html → services/index.html} +5 -5
  197. package/out/users/{dboyne.html → dboyne/index.html} +14 -14
  198. package/out/users/{mSmith.html → mSmith/index.html} +10 -10
  199. package/package.json +5 -1
  200. package/pages/events/[name].tsx +29 -2
  201. package/pages/events.tsx +3 -1
  202. package/pages/overview.tsx +15 -7
  203. package/pages/services/[name].tsx +6 -2
  204. package/pages/services.tsx +3 -1
  205. package/styles/globals.css +1 -1
  206. package/.next/static/KzUP5zH0riP2GMq4Zq09e/_buildManifest.js +0 -1
  207. package/.next/static/KzUP5zH0riP2GMq4Zq09e/_ssgManifest.js +0 -1
  208. package/.next/static/chunks/28-812913d1c0167bab.js +0 -1
  209. package/.next/static/chunks/336-8b7da71a40e0c439.js +0 -1
  210. package/.next/static/chunks/364-3cb3c8cf1d3c95de.js +0 -1
  211. package/.next/static/chunks/638.d570519ae49c92c8.js +0 -1
  212. package/.next/static/chunks/main-0289ecbd51cd4cb4.js +0 -1
  213. package/.next/static/chunks/pages/_app-2b86b0fb5ed8c085.js +0 -1
  214. package/.next/static/chunks/pages/events/[name]-146170e56a404524.js +0 -1
  215. package/.next/static/chunks/pages/events-2bca09b458bde8ab.js +0 -1
  216. package/.next/static/chunks/pages/services/[name]-78378d531eb27bc2.js +0 -1
  217. package/.next/static/chunks/pages/services-1293e4d7df6174bf.js +0 -1
  218. package/.next/static/chunks/pages/users/[id]-5374b99d99fe576e.js +0 -1
  219. package/.next/static/chunks/webpack-4d9342d4391c2a09.js +0 -1
  220. package/out/404.html +0 -1
  221. package/out/_next/data/KzUP5zH0riP2GMq4Zq09e/services/Payment Service.json +0 -1
  222. package/out/_next/static/KzUP5zH0riP2GMq4Zq09e/_buildManifest.js +0 -1
  223. package/out/_next/static/KzUP5zH0riP2GMq4Zq09e/_ssgManifest.js +0 -1
  224. package/out/_next/static/chunks/28-812913d1c0167bab.js +0 -1
  225. package/out/_next/static/chunks/336-8b7da71a40e0c439.js +0 -1
  226. package/out/_next/static/chunks/364-3cb3c8cf1d3c95de.js +0 -1
  227. package/out/_next/static/chunks/638.d570519ae49c92c8.js +0 -1
  228. package/out/_next/static/chunks/main-0289ecbd51cd4cb4.js +0 -1
  229. package/out/_next/static/chunks/pages/_app-2b86b0fb5ed8c085.js +0 -1
  230. package/out/_next/static/chunks/pages/events/[name]-146170e56a404524.js +0 -1
  231. package/out/_next/static/chunks/pages/events-2bca09b458bde8ab.js +0 -1
  232. package/out/_next/static/chunks/pages/services/[name]-78378d531eb27bc2.js +0 -1
  233. package/out/_next/static/chunks/pages/services-1293e4d7df6174bf.js +0 -1
  234. package/out/_next/static/chunks/pages/users/[id]-5374b99d99fe576e.js +0 -1
  235. package/out/_next/static/chunks/webpack-4d9342d4391c2a09.js +0 -1
  236. package/out/events/AddedItemToCart/logs.html +0 -1
  237. package/out/events/AddedItemToCart/v/0.0.1.html +0 -48
  238. package/out/events/AddedItemToCart/v/0.0.2.html +0 -55
  239. package/out/events/OrderComplete/logs.html +0 -1
  240. package/out/events/OrderConfirmed/logs.html +0 -1
  241. package/out/events/OrderConfirmed.html +0 -48
  242. package/out/events/OrderRequested/logs.html +0 -1
  243. package/out/events/OrderRequested.html +0 -48
  244. package/out/events/PaymentProcessed/logs.html +0 -1
  245. package/out/events/RemovedItemFromCart/logs.html +0 -1
  246. package/out/events/ShipmentDelivered/logs.html +0 -1
  247. package/out/events/ShipmentDispatched/logs.html +0 -1
  248. package/out/events/ShipmentPrepared/logs.html +0 -1
  249. package/out/events/ShipmentPrepared.html +0 -52
  250. package/out/overview.html +0 -1
  251. package/out/services/Basket Service.html +0 -11
  252. package/out/services/Data Lake.html +0 -12
  253. package/out/services/Payment Service.html +0 -10
  254. package/out/services/Shipping Service.html +0 -14
package/out/users/{dboyne.html → dboyne/index.html} RENAMED
@@ -1,14 +1,14 @@
1
- <!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><title>EventCatalog</title><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/><meta name="description" content="An open source project to Discover, Explore and Document your Event Driven Architectures."/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:description" content="An open source tool powered by markdown to document your Event Driven Architecture."/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><meta name="next-head-count" content="18"/><link rel="preload" href="/_next/static/css/0b54ec6503b91283.css" as="style"/><link rel="stylesheet" href="/_next/static/css/0b54ec6503b91283.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-4d9342d4391c2a09.js" defer=""></script><script src="/_next/static/chunks/framework-576ec6a1c1386453.js" defer=""></script><script src="/_next/static/chunks/main-0289ecbd51cd4cb4.js" defer=""></script><script src="/_next/static/chunks/pages/_app-2b86b0fb5ed8c085.js" defer=""></script><script src="/_next/static/chunks/176cb4e4-8a0f6f010ef8accb.js" defer=""></script><script src="/_next/static/chunks/962-d5070461f6d4a478.js" defer=""></script><script src="/_next/static/chunks/pages/users/%5Bid%5D-5374b99d99fe576e.js" defer=""></script><script src="/_next/static/KzUP5zH0riP2GMq4Zq09e/_buildManifest.js" defer=""></script><script src="/_next/static/KzUP5zH0riP2GMq4Zq09e/_ssgManifest.js" defer=""></script><script src="/_next/static/KzUP5zH0riP2GMq4Zq09e/_middlewareManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="bg-gray-800"><div class="max-w-7xl mx-auto "><div class="relative flex items-center justify-between h-16"><div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"><div class="flex-shrink-0 flex items-center text-white font-bold"><a class="flex items-center" href="/events"><img alt="logo" class="text-white w-8 inline-block mr-3" src="/logo.svg"/><span class="text-xl">EventCatalog</span></a></div></div><div class="hidden sm:block sm:ml-6"><div class="flex space-x-4"><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/events">Events</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/services">Services</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview">3D Node Graph</a></div></div></div></div></div><div class="flex relative min-h-screen"><div class="flex-1 "><div class="py-8 xl:py-10"><div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 xl:max-w-7xl xl:grid xl:grid-cols-4"><div class="xl:col-span-3 xl:pr-8 xl:border-r xl:border-gray-200 min-h-screen"><div class="xl:border-b pb-4 flex justify-between "><div class="space-y-2"><h1 class="text-3xl font-bold text-gray-900 relative">David Boyne</h1></div></div><div class=" border-b border-gray-100 pb-6"><h1 class="text-lg font-bold text-gray-800 relative mt-4">Owner of Events (<!-- -->9<!-- -->)</h1><ul class="mt-3 grid grid-cols-1 gap-5 md:grid-cols-2"><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/AddedItemToCart"><div style="background:#2e0a58" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">AddedItemToCart<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.3</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user added to their shopping cart.
2
- </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/OrderComplete"><div style="background:#871e73" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">OrderComplete<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when an order has been complete. (Delivered and finished)
3
- </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/OrderConfirmed"><div style="background:#d1ffa1" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">OrderConfirmed<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when an order has been confirmed and ready to be processed (shipped for example)
4
- </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/OrderRequested"><div style="background:#e053ec" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">OrderRequested<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about the customers order.
5
- </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/PaymentProcessed"><div style="background:#08642a" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">PaymentProcessed<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about the payment that has been processed.
6
- </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/RemovedItemFromCart"><div style="background:#7de28e" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">RemovedItemFromCart<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user removed from their cart.
7
- </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/ShipmentDelivered"><div style="background:#ea7bc8" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">ShipmentDelivered<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has been delievered and received.
8
- </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->2<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/ShipmentDispatched"><div style="background:#f36bc3" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">ShipmentDispatched<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has been dispatched.
9
- </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/ShipmentPrepared"><div style="background:#1774bd" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">ShipmentPrepared<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has finished being prepared and is ready to be dispatched.
10
- </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li></ul></div><div><h1 class="text-lg font-bold text-gray-800 relative mt-4">Owner of Services (<!-- -->4<!-- -->)</h1><ul class="mt-3 grid grid-cols-1 gap-5 md:grid-cols-2"><li class="flex"><a class="flex shadow-sm w-full" href="/services/Basket%20Service"><div style="background:#5b5ad5" class="w-4 rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div><span class="text-gray-900 font-bold">Basket Service</span><div class="text-gray-500 text-xs font-normal mt-2 line-clamp-3">CRUD based API to handle Basket interactions for users of the shopping website.
11
- </div></div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribe Events (<!-- -->0<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Publish Events (<!-- -->3<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm w-full" href="/services/Data%20Lake"><div style="background:#45603f" class="w-4 rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div><span class="text-gray-900 font-bold">Data Lake</span><div class="text-gray-500 text-xs font-normal mt-2 line-clamp-3">Our internal datalake used by the data team and business analytics.
12
- </div></div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribe Events (<!-- -->4<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Publish Events (<!-- -->0<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm w-full" href="/services/Payment%20Service"><div style="background:#5b7e99" class="w-4 rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div><span class="text-gray-900 font-bold">Payment Service</span><div class="text-gray-500 text-xs font-normal mt-2 line-clamp-3">Event based application that integrates with Stripe.
13
- </div></div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribe Events (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Publish Events (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm w-full" href="/services/Shipping%20Service"><div style="background:#438ef7" class="w-4 rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div><span class="text-gray-900 font-bold">Shipping Service</span><div class="text-gray-500 text-xs font-normal mt-2 line-clamp-3">Event based application that handles processing of shipments, preparing them and dispatching them.
14
- </div></div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribe Events (<!-- -->3<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Publish Events (<!-- -->3<!-- -->)</div></div></div></div></a></li></ul></div></div><div class="px-8"><div class="flex items-center space-x-5 mt-4 "><div class="flex-shrink-0"><div class="relative"><img class="h-16 w-16 rounded-full" src="https://pbs.twimg.com/profile_images/1262283153563140096/DYRDqKg6_400x400.png" alt=""/><span class="absolute inset-0 shadow-inner rounded-full" aria-hidden="true"></span></div></div><div><h1 class="text-xl font-bold text-gray-900">David Boyne</h1><p class="text-sm font-medium text-gray-500">Developer</p></div></div><div class="mt-6 flow-root border-t border-gray-200 py-6 text-sm">Currently building tools for Event Architectures.</div></div></div></div></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-900">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-900">Services</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-900">3D Node Graph</a></div><div class="px-5 py-2"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master" class="text-base text-gray-500 hover:text-gray-900">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2022<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"events":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","producers":["Orders Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","producers":["Orders Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delievered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"services":[{"name":"Basket Service","summary":"CRUD based API to handle Basket interactions for users of the shopping website.\n","owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-basket-service"},"tags":[],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"publishes":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[]},{"name":"Data Lake","summary":"Our internal datalake used by the data team and business analytics.\n","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[],"subscribes":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","producers":["Orders Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delievered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},{"name":"Payment Service","summary":"Event based application that integrates with Stripe.\n","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},{"name":"Shipping Service","summary":"Event based application that handles processing of shipments, preparing them and dispatching them.\n","owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-shipping-service"},"tags":[],"externalLinks":[],"publishes":[{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delievered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","producers":["Orders Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]}],"userId":"dboyne"},"__N_SSG":true},"page":"/users/[id]","query":{"id":"dboyne"},"buildId":"KzUP5zH0riP2GMq4Zq09e","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><title>EventCatalog</title><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/><meta name="description" content="An open source project to Discover, Explore and Document your Event Driven Architectures."/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:description" content="An open source tool powered by markdown to document your Event Driven Architecture."/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><meta name="next-head-count" content="18"/><link rel="preload" href="/_next/static/css/0b54ec6503b91283.css" as="style"/><link rel="stylesheet" href="/_next/static/css/0b54ec6503b91283.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-2ebfdb1666dac4ad.js" defer=""></script><script src="/_next/static/chunks/framework-576ec6a1c1386453.js" defer=""></script><script src="/_next/static/chunks/main-0015f560a7edeb35.js" defer=""></script><script src="/_next/static/chunks/pages/_app-124f494e911492fa.js" defer=""></script><script src="/_next/static/chunks/176cb4e4-8a0f6f010ef8accb.js" defer=""></script><script src="/_next/static/chunks/962-d5070461f6d4a478.js" defer=""></script><script src="/_next/static/chunks/pages/users/%5Bid%5D-a4274bfad4d9a9ec.js" defer=""></script><script src="/_next/static/PVl9Rqb5HWZjsyBXYiy31/_buildManifest.js" defer=""></script><script src="/_next/static/PVl9Rqb5HWZjsyBXYiy31/_ssgManifest.js" defer=""></script><script src="/_next/static/PVl9Rqb5HWZjsyBXYiy31/_middlewareManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="bg-gray-800"><div class="max-w-7xl mx-auto "><div class="relative flex items-center justify-between h-16"><div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"><div class="flex-shrink-0 flex items-center text-white font-bold"><a class="flex items-center" href="/"><img alt="logo" class="text-white w-8 inline-block mr-3" src="/logo.svg"/><span class="text-xl">EventCatalog</span></a></div></div><div class="hidden sm:block sm:ml-6"><div class="flex space-x-4"><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/events/">Events</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/services/">Services</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><div class="flex relative min-h-screen"><div class="flex-1 "><div class="py-8 xl:py-10"><div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 xl:max-w-7xl xl:grid xl:grid-cols-4"><div class="xl:col-span-3 xl:pr-8 xl:border-r xl:border-gray-200 min-h-screen"><div class="xl:border-b pb-4 flex justify-between "><div class="space-y-2"><h1 class="text-3xl font-bold text-gray-900 relative">David Boyne</h1></div></div><div class=" border-b border-gray-100 pb-6"><h1 class="text-lg font-bold text-gray-800 relative mt-4">Owner of Events (<!-- -->9<!-- -->)</h1><ul class="mt-3 grid grid-cols-1 gap-5 md:grid-cols-2"><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/AddedItemToCart/"><div style="background:#2e0a58" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">AddedItemToCart<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.3</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user added to their shopping cart.
2
+ </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/OrderComplete/"><div style="background:#871e73" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">OrderComplete<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when an order has been complete. (Delivered and finished)
3
+ </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/OrderConfirmed/"><div style="background:#d1ffa1" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">OrderConfirmed<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when an order has been confirmed and ready to be processed (shipped for example)
4
+ </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/OrderRequested/"><div style="background:#e053ec" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">OrderRequested<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about the customers order.
5
+ </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/PaymentProcessed/"><div style="background:#08642a" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">PaymentProcessed<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about the payment that has been processed.
6
+ </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/RemovedItemFromCart/"><div style="background:#7de28e" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">RemovedItemFromCart<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user removed from their cart.
7
+ </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/ShipmentDelivered/"><div style="background:#ea7bc8" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">ShipmentDelivered<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has been delievered and received.
8
+ </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->2<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/ShipmentDispatched/"><div style="background:#f36bc3" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">ShipmentDispatched<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has been dispatched.
9
+ </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/ShipmentPrepared/"><div style="background:#1774bd" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">ShipmentPrepared<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has finished being prepared and is ready to be dispatched.
10
+ </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li></ul></div><div><h1 class="text-lg font-bold text-gray-800 relative mt-4">Owner of Services (<!-- -->4<!-- -->)</h1><ul class="mt-3 grid grid-cols-1 gap-5 md:grid-cols-2"><li class="flex"><a class="flex shadow-sm w-full" href="/services/Basket%20Service/"><div style="background:#5b5ad5" class="w-4 rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div><span class="text-gray-900 font-bold">Basket Service</span><div class="text-gray-500 text-xs font-normal mt-2 line-clamp-3">CRUD based API to handle Basket interactions for users of the shopping website.
11
+ </div></div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribe Events (<!-- -->0<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Publish Events (<!-- -->3<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm w-full" href="/services/Data%20Lake/"><div style="background:#45603f" class="w-4 rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div><span class="text-gray-900 font-bold">Data Lake</span><div class="text-gray-500 text-xs font-normal mt-2 line-clamp-3">Our internal datalake used by the data team and business analytics.
12
+ </div></div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribe Events (<!-- -->4<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Publish Events (<!-- -->0<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm w-full" href="/services/Payment%20Service/"><div style="background:#5b7e99" class="w-4 rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div><span class="text-gray-900 font-bold">Payment Service</span><div class="text-gray-500 text-xs font-normal mt-2 line-clamp-3">Event based application that integrates with Stripe.
13
+ </div></div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribe Events (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Publish Events (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm w-full" href="/services/Shipping%20Service/"><div style="background:#438ef7" class="w-4 rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div><span class="text-gray-900 font-bold">Shipping Service</span><div class="text-gray-500 text-xs font-normal mt-2 line-clamp-3">Event based application that handles processing of shipments, preparing them and dispatching them.
14
+ </div></div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribe Events (<!-- -->3<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Publish Events (<!-- -->3<!-- -->)</div></div></div></div></a></li></ul></div></div><div class="px-8"><div class="flex items-center space-x-5 mt-4 "><div class="flex-shrink-0"><div class="relative"><img class="h-16 w-16 rounded-full" src="https://pbs.twimg.com/profile_images/1262283153563140096/DYRDqKg6_400x400.png" alt=""/><span class="absolute inset-0 shadow-inner rounded-full" aria-hidden="true"></span></div></div><div><h1 class="text-xl font-bold text-gray-900">David Boyne</h1><p class="text-sm font-medium text-gray-500">Developer</p></div></div><div class="mt-6 flow-root border-t border-gray-200 py-6 text-sm">Currently building tools for Event Architectures.</div></div></div></div></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-900">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-900">Services</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-900">3D Node Graph</a></div><div class="px-5 py-2"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master" class="text-base text-gray-500 hover:text-gray-900">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2022<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"events":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","producers":["Orders Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","producers":["Orders Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delievered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"services":[{"name":"Basket Service","summary":"CRUD based API to handle Basket interactions for users of the shopping website.\n","owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-basket-service"},"tags":[],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"publishes":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[]},{"name":"Data Lake","summary":"Our internal datalake used by the data team and business analytics.\n","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[],"subscribes":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","producers":["Orders Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delievered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},{"name":"Payment Service","summary":"Event based application that integrates with Stripe.\n","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},{"name":"Shipping Service","summary":"Event based application that handles processing of shipments, preparing them and dispatching them.\n","owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-shipping-service"},"tags":[],"externalLinks":[],"publishes":[{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delievered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","producers":["Orders Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]}],"userId":"dboyne"},"__N_SSG":true},"page":"/users/[id]","query":{"id":"dboyne"},"buildId":"PVl9Rqb5HWZjsyBXYiy31","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
package/out/users/{mSmith.html → mSmith/index.html} RENAMED
@@ -1,10 +1,10 @@
1
- <!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><title>EventCatalog</title><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/><meta name="description" content="An open source project to Discover, Explore and Document your Event Driven Architectures."/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:description" content="An open source tool powered by markdown to document your Event Driven Architecture."/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><meta name="next-head-count" content="18"/><link rel="preload" href="/_next/static/css/0b54ec6503b91283.css" as="style"/><link rel="stylesheet" href="/_next/static/css/0b54ec6503b91283.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-4d9342d4391c2a09.js" defer=""></script><script src="/_next/static/chunks/framework-576ec6a1c1386453.js" defer=""></script><script src="/_next/static/chunks/main-0289ecbd51cd4cb4.js" defer=""></script><script src="/_next/static/chunks/pages/_app-2b86b0fb5ed8c085.js" defer=""></script><script src="/_next/static/chunks/176cb4e4-8a0f6f010ef8accb.js" defer=""></script><script src="/_next/static/chunks/962-d5070461f6d4a478.js" defer=""></script><script src="/_next/static/chunks/pages/users/%5Bid%5D-5374b99d99fe576e.js" defer=""></script><script src="/_next/static/KzUP5zH0riP2GMq4Zq09e/_buildManifest.js" defer=""></script><script src="/_next/static/KzUP5zH0riP2GMq4Zq09e/_ssgManifest.js" defer=""></script><script src="/_next/static/KzUP5zH0riP2GMq4Zq09e/_middlewareManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="bg-gray-800"><div class="max-w-7xl mx-auto "><div class="relative flex items-center justify-between h-16"><div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"><div class="flex-shrink-0 flex items-center text-white font-bold"><a class="flex items-center" href="/events"><img alt="logo" class="text-white w-8 inline-block mr-3" src="/logo.svg"/><span class="text-xl">EventCatalog</span></a></div></div><div class="hidden sm:block sm:ml-6"><div class="flex space-x-4"><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/events">Events</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/services">Services</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview">3D Node Graph</a></div></div></div></div></div><div class="flex relative min-h-screen"><div class="flex-1 "><div class="py-8 xl:py-10"><div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 xl:max-w-7xl xl:grid xl:grid-cols-4"><div class="xl:col-span-3 xl:pr-8 xl:border-r xl:border-gray-200 min-h-screen"><div class="xl:border-b pb-4 flex justify-between "><div class="space-y-2"><h1 class="text-3xl font-bold text-gray-900 relative">Matthew Smith</h1></div></div><div class=" border-b border-gray-100 pb-6"><h1 class="text-lg font-bold text-gray-800 relative mt-4">Owner of Events (<!-- -->9<!-- -->)</h1><ul class="mt-3 grid grid-cols-1 gap-5 md:grid-cols-2"><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/AddedItemToCart"><div style="background:#2e0a58" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">AddedItemToCart<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.3</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user added to their shopping cart.
2
- </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/OrderComplete"><div style="background:#871e73" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">OrderComplete<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when an order has been complete. (Delivered and finished)
3
- </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/OrderConfirmed"><div style="background:#d1ffa1" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">OrderConfirmed<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when an order has been confirmed and ready to be processed (shipped for example)
4
- </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/OrderRequested"><div style="background:#e053ec" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">OrderRequested<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about the customers order.
5
- </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/PaymentProcessed"><div style="background:#08642a" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">PaymentProcessed<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about the payment that has been processed.
6
- </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/RemovedItemFromCart"><div style="background:#7de28e" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">RemovedItemFromCart<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user removed from their cart.
7
- </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/ShipmentDelivered"><div style="background:#ea7bc8" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">ShipmentDelivered<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has been delievered and received.
8
- </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->2<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/ShipmentDispatched"><div style="background:#f36bc3" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">ShipmentDispatched<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has been dispatched.
9
- </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/ShipmentPrepared"><div style="background:#1774bd" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">ShipmentPrepared<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has finished being prepared and is ready to be dispatched.
10
- </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li></ul></div><div><h1 class="text-lg font-bold text-gray-800 relative mt-4">Owner of Services (<!-- -->0<!-- -->)</h1><ul class="mt-3 grid grid-cols-1 gap-5 md:grid-cols-2"></ul></div></div><div class="px-8"><div class="flex items-center space-x-5 mt-4 "><div class="flex-shrink-0"><div class="relative"><img class="h-16 w-16 rounded-full" src="https://randomuser.me/api/portraits/lego/3.jpg" alt=""/><span class="absolute inset-0 shadow-inner rounded-full" aria-hidden="true"></span></div></div><div><h1 class="text-xl font-bold text-gray-900">Matthew Smith</h1><p class="text-sm font-medium text-gray-500">Developer</p></div></div><div class="mt-6 flow-root border-t border-gray-200 py-6 text-sm">About Fugiat ipsum ipsum deserunt culpa aute sint do nostrud anim incididunt cillum culpa consequat.</div></div></div></div></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-900">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-900">Services</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-900">3D Node Graph</a></div><div class="px-5 py-2"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master" class="text-base text-gray-500 hover:text-gray-900">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2022<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"events":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","producers":["Orders Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","producers":["Orders Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delievered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"services":[],"userId":"mSmith"},"__N_SSG":true},"page":"/users/[id]","query":{"id":"mSmith"},"buildId":"KzUP5zH0riP2GMq4Zq09e","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><title>EventCatalog</title><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/><meta name="description" content="An open source project to Discover, Explore and Document your Event Driven Architectures."/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:description" content="An open source tool powered by markdown to document your Event Driven Architecture."/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><meta name="next-head-count" content="18"/><link rel="preload" href="/_next/static/css/0b54ec6503b91283.css" as="style"/><link rel="stylesheet" href="/_next/static/css/0b54ec6503b91283.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-2ebfdb1666dac4ad.js" defer=""></script><script src="/_next/static/chunks/framework-576ec6a1c1386453.js" defer=""></script><script src="/_next/static/chunks/main-0015f560a7edeb35.js" defer=""></script><script src="/_next/static/chunks/pages/_app-124f494e911492fa.js" defer=""></script><script src="/_next/static/chunks/176cb4e4-8a0f6f010ef8accb.js" defer=""></script><script src="/_next/static/chunks/962-d5070461f6d4a478.js" defer=""></script><script src="/_next/static/chunks/pages/users/%5Bid%5D-a4274bfad4d9a9ec.js" defer=""></script><script src="/_next/static/PVl9Rqb5HWZjsyBXYiy31/_buildManifest.js" defer=""></script><script src="/_next/static/PVl9Rqb5HWZjsyBXYiy31/_ssgManifest.js" defer=""></script><script src="/_next/static/PVl9Rqb5HWZjsyBXYiy31/_middlewareManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="bg-gray-800"><div class="max-w-7xl mx-auto "><div class="relative flex items-center justify-between h-16"><div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"><div class="flex-shrink-0 flex items-center text-white font-bold"><a class="flex items-center" href="/"><img alt="logo" class="text-white w-8 inline-block mr-3" src="/logo.svg"/><span class="text-xl">EventCatalog</span></a></div></div><div class="hidden sm:block sm:ml-6"><div class="flex space-x-4"><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/events/">Events</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/services/">Services</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><div class="flex relative min-h-screen"><div class="flex-1 "><div class="py-8 xl:py-10"><div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 xl:max-w-7xl xl:grid xl:grid-cols-4"><div class="xl:col-span-3 xl:pr-8 xl:border-r xl:border-gray-200 min-h-screen"><div class="xl:border-b pb-4 flex justify-between "><div class="space-y-2"><h1 class="text-3xl font-bold text-gray-900 relative">Matthew Smith</h1></div></div><div class=" border-b border-gray-100 pb-6"><h1 class="text-lg font-bold text-gray-800 relative mt-4">Owner of Events (<!-- -->9<!-- -->)</h1><ul class="mt-3 grid grid-cols-1 gap-5 md:grid-cols-2"><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/AddedItemToCart/"><div style="background:#2e0a58" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">AddedItemToCart<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.3</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user added to their shopping cart.
2
+ </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/OrderComplete/"><div style="background:#871e73" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">OrderComplete<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when an order has been complete. (Delivered and finished)
3
+ </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/OrderConfirmed/"><div style="background:#d1ffa1" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">OrderConfirmed<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when an order has been confirmed and ready to be processed (shipped for example)
4
+ </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/OrderRequested/"><div style="background:#e053ec" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">OrderRequested<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about the customers order.
5
+ </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/PaymentProcessed/"><div style="background:#08642a" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">PaymentProcessed<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about the payment that has been processed.
6
+ </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/RemovedItemFromCart/"><div style="background:#7de28e" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">RemovedItemFromCart<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Holds information about what the user removed from their cart.
7
+ </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/ShipmentDelivered/"><div style="background:#ea7bc8" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">ShipmentDelivered<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has been delievered and received.
8
+ </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->2<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/ShipmentDispatched/"><div style="background:#f36bc3" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">ShipmentDispatched<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has been dispatched.
9
+ </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li><li class="flex"><a class="flex shadow-sm rounded-md w-full" href="/events/ShipmentPrepared/"><div style="background:#1774bd" class="bg-red-500 flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md"></div><div class="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md "><div class="p-4 text-sm space-y-2 flex flex-col justify-between h-full"><div class="text-gray-900 font-bold hover:text-gray-600 break-all">ShipmentPrepared<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">v<!-- -->0.0.1</span></div><div class="text-gray-500 text-xs font-normal mt-2 ">Event represents when a shipment has finished being prepared and is ready to be dispatched.
10
+ </div><div class="flex space-x-4 text-xs pt-2 relative bottom-0 left-0"><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-green-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Producers (<!-- -->1<!-- -->)</div><div class=" font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4 text-indigo-400 inline-block mr-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>Subscribers (<!-- -->1<!-- -->)</div></div></div></div></a></li></ul></div><div><h1 class="text-lg font-bold text-gray-800 relative mt-4">Owner of Services (<!-- -->0<!-- -->)</h1><ul class="mt-3 grid grid-cols-1 gap-5 md:grid-cols-2"></ul></div></div><div class="px-8"><div class="flex items-center space-x-5 mt-4 "><div class="flex-shrink-0"><div class="relative"><img class="h-16 w-16 rounded-full" src="https://randomuser.me/api/portraits/lego/3.jpg" alt=""/><span class="absolute inset-0 shadow-inner rounded-full" aria-hidden="true"></span></div></div><div><h1 class="text-xl font-bold text-gray-900">Matthew Smith</h1><p class="text-sm font-medium text-gray-500">Developer</p></div></div><div class="mt-6 flow-root border-t border-gray-200 py-6 text-sm">About Fugiat ipsum ipsum deserunt culpa aute sint do nostrud anim incididunt cillum culpa consequat.</div></div></div></div></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-900">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-900">Services</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-900">3D Node Graph</a></div><div class="px-5 py-2"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master" class="text-base text-gray-500 hover:text-gray-900">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2022<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"events":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","producers":["Orders Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","producers":["Orders Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delievered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"services":[],"userId":"mSmith"},"__N_SSG":true},"page":"/users/[id]","query":{"id":"mSmith"},"buildId":"PVl9Rqb5HWZjsyBXYiy31","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.1.4",
3
+ "version": "0.1.8",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -19,6 +19,10 @@
19
19
  "@headlessui/react": "^1.4.2",
20
20
  "@heroicons/react": "^1.0.5",
21
21
  "@mdx-js/react": "^1.6.22",
22
+ "@stoplight/json-schema-viewer": "^4.5.0",
23
+ "@stoplight/markdown-viewer": "^5.4.2",
24
+ "@stoplight/mosaic": "^1.15.3",
25
+ "@stoplight/mosaic-code-viewer": "^1.15.3",
22
26
  "@tailwindcss/forms": "^0.3.4",
23
27
  "@tailwindcss/line-clamp": "^0.2.2",
24
28
  "@tailwindcss/typography": "^0.4.1",
package/pages/events/[name].tsx CHANGED
@@ -13,9 +13,10 @@ import EventSideBar from '@/components/Sidebars/EventSidebar';
13
13
  import NotFound from '@/components/NotFound';
14
14
  import BreadCrumbs from '@/components/BreadCrumbs';
15
15
  import SyntaxHighlighter from '@/components/SyntaxHighlighter';
16
+ import SchemaViewer from '@/components/Mdx/SchemaViewer/SchemaViewer';
16
17
 
17
18
  import { getAllEvents, getEventByName } from '@/lib/events';
18
- import { useUrl } from '@/hooks/EventCatalog';
19
+ import { useConfig, useUrl } from '@/hooks/EventCatalog';
19
20
 
20
21
  import { MarkdownFile } from '@/types/index';
21
22
 
@@ -46,6 +47,31 @@ export const getComponents = ({ event, schema, examples }: any) => ({
46
47
  </section>
47
48
  );
48
49
  },
50
+ SchemaViewer: ({
51
+ title = 'Event Schema',
52
+ renderRootTreeLines = false,
53
+ defaultExpandedDepth = 1,
54
+ maxHeight,
55
+ }: {
56
+ title: string;
57
+ renderRootTreeLines?: boolean;
58
+ defaultExpandedDepth?: number;
59
+ maxHeight?: string;
60
+ }) => {
61
+ if (!schema) return null;
62
+
63
+ return (
64
+ <section className="mt-8 xl:mt-10">
65
+ <h2 className="text-lg font-medium text-gray-900 underline">{title}</h2>
66
+ <SchemaViewer
67
+ schema={schema.snippet}
68
+ maxHeight={parseInt(maxHeight, 10)}
69
+ renderRootTreeLines={renderRootTreeLines}
70
+ defaultExpandedDepth={defaultExpandedDepth}
71
+ />
72
+ </section>
73
+ );
74
+ },
49
75
  Admonition,
50
76
  EventExamples: (props) => {
51
77
  if (examples.length > 0) {
@@ -66,6 +92,7 @@ export const getComponents = ({ event, schema, examples }: any) => ({
66
92
 
67
93
  export default function Events(props: EventsPageProps) {
68
94
  const { event, markdown, loadedVersion, notFound } = props;
95
+ const { title } = useConfig();
69
96
  const { getEditUrl, hasEditUrl } = useUrl();
70
97
 
71
98
  const { name, summary, draft, schema, examples, version } = event;
@@ -86,7 +113,7 @@ export default function Events(props: EventsPageProps) {
86
113
  <>
87
114
  <Head>
88
115
  <title>
89
- {name} v{version}
116
+ {title} - {name} v{version}
90
117
  </title>
91
118
  </Head>
92
119
  <ContentView
package/pages/events.tsx CHANGED
@@ -7,6 +7,7 @@ import { Menu, Transition } from '@headlessui/react';
7
7
  import { ChevronDownIcon, SearchIcon } from '@heroicons/react/solid';
8
8
  import EventGrid from '@/components/Grids/EventGrid';
9
9
  import { getAllEvents, getUniqueServicesNamesFromEvents } from '@/lib/events';
10
+ import { useConfig } from '@/hooks/EventCatalog';
10
11
 
11
12
  function classNames(...classes) {
12
13
  return classes.filter(Boolean).join(' ');
@@ -89,11 +90,12 @@ export default function Page({ events, services }: PageProps) {
89
90
  );
90
91
 
91
92
  const filtersApplied = !!searchFilter || selectedFilters.services.length > 0;
93
+ const { title } = useConfig();
92
94
 
93
95
  return (
94
96
  <>
95
97
  <Head>
96
- <title>EventCatalog - All Events</title>
98
+ <title>{title} - All Events</title>
97
99
  </Head>
98
100
  <main className="max-w-7xl mx-auto min-h-screen px-4 md:px-0">
99
101
  <div className="relative z-10 flex items-baseline justify-between pt-8 pb-6 border-b border-gray-200">
package/pages/overview.tsx CHANGED
@@ -1,10 +1,15 @@
1
1
  import React from 'react';
2
2
  import ReactDOMServer from 'react-dom/server';
3
3
  import Head from 'next/head';
4
-
5
4
  import dynamic from 'next/dynamic';
6
-
5
+ import type { Event, Service } from '@eventcatalog/types';
7
6
  import { getAllEvents, getUniqueServicesNamesFromEvents } from '@/lib/events';
7
+ import { useConfig } from '@/hooks/EventCatalog';
8
+
9
+ export interface PageProps {
10
+ events: Event[];
11
+ services: Service[];
12
+ }
8
13
 
9
14
  const ForceGraph3D = dynamic(() => import('react-force-graph-3d').then((module) => module.default), { ssr: false });
10
15
 
@@ -15,7 +20,9 @@ function NodeElement({ node: { id } }: { node: { id: string } }) {
15
20
  const MAX_LENGTH_FOR_NODES = 30;
16
21
  const truncateNode = (value) => (value.length > MAX_LENGTH_FOR_NODES ? `${value.substring(0, MAX_LENGTH_FOR_NODES)}...` : value);
17
22
 
18
- const graph = ({ events, services }) => {
23
+ function Graph({ events, services }: PageProps) {
24
+ const { title } = useConfig();
25
+
19
26
  const eventNodes = events.map(({ name: event }) => ({ id: truncateNode(event), group: 1, type: 'event' }));
20
27
  const serviceNodes = services.map((service) => ({ id: truncateNode(service), group: 2, type: 'service' }));
21
28
 
@@ -35,10 +42,11 @@ const graph = ({ events, services }) => {
35
42
 
36
43
  // @ts-ignore
37
44
  const extraRenderers = [new window.THREE.CSS2DRenderer()];
45
+
38
46
  return (
39
- <div className="min-h-screen ">
47
+ <div className="min-h-screen">
40
48
  <Head>
41
- <title>EventCatalog - 3D Node Graph</title>
49
+ <title>{title} - 3D Node Graph</title>
42
50
  </Head>
43
51
  <ForceGraph3D
44
52
  extraRenderers={extraRenderers}
@@ -62,9 +70,9 @@ const graph = ({ events, services }) => {
62
70
  />
63
71
  </div>
64
72
  );
65
- };
73
+ }
66
74
 
67
- export default graph;
75
+ export default Graph;
68
76
 
69
77
  export const getStaticProps = () => {
70
78
  const events = getAllEvents();