@eventcatalog/core 0.0.10 → 0.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/.next/BUILD_ID +1 -1
  2. package/.next/build-manifest.json +31 -30
  3. package/.next/cache/.tsbuildinfo +1 -1
  4. package/.next/cache/config.json +3 -3
  5. package/.next/cache/eslint/.cache_1bay4w0 +1 -1
  6. package/.next/cache/next-server.js.nft.json +1 -1
  7. package/.next/cache/webpack/client-production/0.pack +0 -0
  8. package/.next/cache/webpack/client-production/index.pack +0 -0
  9. package/.next/cache/webpack/server-production/0.pack +0 -0
  10. package/.next/cache/webpack/server-production/index.pack +0 -0
  11. package/.next/next-server.js.nft.json +1 -1
  12. package/.next/prerender-manifest.json +1 -1
  13. package/.next/routes-manifest.json +1 -1
  14. package/.next/server/chunks/526.js +1 -1
  15. package/.next/server/chunks/565.js +17 -5
  16. package/.next/server/chunks/730.js +8 -13
  17. package/.next/server/chunks/938.js +18 -4
  18. package/.next/server/chunks/944.js +31 -32
  19. package/.next/server/pages/404.html +1 -1
  20. package/.next/server/pages/500.html +1 -1
  21. package/.next/server/pages/_app.js +4 -0
  22. package/.next/server/pages/events/AddedItemToCart.html +5 -5
  23. package/.next/server/pages/events/AddedItemToCart.json +1 -1
  24. package/.next/server/pages/events/OrderComplete.html +3 -3
  25. package/.next/server/pages/events/OrderComplete.json +1 -1
  26. package/.next/server/pages/events/OrderConfirmed.html +3 -3
  27. package/.next/server/pages/events/OrderConfirmed.json +1 -1
  28. package/.next/server/pages/events/OrderRequested.html +3 -3
  29. package/.next/server/pages/events/OrderRequested.json +1 -1
  30. package/.next/server/pages/events/PaymentProcessed.html +3 -3
  31. package/.next/server/pages/events/PaymentProcessed.json +1 -1
  32. package/.next/server/pages/events/RemovedItemFromCart.html +3 -3
  33. package/.next/server/pages/events/RemovedItemFromCart.json +1 -1
  34. package/.next/server/pages/events/ShipmentDelivered.html +3 -3
  35. package/.next/server/pages/events/ShipmentDelivered.json +1 -1
  36. package/.next/server/pages/events/ShipmentDispatched.html +3 -3
  37. package/.next/server/pages/events/ShipmentDispatched.json +1 -1
  38. package/.next/server/pages/events/ShipmentPrepared.html +3 -3
  39. package/.next/server/pages/events/ShipmentPrepared.json +1 -1
  40. package/.next/server/pages/events/[name]/v/[version].js +1 -8
  41. package/.next/server/pages/events/[name]/v/[version].js.nft.json +1 -1
  42. package/.next/server/pages/events/[name].js +1 -8
  43. package/.next/server/pages/events/[name].js.nft.json +1 -1
  44. package/.next/server/pages/events.js +19 -37
  45. package/.next/server/pages/index.html +1 -1
  46. package/.next/server/pages/overview.js +9 -6
  47. package/.next/server/pages/services/Basket Service.html +2 -2
  48. package/.next/server/pages/services/Basket Service.json +1 -1
  49. package/.next/server/pages/services/Data Lake.html +2 -2
  50. package/.next/server/pages/services/Data Lake.json +1 -1
  51. package/.next/server/pages/services/Payment Service.html +2 -2
  52. package/.next/server/pages/services/Payment Service.json +1 -1
  53. package/.next/server/pages/services/Shipping Service.html +2 -2
  54. package/.next/server/pages/services/Shipping Service.json +1 -1
  55. package/.next/server/pages/services/[name].js +31 -39
  56. package/.next/server/pages/services/[name].js.nft.json +1 -1
  57. package/.next/server/pages/services.js +66 -60
  58. package/.next/server/pages/services.js.nft.json +1 -1
  59. package/.next/server/pages/users/[id].js +3 -3
  60. package/.next/server/pages/users/[id].js.nft.json +1 -1
  61. package/.next/static/DTt5tyVKdntQwbNsYqVj8/_buildManifest.js +1 -0
  62. package/.next/static/{yc3MsaLWgBvovlJpHpfqc → DTt5tyVKdntQwbNsYqVj8}/_middlewareManifest.js +0 -0
  63. package/.next/static/{yc3MsaLWgBvovlJpHpfqc → DTt5tyVKdntQwbNsYqVj8}/_ssgManifest.js +0 -0
  64. package/.next/static/chunks/336-8b7da71a40e0c439.js +1 -0
  65. package/.next/static/chunks/873-31046e43f178cc08.js +1 -0
  66. package/.next/static/chunks/954-4d4a09c3269dda3f.js +1 -0
  67. package/.next/static/chunks/pages/{_app-c9d3172cc09cf069.js → _app-1adc361d4508683f.js} +1 -1
  68. package/.next/static/chunks/pages/events/[name]/v/{[version]-dc146dc9bfa7362d.js → [version]-963d3e8377b51e86.js} +1 -1
  69. package/.next/static/chunks/pages/events/{[name]-fb77119f66a5793e.js → [name]-578828157369b5cd.js} +1 -1
  70. package/.next/static/chunks/pages/events-1eb91650cc339723.js +1 -0
  71. package/.next/static/chunks/pages/{overview-5ac749891cbe1922.js → overview-176af2f7c17b91c9.js} +1 -1
  72. package/.next/static/chunks/pages/services/[name]-78378d531eb27bc2.js +1 -0
  73. package/.next/static/chunks/pages/services-7557ffe917633232.js +1 -0
  74. package/.next/static/chunks/pages/users/[id]-c21144bb8aa7887b.js +1 -0
  75. package/.next/static/chunks/{webpack-afe52d4a9fcc5a75.js → webpack-895c2707d065aab1.js} +1 -1
  76. package/.next/static/css/fd7bcdba1dee3675.css +3 -0
  77. package/.next/trace +37 -37
  78. package/CHANGELOG.md +24 -0
  79. package/components/Grids/EventGrid.tsx +1 -1
  80. package/components/Grids/ServiceGrid.tsx +8 -1
  81. package/components/Mermaid/index.tsx +17 -4
  82. package/components/NotFound/index.tsx +17 -17
  83. package/components/Sidebars/ServiceSidebar.tsx +3 -3
  84. package/components/SyntaxHighlighter.tsx +1 -1
  85. package/lib/graphs.ts +7 -3
  86. package/package.json +1 -1
  87. package/pages/_app.tsx +2 -0
  88. package/pages/events/[name].tsx +6 -5
  89. package/pages/events.tsx +2 -15
  90. package/pages/overview.tsx +7 -4
  91. package/pages/services/[name].tsx +9 -5
  92. package/pages/services.tsx +27 -14
  93. package/.next/static/chunks/236-0acd5083c102a9cb.js +0 -1
  94. package/.next/static/chunks/336-5d9007a96aa8f2c7.js +0 -1
  95. package/.next/static/chunks/873-9d69271e4b2dd496.js +0 -1
  96. package/.next/static/chunks/pages/events-bcad8442f21d6b67.js +0 -1
  97. package/.next/static/chunks/pages/services/[name]-69692188d11304b7.js +0 -1
  98. package/.next/static/chunks/pages/services-bcc61898062e1bf4.js +0 -1
  99. package/.next/static/chunks/pages/users/[id]-2da54ccb6319b207.js +0 -1
  100. package/.next/static/css/b44e1178a88a93b4.css +0 -3
  101. package/.next/static/yc3MsaLWgBvovlJpHpfqc/_buildManifest.js +0 -1
@@ -4,8 +4,9 @@ exports.ids = [938];
4
4
  exports.modules = {
5
5
 
6
6
  /***/ 4938:
7
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
7
+ /***/ ((module, __webpack_exports__, __webpack_require__) => {
8
8
 
9
+ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__) => {
9
10
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
10
11
  /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
11
12
  /* harmony export */ });
@@ -16,13 +17,17 @@ exports.modules = {
16
17
  /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9097);
17
18
  /* harmony import */ var _heroicons_react_outline__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8768);
18
19
  /* harmony import */ var _heroicons_react_outline__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_heroicons_react_outline__WEBPACK_IMPORTED_MODULE_3__);
19
- /* harmony import */ var _utils_random_bg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6892);
20
+ /* harmony import */ var _components_Mermaid__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(788);
21
+ /* harmony import */ var _utils_random_bg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(6892);
22
+ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_Mermaid__WEBPACK_IMPORTED_MODULE_4__]);
23
+ _components_Mermaid__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? await __webpack_async_dependencies__ : __webpack_async_dependencies__)[0];
20
24
 
21
25
 
22
26
 
23
27
 
24
28
 
25
- function ServiceGrid({ services =[] }) {
29
+
30
+ function ServiceGrid({ services =[] , showMermaidDiagrams =false }) {
26
31
  return(/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("ul", {
27
32
  className: "mt-3 grid grid-cols-1 gap-5 md:grid-cols-2",
28
33
  children: services.map((service)=>{
@@ -36,7 +41,7 @@ function ServiceGrid({ services =[] }) {
36
41
  children: [
37
42
  /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
38
43
  style: {
39
- background: (0,_utils_random_bg__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(service.name)
44
+ background: (0,_utils_random_bg__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z)(service.name)
40
45
  },
41
46
  className: "w-4 rounded-l-md"
42
47
  }),
@@ -61,6 +66,14 @@ function ServiceGrid({ services =[] }) {
61
66
  })
62
67
  ]
63
68
  }),
69
+ showMermaidDiagrams && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
70
+ className: "h-full items-center flex",
71
+ children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Mermaid__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
72
+ source: "service",
73
+ data: service,
74
+ rootNodeColor: (0,_utils_random_bg__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z)(service.name)
75
+ })
76
+ }),
64
77
  /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
65
78
  className: "flex space-x-4 text-xs pt-2 relative bottom-0 left-0",
66
79
  children: [
@@ -102,6 +115,7 @@ function ServiceGrid({ services =[] }) {
102
115
  }
103
116
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ServiceGrid);
104
117
 
118
+ });
105
119
 
106
120
  /***/ })
107
121
 
@@ -419,6 +419,7 @@ function SyntaxHighlighter({ language , name ='' , ...props }) {
419
419
  language: language,
420
420
  ...props,
421
421
  wrapLines: true,
422
+ className: "max-h-96 overflow-auto",
422
423
  children: props.children.replace(regex, '\n')
423
424
  }),
424
425
  name && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
@@ -451,22 +452,19 @@ __webpack_require__.r(__webpack_exports__);
451
452
  /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_head__WEBPACK_IMPORTED_MODULE_1__);
452
453
  /* harmony import */ var next_mdx_remote__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(276);
453
454
  /* harmony import */ var next_mdx_remote__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_mdx_remote__WEBPACK_IMPORTED_MODULE_2__);
454
- /* harmony import */ var _eventcatalog_config__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8663);
455
- /* harmony import */ var _eventcatalog_config__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_eventcatalog_config__WEBPACK_IMPORTED_MODULE_3__);
456
- /* harmony import */ var _components_Mdx_Admonition__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1790);
457
- /* harmony import */ var _components_Mdx_Examples__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3067);
458
- /* harmony import */ var _utils_random_bg__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(6892);
459
- /* harmony import */ var _components_ContentView__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2455);
460
- /* harmony import */ var _components_Mermaid__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(788);
461
- /* harmony import */ var _components_Sidebars_EventSidebar__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(9610);
462
- /* harmony import */ var _components_NotFound__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(4488);
463
- /* harmony import */ var _components_BreadCrumbs__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(2428);
464
- /* harmony import */ var _components_SyntaxHighlighter__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(3695);
465
- /* harmony import */ var _lib_events__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(9959);
466
- /* harmony import */ var _hooks_EventCatalog__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(5008);
467
- var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_lib_events__WEBPACK_IMPORTED_MODULE_12__, _components_Mermaid__WEBPACK_IMPORTED_MODULE_7__, _components_Mdx_Examples__WEBPACK_IMPORTED_MODULE_5__, _components_SyntaxHighlighter__WEBPACK_IMPORTED_MODULE_11__]);
468
- ([_lib_events__WEBPACK_IMPORTED_MODULE_12__, _components_Mermaid__WEBPACK_IMPORTED_MODULE_7__, _components_Mdx_Examples__WEBPACK_IMPORTED_MODULE_5__, _components_SyntaxHighlighter__WEBPACK_IMPORTED_MODULE_11__] = __webpack_async_dependencies__.then ? await __webpack_async_dependencies__ : __webpack_async_dependencies__);
469
-
455
+ /* harmony import */ var _components_Mdx_Admonition__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1790);
456
+ /* harmony import */ var _components_Mdx_Examples__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(3067);
457
+ /* harmony import */ var _utils_random_bg__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(6892);
458
+ /* harmony import */ var _components_ContentView__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(2455);
459
+ /* harmony import */ var _components_Mermaid__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(788);
460
+ /* harmony import */ var _components_Sidebars_EventSidebar__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(9610);
461
+ /* harmony import */ var _components_NotFound__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(4488);
462
+ /* harmony import */ var _components_BreadCrumbs__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(2428);
463
+ /* harmony import */ var _components_SyntaxHighlighter__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(3695);
464
+ /* harmony import */ var _lib_events__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(9959);
465
+ /* harmony import */ var _hooks_EventCatalog__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(5008);
466
+ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_lib_events__WEBPACK_IMPORTED_MODULE_11__, _components_Mermaid__WEBPACK_IMPORTED_MODULE_6__, _components_Mdx_Examples__WEBPACK_IMPORTED_MODULE_4__, _components_SyntaxHighlighter__WEBPACK_IMPORTED_MODULE_10__]);
467
+ ([_lib_events__WEBPACK_IMPORTED_MODULE_11__, _components_Mermaid__WEBPACK_IMPORTED_MODULE_6__, _components_Mdx_Examples__WEBPACK_IMPORTED_MODULE_4__, _components_SyntaxHighlighter__WEBPACK_IMPORTED_MODULE_10__] = __webpack_async_dependencies__.then ? await __webpack_async_dependencies__ : __webpack_async_dependencies__);
470
468
 
471
469
 
472
470
 
@@ -484,7 +482,7 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_lib
484
482
  const getComponents = ({ event , schema , examples })=>({
485
483
  code: ({ className , ...props })=>{
486
484
  const match = /language-(\w+)/.exec(className || '');
487
- return match ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_SyntaxHighlighter__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
485
+ return match ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_SyntaxHighlighter__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
488
486
  language: match[1],
489
487
  ...props
490
488
  }) : /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("code", {
@@ -502,7 +500,7 @@ const getComponents = ({ event , schema , examples })=>({
502
500
  className: "text-lg font-medium text-gray-900 underline",
503
501
  children: title
504
502
  }),
505
- /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_SyntaxHighlighter__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
503
+ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_SyntaxHighlighter__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
506
504
  language: schema.language,
507
505
  showLineNumbers: false,
508
506
  name: `${event.name} Schema (${schema.language})`,
@@ -511,10 +509,10 @@ const getComponents = ({ event , schema , examples })=>({
511
509
  ]
512
510
  }));
513
511
  },
514
- Admonition: _components_Mdx_Admonition__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z,
512
+ Admonition: _components_Mdx_Admonition__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z,
515
513
  EventExamples: (props)=>{
516
514
  if (examples.length > 0) {
517
- return(/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Mdx_Examples__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
515
+ return(/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Mdx_Examples__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
518
516
  ...props,
519
517
  examples: examples,
520
518
  showLineNumbers: true
@@ -523,17 +521,18 @@ const getComponents = ({ event , schema , examples })=>({
523
521
  console.log('You are using the <EventExamples /> component without any examples, please read https://eventcatalog.dev/docs/events/adding-examples for more information');
524
522
  return null;
525
523
  },
526
- Mermaid: ({ title })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
524
+ Mermaid: ({ title , charts })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
527
525
  className: "mx-auto w-full py-10",
528
526
  children: [
529
527
  title && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
530
528
  className: "text-lg font-medium text-gray-900 underline",
531
529
  children: title
532
530
  }),
533
- /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Mermaid__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
531
+ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Mermaid__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
534
532
  source: "event",
535
533
  data: event,
536
- rootNodeColor: (0,_utils_random_bg__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .Z)(event.name)
534
+ rootNodeColor: (0,_utils_random_bg__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z)(event.name),
535
+ charts: charts
537
536
  })
538
537
  ]
539
538
  })
@@ -541,13 +540,13 @@ const getComponents = ({ event , schema , examples })=>({
541
540
  ;
542
541
  function Events(props) {
543
542
  const { event , markdown , loadedVersion , notFound } = props;
544
- const { getEditUrl , hasEditUrl } = (0,_hooks_EventCatalog__WEBPACK_IMPORTED_MODULE_13__/* .useUrl */ .wG)();
545
- if (notFound) return(/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_NotFound__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
543
+ const { getEditUrl , hasEditUrl } = (0,_hooks_EventCatalog__WEBPACK_IMPORTED_MODULE_12__/* .useUrl */ .wG)();
544
+ const { name , summary , draft , schema , examples , version } = event;
545
+ if (notFound) return(/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_NotFound__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
546
546
  type: "event",
547
547
  name: event.name,
548
- editUrl: _eventcatalog_config__WEBPACK_IMPORTED_MODULE_3__.editUrl
548
+ editUrl: hasEditUrl ? getEditUrl(`/events/${name}/index.md`) : ''
549
549
  }));
550
- const { name , summary , draft , schema , examples , version } = event;
551
550
  const { lastModifiedDate } = markdown;
552
551
  const pages = [
553
552
  {
@@ -577,7 +576,7 @@ function Events(props) {
577
576
  ]
578
577
  })
579
578
  }),
580
- /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_ContentView__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
579
+ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_ContentView__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
581
580
  title: name,
582
581
  editUrl: hasEditUrl ? getEditUrl(`/events/${name}/index.md`) : '',
583
582
  subtitle: summary,
@@ -588,13 +587,13 @@ function Events(props) {
588
587
  label: `v${version}`
589
588
  }
590
589
  ],
591
- breadCrumbs: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_BreadCrumbs__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
590
+ breadCrumbs: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_BreadCrumbs__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
592
591
  pages: pages
593
592
  }),
594
593
  isOldVersion: loadedVersion !== 'latest',
595
594
  latestVersionUrl: `/events/${name}`,
596
595
  version: loadedVersion,
597
- sidebar: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Sidebars_EventSidebar__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
596
+ sidebar: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Sidebars_EventSidebar__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
598
597
  event: event,
599
598
  loadedVersion: loadedVersion
600
599
  }),
@@ -608,7 +607,7 @@ function Events(props) {
608
607
  };
609
608
  async function getStaticProps({ params }) {
610
609
  try {
611
- const { event , markdown } = await (0,_lib_events__WEBPACK_IMPORTED_MODULE_12__/* .getEventByName */ .Zh)(params.name);
610
+ const { event , markdown } = await (0,_lib_events__WEBPACK_IMPORTED_MODULE_11__/* .getEventByName */ .Zh)(params.name);
612
611
  return {
613
612
  props: {
614
613
  event,
@@ -628,7 +627,7 @@ async function getStaticProps({ params }) {
628
627
  }
629
628
  }
630
629
  async function getStaticPaths() {
631
- const events = (0,_lib_events__WEBPACK_IMPORTED_MODULE_12__/* .getAllEvents */ .IP)();
630
+ const events = (0,_lib_events__WEBPACK_IMPORTED_MODULE_11__/* .getAllEvents */ .IP)();
632
631
  const paths = events.map((event)=>({
633
632
  params: {
634
633
  name: event.name
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><meta name="description" content="An open source project to Discover, Explore and Document your Event Driven Architectures."/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:description" content="An open source tool powered by markdown to document your Event Driven Architecture."/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><title>404: This page could not be found</title><meta name="next-head-count" content="17"/><link rel="preload" href="/_next/static/css/b44e1178a88a93b4.css" as="style"/><link rel="stylesheet" href="/_next/static/css/b44e1178a88a93b4.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-afe52d4a9fcc5a75.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-c9d3172cc09cf069.js" defer=""></script><script src="/_next/static/chunks/pages/_error-5a714c45c50a8db4.js" defer=""></script><script src="/_next/static/yc3MsaLWgBvovlJpHpfqc/_buildManifest.js" defer=""></script><script src="/_next/static/yc3MsaLWgBvovlJpHpfqc/_ssgManifest.js" defer=""></script><script src="/_next/static/yc3MsaLWgBvovlJpHpfqc/_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 style="color:#000;background:#fff;font-family:-apple-system, BlinkMacSystemFont, Roboto, &quot;Segoe UI&quot;, &quot;Fira Sans&quot;, Avenir, &quot;Helvetica Neue&quot;, &quot;Lucida Grande&quot;, sans-serif;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body { margin: 0 }</style><h1 style="display:inline-block;border-right:1px solid rgba(0, 0, 0,.3);margin:0;margin-right:20px;padding:10px 23px 10px 0;font-size:24px;font-weight:500;vertical-align:top">404</h1><div style="display:inline-block;text-align:left;line-height:49px;height:49px;vertical-align:middle"><h2 style="font-size:14px;font-weight:normal;line-height:inherit;margin:0;padding:0">This page could not be found<!-- -->.</h2></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":{"statusCode":404}},"page":"/_error","query":{},"buildId":"yc3MsaLWgBvovlJpHpfqc","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/><meta name="description" content="An open source project to Discover, Explore and Document your Event Driven Architectures."/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:description" content="An open source tool powered by markdown to document your Event Driven Architecture."/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><title>404: This page could not be found</title><meta name="next-head-count" content="18"/><link rel="preload" href="/_next/static/css/fd7bcdba1dee3675.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fd7bcdba1dee3675.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-895c2707d065aab1.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-1adc361d4508683f.js" defer=""></script><script src="/_next/static/chunks/pages/_error-5a714c45c50a8db4.js" defer=""></script><script src="/_next/static/DTt5tyVKdntQwbNsYqVj8/_buildManifest.js" defer=""></script><script src="/_next/static/DTt5tyVKdntQwbNsYqVj8/_ssgManifest.js" defer=""></script><script src="/_next/static/DTt5tyVKdntQwbNsYqVj8/_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 style="color:#000;background:#fff;font-family:-apple-system, BlinkMacSystemFont, Roboto, &quot;Segoe UI&quot;, &quot;Fira Sans&quot;, Avenir, &quot;Helvetica Neue&quot;, &quot;Lucida Grande&quot;, sans-serif;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body { margin: 0 }</style><h1 style="display:inline-block;border-right:1px solid rgba(0, 0, 0,.3);margin:0;margin-right:20px;padding:10px 23px 10px 0;font-size:24px;font-weight:500;vertical-align:top">404</h1><div style="display:inline-block;text-align:left;line-height:49px;height:49px;vertical-align:middle"><h2 style="font-size:14px;font-weight:normal;line-height:inherit;margin:0;padding:0">This page could not be found<!-- -->.</h2></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":{"statusCode":404}},"page":"/_error","query":{},"buildId":"DTt5tyVKdntQwbNsYqVj8","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><meta name="description" content="An open source project to Discover, Explore and Document your Event Driven Architectures."/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:description" content="An open source tool powered by markdown to document your Event Driven Architecture."/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><title>500: Internal Server Error</title><meta name="next-head-count" content="17"/><link rel="preload" href="/_next/static/css/b44e1178a88a93b4.css" as="style"/><link rel="stylesheet" href="/_next/static/css/b44e1178a88a93b4.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-afe52d4a9fcc5a75.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-c9d3172cc09cf069.js" defer=""></script><script src="/_next/static/chunks/pages/_error-5a714c45c50a8db4.js" defer=""></script><script src="/_next/static/yc3MsaLWgBvovlJpHpfqc/_buildManifest.js" defer=""></script><script src="/_next/static/yc3MsaLWgBvovlJpHpfqc/_ssgManifest.js" defer=""></script><script src="/_next/static/yc3MsaLWgBvovlJpHpfqc/_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 style="color:#000;background:#fff;font-family:-apple-system, BlinkMacSystemFont, Roboto, &quot;Segoe UI&quot;, &quot;Fira Sans&quot;, Avenir, &quot;Helvetica Neue&quot;, &quot;Lucida Grande&quot;, sans-serif;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body { margin: 0 }</style><h1 style="display:inline-block;border-right:1px solid rgba(0, 0, 0,.3);margin:0;margin-right:20px;padding:10px 23px 10px 0;font-size:24px;font-weight:500;vertical-align:top">500</h1><div style="display:inline-block;text-align:left;line-height:49px;height:49px;vertical-align:middle"><h2 style="font-size:14px;font-weight:normal;line-height:inherit;margin:0;padding:0">Internal Server Error<!-- -->.</h2></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":{"statusCode":500}},"page":"/_error","query":{},"buildId":"yc3MsaLWgBvovlJpHpfqc","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/><meta name="description" content="An open source project to Discover, Explore and Document your Event Driven Architectures."/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:description" content="An open source tool powered by markdown to document your Event Driven Architecture."/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><title>500: Internal Server Error</title><meta name="next-head-count" content="18"/><link rel="preload" href="/_next/static/css/fd7bcdba1dee3675.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fd7bcdba1dee3675.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-895c2707d065aab1.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-1adc361d4508683f.js" defer=""></script><script src="/_next/static/chunks/pages/_error-5a714c45c50a8db4.js" defer=""></script><script src="/_next/static/DTt5tyVKdntQwbNsYqVj8/_buildManifest.js" defer=""></script><script src="/_next/static/DTt5tyVKdntQwbNsYqVj8/_ssgManifest.js" defer=""></script><script src="/_next/static/DTt5tyVKdntQwbNsYqVj8/_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 style="color:#000;background:#fff;font-family:-apple-system, BlinkMacSystemFont, Roboto, &quot;Segoe UI&quot;, &quot;Fira Sans&quot;, Avenir, &quot;Helvetica Neue&quot;, &quot;Lucida Grande&quot;, sans-serif;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body { margin: 0 }</style><h1 style="display:inline-block;border-right:1px solid rgba(0, 0, 0,.3);margin:0;margin-right:20px;padding:10px 23px 10px 0;font-size:24px;font-weight:500;vertical-align:top">500</h1><div style="display:inline-block;text-align:left;line-height:49px;height:49px;vertical-align:middle"><h2 style="font-size:14px;font-weight:normal;line-height:inherit;margin:0;padding:0">Internal Server Error<!-- -->.</h2></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":{"statusCode":500}},"page":"/_error","query":{},"buildId":"DTt5tyVKdntQwbNsYqVj8","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
@@ -175,6 +175,10 @@ function Footer() {
175
175
  /*#__PURE__*/ jsx_runtime_.jsx("script", {
176
176
  src: "//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"
177
177
  }),
178
+ /*#__PURE__*/ jsx_runtime_.jsx("link", {
179
+ rel: "stylesheet",
180
+ href: "https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"
181
+ }),
178
182
  /*#__PURE__*/ jsx_runtime_.jsx("meta", {
179
183
  name: "description",
180
184
  content: "An open source project to Discover, Explore and Document your Event Driven Architectures."
@@ -1,5 +1,5 @@
1
- <!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><meta name="description" content="An open source project to Discover, Explore and Document your Event Driven Architectures."/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:description" content="An open source tool powered by markdown to document your Event Driven Architecture."/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><title>AddedItemToCart v0.0.3</title><meta name="next-head-count" content="17"/><link rel="preload" href="/_next/static/css/b44e1178a88a93b4.css" as="style"/><link rel="stylesheet" href="/_next/static/css/b44e1178a88a93b4.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-afe52d4a9fcc5a75.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-c9d3172cc09cf069.js" defer=""></script><script src="/_next/static/chunks/176cb4e4-8a0f6f010ef8accb.js" defer=""></script><script src="/_next/static/chunks/519-7f22292093abd7c3.js" defer=""></script><script src="/_next/static/chunks/962-d5070461f6d4a478.js" defer=""></script><script src="/_next/static/chunks/236-0acd5083c102a9cb.js" defer=""></script><script src="/_next/static/chunks/336-5d9007a96aa8f2c7.js" defer=""></script><script src="/_next/static/chunks/873-9d69271e4b2dd496.js" defer=""></script><script src="/_next/static/chunks/pages/events/%5Bname%5D-fb77119f66a5793e.js" defer=""></script><script src="/_next/static/yc3MsaLWgBvovlJpHpfqc/_buildManifest.js" defer=""></script><script src="/_next/static/yc3MsaLWgBvovlJpHpfqc/_ssgManifest.js" defer=""></script><script src="/_next/static/yc3MsaLWgBvovlJpHpfqc/_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="bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium" aria-current="page" 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"><div class=" flex flex-col w-0 flex-1 "><main class="flex-1 "><div class="py-8 xl:py-10"><div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 xl:max-w-7xl xl:grid xl:grid-cols-4"><div class="xl:col-span-3 xl:pr-8 xl:border-r xl:border-gray-200 flex-col justify-between flex"><div><div class="mb-5 border-b border-gray-100 pb-4"><nav class="flex" aria-label="Breadcrumb"><ol class="flex items-center space-x-4"><li><a class="text-gray-400 hover:text-gray-500" href="/events"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="flex-shrink-0 h-5 w-5"><path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"></path></svg><span class="sr-only">Home</span></a></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" href="/events">Events</a></div></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" aria-current="page" href="/services/AddedItemToCart">AddedItemToCart</a></div></li></ol></nav></div><div><div><div class="xl:border-b pb-4 flex justify-between "><div class="space-y-2 w-full"><h1 class="text-3xl font-bold text-gray-900 relative">AddedItemToCart<div class="-top-1 relative inline-block ml-2"><span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium -top-0.5 relative bg-yellow-100 text-yellow-800">v0.0.3</span></div></h1><div class="text-gray-600 mb-10 text py-2">Holds information about what the user added to their shopping cart.
2
- </div></div><div class="mt-4 flex space-x-3 md:mt-0"><a href="https:/github.com/boyney123/eventcatalog-demo/edit/master/events/AddedItemToCart/index.md" target="_blank" type="button" class="hidden md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900" rel="noreferrer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="-ml-1 mr-2 h-5 w-5 text-gray-400"><path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path></svg><span>Edit</span></a></div></div><div class="py-3 xl:pt-6 xl:pb-0"><div class="prose max-w-none"><div class="bg-indigo-50 border-l-4 border-indigo-400 my-4 "><div class="flex"><div class="ml-3 py-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="inline-block mr-2 h-5 w-5 text-indigo-400"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path></svg>When firing this event make sure you set the `correlation-id` in the headers. Our schemas have standard metadata make sure you read and follow it.</div></div></div><h3>Details</h3><p>This event can be triggered multiple times per customer. Everytime the customer adds an item to their shopping cart this event will be triggered.</p><p>We have a frontend application that allows users to buy things from our store. This front end interacts directly with the <code>Basket Service</code> to add items to the cart. The <code>Basket Service</code> will raise the events.</p><h3>Consumer / Producer Diagram</h3><div class="mx-auto w-full py-10"><div class="mermaid">flowchart LR
1
+ <!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/><meta name="description" content="An open source project to Discover, Explore and Document your Event Driven Architectures."/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:description" content="An open source tool powered by markdown to document your Event Driven Architecture."/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures."/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><title>AddedItemToCart v0.0.3</title><meta name="next-head-count" content="18"/><link rel="preload" href="/_next/static/css/fd7bcdba1dee3675.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fd7bcdba1dee3675.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-895c2707d065aab1.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-1adc361d4508683f.js" defer=""></script><script src="/_next/static/chunks/176cb4e4-8a0f6f010ef8accb.js" defer=""></script><script src="/_next/static/chunks/519-7f22292093abd7c3.js" defer=""></script><script src="/_next/static/chunks/962-d5070461f6d4a478.js" defer=""></script><script src="/_next/static/chunks/954-4d4a09c3269dda3f.js" defer=""></script><script src="/_next/static/chunks/336-8b7da71a40e0c439.js" defer=""></script><script src="/_next/static/chunks/873-31046e43f178cc08.js" defer=""></script><script src="/_next/static/chunks/pages/events/%5Bname%5D-578828157369b5cd.js" defer=""></script><script src="/_next/static/DTt5tyVKdntQwbNsYqVj8/_buildManifest.js" defer=""></script><script src="/_next/static/DTt5tyVKdntQwbNsYqVj8/_ssgManifest.js" defer=""></script><script src="/_next/static/DTt5tyVKdntQwbNsYqVj8/_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="bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium" aria-current="page" 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"><div class=" flex flex-col w-0 flex-1 "><main class="flex-1 "><div class="py-8 xl:py-10"><div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 xl:max-w-7xl xl:grid xl:grid-cols-4"><div class="xl:col-span-3 xl:pr-8 xl:border-r xl:border-gray-200 flex-col justify-between flex"><div><div class="mb-5 border-b border-gray-100 pb-4"><nav class="flex" aria-label="Breadcrumb"><ol class="flex items-center space-x-4"><li><a class="text-gray-400 hover:text-gray-500" href="/events"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="flex-shrink-0 h-5 w-5"><path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"></path></svg><span class="sr-only">Home</span></a></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" href="/events">Events</a></div></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" aria-current="page" href="/services/AddedItemToCart">AddedItemToCart</a></div></li></ol></nav></div><div><div><div class="xl:border-b pb-4 flex justify-between "><div class="space-y-2 w-full"><h1 class="text-3xl font-bold text-gray-900 relative">AddedItemToCart<div class="-top-1 relative inline-block ml-2"><span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium -top-0.5 relative bg-yellow-100 text-yellow-800">v0.0.3</span></div></h1><div class="text-gray-600 mb-10 text py-2">Holds information about what the user added to their shopping cart.
2
+ </div></div><div class="mt-4 flex space-x-3 md:mt-0"><a href="https:/github.com/boyney123/eventcatalog-demo/edit/master/events/AddedItemToCart/index.md" target="_blank" type="button" class="hidden md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900" rel="noreferrer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="-ml-1 mr-2 h-5 w-5 text-gray-400"><path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path></svg><span>Edit</span></a></div></div><div class="py-3 xl:pt-6 xl:pb-0"><div class="prose max-w-none"><div class="bg-indigo-50 border-l-4 border-indigo-400 my-4 "><div class="flex"><div class="ml-3 py-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="inline-block mr-2 h-5 w-5 text-indigo-400"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path></svg>When firing this event make sure you set the `correlation-id` in the headers. Our schemas have standard metadata make sure you read and follow it.</div></div></div><h3>Details</h3><p>This event can be triggered multiple times per customer. Everytime the customer adds an item to their shopping cart this event will be triggered.</p><p>We have a frontend application that allows users to buy things from our store. This front end interacts directly with the <code>Basket Service</code> to add items to the cart. The <code>Basket Service</code> will raise the events.</p><div class="mx-auto w-full py-10"><h2 class="text-lg font-medium text-gray-900 underline">Consumer / Producer Diagram</h2><div class="mermaid">flowchart LR
3
3
  Basket_Service:::producer--&gt;AddedItemToCart:::event
4
4
 
5
5
  classDef event stroke:#2e0a58,stroke-width: 4px;
@@ -7,7 +7,7 @@ classDef producer stroke:#75d7b6,stroke-width: 2px;
7
7
  classDef consumer stroke:#818cf8,stroke-width: 2px;
8
8
  AddedItemToCart:::event--&gt;Data_Lake:::consumer
9
9
 
10
- </div></div><div class="my-5 examples"><div class=""><h2 class="text-lg font-medium text-gray-700 underline">How to trigger event</h2><div><nav class="-mb-px flex" aria-label="Tabs"><button type="button" class="border-green-500 text-green-600 selected whitespace-nowrap py-4 border-b-2 font-medium text-sm important:no-underline px-8 hover:bg-gray-50 transition" aria-current="page">example.js<span class="block text-xs mt-">(<!-- -->javascript<!-- -->)</span></button></nav><div class="my-4"><div class="relative group"><button type="button" class="absolute top-2 right-5 text-sm bg-gray-700 text-white rounded-md py-1 px-4 transform transition opacity-0 group-hover:opacity-100">Copy</button><pre style="color:#f8f8f2;background:#282a36;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, &#x27;Andale Mono&#x27;, &#x27;Ubuntu Mono&#x27;, monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;padding:1em;margin:.5em 0;overflow:auto;border-radius:0.3em"><code class="language-javascript" style="color:#f8f8f2;background:none;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, &#x27;Andale Mono&#x27;, &#x27;Ubuntu Mono&#x27;, monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none"><span><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;color:#6272a4">1</span><span class="token" style="color:#8be9fd">var</span><span> kafka </span><span class="token" style="color:#f8f8f2">=</span><span> </span><span class="token" style="color:#f1fa8c">require</span><span class="token" style="color:#f8f8f2">(</span><span class="token" style="color:#50fa7b">&#x27;kafka-node&#x27;</span><span class="token" style="color:#f8f8f2">)</span><span class="token" style="color:#f8f8f2">,</span><span>
10
+ </div></div><div class="my-5 examples"><div class=""><h2 class="text-lg font-medium text-gray-700 underline">How to trigger event</h2><div><nav class="-mb-px flex" aria-label="Tabs"><button type="button" class="border-green-500 text-green-600 selected whitespace-nowrap py-4 border-b-2 font-medium text-sm important:no-underline px-8 hover:bg-gray-50 transition" aria-current="page">example.js<span class="block text-xs mt-">(<!-- -->javascript<!-- -->)</span></button></nav><div class="my-4"><div class="relative group"><button type="button" class="absolute top-2 right-5 text-sm bg-gray-700 text-white rounded-md py-1 px-4 transform transition opacity-0 group-hover:opacity-100">Copy</button><pre class="max-h-96 overflow-auto" style="color:#f8f8f2;background:#282a36;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, &#x27;Andale Mono&#x27;, &#x27;Ubuntu Mono&#x27;, monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;padding:1em;margin:.5em 0;overflow:auto;border-radius:0.3em"><code class="language-javascript" style="color:#f8f8f2;background:none;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, &#x27;Andale Mono&#x27;, &#x27;Ubuntu Mono&#x27;, monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none"><span><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;color:#6272a4">1</span><span class="token" style="color:#8be9fd">var</span><span> kafka </span><span class="token" style="color:#f8f8f2">=</span><span> </span><span class="token" style="color:#f1fa8c">require</span><span class="token" style="color:#f8f8f2">(</span><span class="token" style="color:#50fa7b">&#x27;kafka-node&#x27;</span><span class="token" style="color:#f8f8f2">)</span><span class="token" style="color:#f8f8f2">,</span><span>
11
11
  </span></span><span><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;color:#6272a4">2</span><span> </span><span class="token maybe-class-name">Consumer</span><span> </span><span class="token" style="color:#f8f8f2">=</span><span> kafka</span><span class="token" style="color:#f8f8f2">.</span><span class="token property-access maybe-class-name">Consumer</span><span class="token" style="color:#f8f8f2">,</span><span>
12
12
  </span></span><span><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;color:#6272a4">3</span><span> client </span><span class="token" style="color:#f8f8f2">=</span><span> </span><span class="token" style="color:#8be9fd">new</span><span> </span><span class="token" style="color:#f1fa8c">kafka</span><span class="token" style="color:#f8f8f2">.</span><span class="token" style="color:#f1fa8c">KafkaClient</span><span class="token" style="color:#f8f8f2">(</span><span class="token" style="color:#f8f8f2">)</span><span class="token" style="color:#f8f8f2">,</span><span>
13
13
  </span></span><span><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;color:#6272a4">4</span><span> consumer </span><span class="token" style="color:#f8f8f2">=</span><span> </span><span class="token" style="color:#8be9fd">new</span><span> </span><span class="token" style="color:#f1fa8c">Consumer</span><span class="token" style="color:#f8f8f2">(</span><span>
@@ -25,7 +25,7 @@ AddedItemToCart:::event--&gt;Data_Lake:::consumer
25
25
  </span></span><span><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;color:#6272a4">16</span><span> </span><span class="token console" style="color:#f1fa8c">console</span><span class="token" style="color:#f8f8f2">.</span><span class="token method property-access" style="color:#f1fa8c">log</span><span class="token" style="color:#f8f8f2">(</span><span>message</span><span class="token" style="color:#f8f8f2">)</span><span class="token" style="color:#f8f8f2">;</span><span>
26
26
  </span></span><span><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;color:#6272a4">17</span><span></span><span class="token" style="color:#f8f8f2">}</span><span class="token" style="color:#f8f8f2">)</span><span class="token" style="color:#f8f8f2">;</span><span>
27
27
  </span></span><span><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;color:#6272a4">18</span>
28
- </span></code></pre></div><span class="-mb-2 block text-xs text-right font-bold">example.js</span></div></div></div></div><section class="mt-8 xl:mt-10"><h2 id="activity-title" class="text-lg font-medium text-gray-900 underline">Event Schema</h2><div class="relative group"><button type="button" class="absolute top-2 right-5 text-sm bg-gray-700 text-white rounded-md py-1 px-4 transform transition opacity-0 group-hover:opacity-100">Copy</button><pre style="color:#f8f8f2;background:#282a36;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, &#x27;Andale Mono&#x27;, &#x27;Ubuntu Mono&#x27;, monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;padding:1em;margin:.5em 0;overflow:auto;border-radius:0.3em"><code class="language-json" style="color:#f8f8f2;background:none;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, &#x27;Andale Mono&#x27;, &#x27;Ubuntu Mono&#x27;, monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none"><span><span class="token" style="color:#f8f8f2">{</span><span>
28
+ </span></code></pre></div><span class="-mb-2 block text-xs text-right font-bold">example.js</span></div></div></div></div><section class="mt-8 xl:mt-10"><h2 id="activity-title" class="text-lg font-medium text-gray-900 underline">Event Schema</h2><div class="relative group"><button type="button" class="absolute top-2 right-5 text-sm bg-gray-700 text-white rounded-md py-1 px-4 transform transition opacity-0 group-hover:opacity-100">Copy</button><pre class="max-h-96 overflow-auto" style="color:#f8f8f2;background:#282a36;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, &#x27;Andale Mono&#x27;, &#x27;Ubuntu Mono&#x27;, monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;padding:1em;margin:.5em 0;overflow:auto;border-radius:0.3em"><code class="language-json" style="color:#f8f8f2;background:none;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, &#x27;Andale Mono&#x27;, &#x27;Ubuntu Mono&#x27;, monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none"><span><span class="token" style="color:#f8f8f2">{</span><span>
29
29
  </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;$id&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;https://example.com/AddedItemToCart.json&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
30
30
  </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;$schema&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;https://json-schema.org/draft/2020-12/schema&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
31
31
  </span></span><span><span> </span><span class="token" style="color:#ff79c6">&quot;title&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;AddedItemToCart&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
@@ -70,4 +70,4 @@ AddedItemToCart:::event--&gt;Data_Lake:::consumer
70
70
  </span></span><span><span> </span><span class="token" style="color:#f8f8f2">}</span><span>
71
71
  </span></span><span><span> </span><span class="token" style="color:#f8f8f2">}</span><span>
72
72
  </span></span><span><span> </span><span class="token" style="color:#f8f8f2">}</span><span>
73
- </span></span><span><span></span><span class="token" style="color:#f8f8f2">}</span></span></code></pre><span class="-mb-2 block text-xs text-right font-bold">AddedItemToCart Schema (json)</span></div></section></div></div></div></div></div><div class="flex mt-10 justify-between"><a href="https:/github.com/boyney123/eventcatalog-demo/edit/master/events/AddedItemToCart/index.md" target="_blank" class="flex text-gray-400" rel="noreferrer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="top-1 mr-2 relative h-4 w-4 text-gray-400"><path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path></svg><span>Edit this page</span></a><span class="italic text-xs mt-2">Last updated on <!-- -->2022/1/19</span></div></div><div class="md:min-h-screen"><aside class="hidden xl:block xl:pl-8"><h2 class="sr-only">Details</h2><div class="pt-6 py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-5 w-5 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</h2><ul class="mt-2 leading-8"><li class="inline mr-1"><a class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5" href="/services/Basket%20Service"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-green-500 animate animate-pulse" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900">Basket Service</div></a></li></ul></div></div><div class="border-t border-gray-200 py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-5 w-5 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>Consumers</h2><ul class="mt-2 leading-8"><li class="inline"><a href="#" class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-indigo-500 animate animate-pulse" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900">Data Lake</div></a></li></ul></div></div><div class="border-t border-gray-200 py-6"><div><h2 class="text-sm font-medium text-gray-500">Event Versions</h2><ul class="mt-2 leading-8 text-left text-blue-500"><li class="text-sm inline "><a href="/events/AddedItemToCart"><span class="inline-flex mr-2 items-center px-2.5 py-0.5 rounded-full text-xs font-medium -top-0.5 relative bg-blue-400 text-white shadow-md font-bold underline">Latest</span></a></li><li class="text-sm inline"><a href="/events/AddedItemToCart/v/0.0.2"><span class="inline-flex mr-2 items-center px-2.5 py-0.5 rounded-full text-xs font-medium -top-0.5 relative bg-blue-100 text-blue-800">v<!-- -->0.0.2</span></a></li><li class="text-sm inline"><a href="/events/AddedItemToCart/v/0.0.1"><span class="inline-flex mr-2 items-center px-2.5 py-0.5 rounded-full text-xs font-medium -top-0.5 relative bg-blue-100 text-blue-800">v<!-- -->0.0.1</span></a></li></ul></div></div><div class="border-t border-gray-200 py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500">Event Owners</h2><ul class="mt-4 leading-8 space-y-2"><li class="flex justify-start"><a class="flex items-center space-x-3" href="/users/dboyne"><div class="flex-shrink-0"><img class="h-5 w-5 rounded-full" src="https://pbs.twimg.com/profile_images/1262283153563140096/DYRDqKg6_400x400.png" alt=""/></div><div class="text-sm font-medium text-gray-900">David Boyne</div></a></li><li class="flex justify-start"><a class="flex items-center space-x-3" href="/users/mSmith"><div class="flex-shrink-0"><img class="h-5 w-5 rounded-full" src="https://randomuser.me/api/portraits/lego/3.jpg" alt=""/></div><div class="text-sm font-medium text-gray-900">Matthew Smith</div></a></li></ul></div></div><div class="border-t border-gray-200 py-6 space-y-1"><button type="button" class="hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-200 bg-gray-800 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="-ml-1 mr-2 h-5 w-5 text-gray-200"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path></svg><span>Download Schema</span></button><a class="hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-800 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-200" href="/events/AddedItemToCart/logs"><span>View Changes</span></a><a href="https://studio.asyncapi.com/#schema-lightMeasuredPayload" target="_blank" type="button" class="hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-teal-300 shadow-sm text-sm font-medium rounded-md text-teal-800 hover:bg-teal-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-teal-200" rel="noreferrer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="-ml-1 mr-2 h-5 w-5 text-teal-200"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg><span>AsyncAPI Specification</span></a></div></aside></div></div></div></main></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-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":{"event":{"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"],"schema":{"snippet":"{\n \"$id\": \"https://example.com/AddedItemToCart.json\",\n \"$schema\": \"https://json-schema.org/draft/2020-12/schema\",\n \"title\": \"AddedItemToCart\",\n \"type\": \"object\",\n \"properties\": {\n \"metadata\": {\n \"type\": \"object\",\n \"properties\": {\n \"correlationId\": {\n \"type\": \"string\",\n \"description\": \"The ID of the user\"\n },\n \"domain\": {\n \"type\": \"string\",\n \"description\": \"The domain of the event\"\n },\n \"service\": {\n \"type\": \"string\",\n \"description\": \"The name of the service that triggered the event\"\n }\n },\n \"required\": [\"correlationId\", \"domain\"]\n },\n \"data\": {\n \"type\": \"object\",\n \"properties\": {\n \"userId\": {\n \"type\": \"string\",\n \"description\": \"The ID of the user\"\n },\n \"itemId\": {\n \"type\": \"string\",\n \"description\": \"The ID of the shopping item\"\n },\n \"quantity\": {\n \"type\": \"number\",\n \"description\": \"How many items the user wants to add to their shopping cart\",\n \"minimum\": 1,\n \"maximum\": 1000,\n \"default\": 1\n }\n }\n }\n }\n}","language":"json","extension":"json"},"examples":[{"name":"example.js","snippet":"var kafka = require('kafka-node'),\n Consumer = kafka.Consumer,\n client = new kafka.KafkaClient(),\n consumer = new Consumer(\n client,\n [\n { topic: 't', partition: 0 },\n { topic: 'AddedItemToCart', partition: 1 },\n ],\n {\n autoCommit: false,\n }\n );\n\nconsumer.on('message', function (message) {\n console.log(message);\n});\n","langugage":"javascript"}]},"markdown":{"content":"\n\u003cAdmonition\u003eWhen firing this event make sure you set the `correlation-id` in the headers. Our schemas have standard metadata make sure you read and follow it.\u003c/Admonition\u003e\n\n### Details\n\nThis event can be triggered multiple times per customer. Everytime the customer adds an item to their shopping cart this event will be triggered.\n\nWe have a frontend application that allows users to buy things from our store. This front end interacts directly with the `Basket Service` to add items to the cart. The `Basket Service` will raise the events.\n\n\n### Consumer / Producer Diagram\n\n\u003cMermaid /\u003e\n\n\u003cEventExamples title=\"How to trigger event\" /\u003e\n\n\u003cSchema /\u003e\n","source":{"compiledSource":"var c=Object.defineProperty,h=Object.defineProperties;var l=Object.getOwnPropertyDescriptors;var i=Object.getOwnPropertySymbols;var a=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var d=(e,t,o)=\u003et in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,r=(e,t)=\u003e{for(var o in t||(t={}))a.call(t,o)\u0026\u0026d(e,o,t[o]);if(i)for(var o of i(t))s.call(t,o)\u0026\u0026d(e,o,t[o]);return e},m=(e,t)=\u003eh(e,l(t));var p=(e,t)=\u003e{var o={};for(var n in e)a.call(e,n)\u0026\u0026t.indexOf(n)\u003c0\u0026\u0026(o[n]=e[n]);if(e!=null\u0026\u0026i)for(var n of i(e))t.indexOf(n)\u003c0\u0026\u0026s.call(e,n)\u0026\u0026(o[n]=e[n]);return o};const makeShortcode=e=\u003efunction(o){return console.warn(\"Component \"+e+\" was not imported, exported, or provided by MDXProvider as global scope\"),mdx(\"div\",r({},o))},Admonition=makeShortcode(\"Admonition\"),Mermaid=makeShortcode(\"Mermaid\"),EventExamples=makeShortcode(\"EventExamples\"),Schema=makeShortcode(\"Schema\"),layoutProps={},MDXLayout=\"wrapper\";function MDXContent(o){var n=o,{components:e}=n,t=p(n,[\"components\"]);return mdx(MDXLayout,m(r(r({},layoutProps),t),{components:e,mdxType:\"MDXLayout\"}),mdx(Admonition,{mdxType:\"Admonition\"},\"When firing this event make sure you set the `correlation-id` in the headers. Our schemas have standard metadata make sure you read and follow it.\"),mdx(\"h3\",null,\"Details\"),mdx(\"p\",null,\"This event can be triggered multiple times per customer. Everytime the customer adds an item to their shopping cart this event will be triggered.\"),mdx(\"p\",null,\"We have a frontend application that allows users to buy things from our store. This front end interacts directly with the \",mdx(\"inlineCode\",{parentName:\"p\"},\"Basket Service\"),\" to add items to the cart. The \",mdx(\"inlineCode\",{parentName:\"p\"},\"Basket Service\"),\" will raise the events.\"),mdx(\"h3\",null,\"Consumer / Producer Diagram\"),mdx(Mermaid,{mdxType:\"Mermaid\"}),mdx(EventExamples,{title:\"How to trigger event\",mdxType:\"EventExamples\"}),mdx(Schema,{mdxType:\"Schema\"}))}MDXContent.isMDXComponent=!0;\n","scope":{}},"lastModifiedDate":"2022/1/19"},"loadedVersion":"latest"},"__N_SSG":true},"page":"/events/[name]","query":{"name":"AddedItemToCart"},"buildId":"yc3MsaLWgBvovlJpHpfqc","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
73
+ </span></span><span><span></span><span class="token" style="color:#f8f8f2">}</span></span></code></pre><span class="-mb-2 block text-xs text-right font-bold">AddedItemToCart Schema (json)</span></div></section></div></div></div></div></div><div class="flex mt-10 justify-between"><a href="https:/github.com/boyney123/eventcatalog-demo/edit/master/events/AddedItemToCart/index.md" target="_blank" class="flex text-gray-400" rel="noreferrer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="top-1 mr-2 relative h-4 w-4 text-gray-400"><path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path></svg><span>Edit this page</span></a><span class="italic text-xs mt-2">Last updated on <!-- -->2022/1/24</span></div></div><div class="md:min-h-screen"><aside class="hidden xl:block xl:pl-8"><h2 class="sr-only">Details</h2><div class="pt-6 py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-5 w-5 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</h2><ul class="mt-2 leading-8"><li class="inline mr-1"><a class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5" href="/services/Basket%20Service"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-green-500 animate animate-pulse" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900">Basket Service</div></a></li></ul></div></div><div class="border-t border-gray-200 py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-5 w-5 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>Consumers</h2><ul class="mt-2 leading-8"><li class="inline"><a href="#" class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5"><div class="absolute flex-shrink-0 flex items-center justify-center"><span class="h-1.5 w-1.5 rounded-full bg-indigo-500 animate animate-pulse" aria-hidden="true"></span></div><div class="ml-3.5 text-sm font-medium text-gray-900">Data Lake</div></a></li></ul></div></div><div class="border-t border-gray-200 py-6"><div><h2 class="text-sm font-medium text-gray-500">Event Versions</h2><ul class="mt-2 leading-8 text-left text-blue-500"><li class="text-sm inline "><a href="/events/AddedItemToCart"><span class="inline-flex mr-2 items-center px-2.5 py-0.5 rounded-full text-xs font-medium -top-0.5 relative bg-blue-400 text-white shadow-md font-bold underline">Latest</span></a></li><li class="text-sm inline"><a href="/events/AddedItemToCart/v/0.0.2"><span class="inline-flex mr-2 items-center px-2.5 py-0.5 rounded-full text-xs font-medium -top-0.5 relative bg-blue-100 text-blue-800">v<!-- -->0.0.2</span></a></li><li class="text-sm inline"><a href="/events/AddedItemToCart/v/0.0.1"><span class="inline-flex mr-2 items-center px-2.5 py-0.5 rounded-full text-xs font-medium -top-0.5 relative bg-blue-100 text-blue-800">v<!-- -->0.0.1</span></a></li></ul></div></div><div class="border-t border-gray-200 py-6 space-y-8"><div><h2 class="text-sm font-medium text-gray-500">Event Owners</h2><ul class="mt-4 leading-8 space-y-2"><li class="flex justify-start"><a class="flex items-center space-x-3" href="/users/dboyne"><div class="flex-shrink-0"><img class="h-5 w-5 rounded-full" src="https://pbs.twimg.com/profile_images/1262283153563140096/DYRDqKg6_400x400.png" alt=""/></div><div class="text-sm font-medium text-gray-900">David Boyne</div></a></li><li class="flex justify-start"><a class="flex items-center space-x-3" href="/users/mSmith"><div class="flex-shrink-0"><img class="h-5 w-5 rounded-full" src="https://randomuser.me/api/portraits/lego/3.jpg" alt=""/></div><div class="text-sm font-medium text-gray-900">Matthew Smith</div></a></li></ul></div></div><div class="border-t border-gray-200 py-6 space-y-1"><button type="button" class="hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-200 bg-gray-800 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="-ml-1 mr-2 h-5 w-5 text-gray-200"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path></svg><span>Download Schema</span></button><a class="hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-800 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-200" href="/events/AddedItemToCart/logs"><span>View Changes</span></a><a href="https://studio.asyncapi.com/#schema-lightMeasuredPayload" target="_blank" type="button" class="hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-teal-300 shadow-sm text-sm font-medium rounded-md text-teal-800 hover:bg-teal-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-teal-200" rel="noreferrer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="-ml-1 mr-2 h-5 w-5 text-teal-200"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg><span>AsyncAPI Specification</span></a></div></aside></div></div></div></main></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-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":{"event":{"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"],"schema":{"snippet":"{\n \"$id\": \"https://example.com/AddedItemToCart.json\",\n \"$schema\": \"https://json-schema.org/draft/2020-12/schema\",\n \"title\": \"AddedItemToCart\",\n \"type\": \"object\",\n \"properties\": {\n \"metadata\": {\n \"type\": \"object\",\n \"properties\": {\n \"correlationId\": {\n \"type\": \"string\",\n \"description\": \"The ID of the user\"\n },\n \"domain\": {\n \"type\": \"string\",\n \"description\": \"The domain of the event\"\n },\n \"service\": {\n \"type\": \"string\",\n \"description\": \"The name of the service that triggered the event\"\n }\n },\n \"required\": [\"correlationId\", \"domain\"]\n },\n \"data\": {\n \"type\": \"object\",\n \"properties\": {\n \"userId\": {\n \"type\": \"string\",\n \"description\": \"The ID of the user\"\n },\n \"itemId\": {\n \"type\": \"string\",\n \"description\": \"The ID of the shopping item\"\n },\n \"quantity\": {\n \"type\": \"number\",\n \"description\": \"How many items the user wants to add to their shopping cart\",\n \"minimum\": 1,\n \"maximum\": 1000,\n \"default\": 1\n }\n }\n }\n }\n}","language":"json","extension":"json"},"examples":[{"name":"example.js","snippet":"var kafka = require('kafka-node'),\n Consumer = kafka.Consumer,\n client = new kafka.KafkaClient(),\n consumer = new Consumer(\n client,\n [\n { topic: 't', partition: 0 },\n { topic: 'AddedItemToCart', partition: 1 },\n ],\n {\n autoCommit: false,\n }\n );\n\nconsumer.on('message', function (message) {\n console.log(message);\n});\n","langugage":"javascript"}]},"markdown":{"content":"\n\u003cAdmonition\u003eWhen firing this event make sure you set the `correlation-id` in the headers. Our schemas have standard metadata make sure you read and follow it.\u003c/Admonition\u003e\n\n### Details\n\nThis event can be triggered multiple times per customer. Everytime the customer adds an item to their shopping cart this event will be triggered.\n\nWe have a frontend application that allows users to buy things from our store. This front end interacts directly with the `Basket Service` to add items to the cart. The `Basket Service` will raise the events.\n\n\u003cMermaid title=\"Consumer / Producer Diagram\" /\u003e\n\n\u003cEventExamples title=\"How to trigger event\" /\u003e\n\n\u003cSchema /\u003e\n","source":{"compiledSource":"var c=Object.defineProperty,h=Object.defineProperties;var l=Object.getOwnPropertyDescriptors;var i=Object.getOwnPropertySymbols;var a=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var d=(e,t,o)=\u003et in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,r=(e,t)=\u003e{for(var o in t||(t={}))a.call(t,o)\u0026\u0026d(e,o,t[o]);if(i)for(var o of i(t))s.call(t,o)\u0026\u0026d(e,o,t[o]);return e},m=(e,t)=\u003eh(e,l(t));var p=(e,t)=\u003e{var o={};for(var n in e)a.call(e,n)\u0026\u0026t.indexOf(n)\u003c0\u0026\u0026(o[n]=e[n]);if(e!=null\u0026\u0026i)for(var n of i(e))t.indexOf(n)\u003c0\u0026\u0026s.call(e,n)\u0026\u0026(o[n]=e[n]);return o};const makeShortcode=e=\u003efunction(o){return console.warn(\"Component \"+e+\" was not imported, exported, or provided by MDXProvider as global scope\"),mdx(\"div\",r({},o))},Admonition=makeShortcode(\"Admonition\"),Mermaid=makeShortcode(\"Mermaid\"),EventExamples=makeShortcode(\"EventExamples\"),Schema=makeShortcode(\"Schema\"),layoutProps={},MDXLayout=\"wrapper\";function MDXContent(o){var n=o,{components:e}=n,t=p(n,[\"components\"]);return mdx(MDXLayout,m(r(r({},layoutProps),t),{components:e,mdxType:\"MDXLayout\"}),mdx(Admonition,{mdxType:\"Admonition\"},\"When firing this event make sure you set the `correlation-id` in the headers. Our schemas have standard metadata make sure you read and follow it.\"),mdx(\"h3\",null,\"Details\"),mdx(\"p\",null,\"This event can be triggered multiple times per customer. Everytime the customer adds an item to their shopping cart this event will be triggered.\"),mdx(\"p\",null,\"We have a frontend application that allows users to buy things from our store. This front end interacts directly with the \",mdx(\"inlineCode\",{parentName:\"p\"},\"Basket Service\"),\" to add items to the cart. The \",mdx(\"inlineCode\",{parentName:\"p\"},\"Basket Service\"),\" will raise the events.\"),mdx(Mermaid,{title:\"Consumer / Producer Diagram\",mdxType:\"Mermaid\"}),mdx(EventExamples,{title:\"How to trigger event\",mdxType:\"EventExamples\"}),mdx(Schema,{mdxType:\"Schema\"}))}MDXContent.isMDXComponent=!0;\n","scope":{}},"lastModifiedDate":"2022/1/24"},"loadedVersion":"latest"},"__N_SSG":true},"page":"/events/[name]","query":{"name":"AddedItemToCart"},"buildId":"DTt5tyVKdntQwbNsYqVj8","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
@@ -1 +1 @@
1
- {"pageProps":{"event":{"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"],"schema":{"snippet":"{\n \"$id\": \"https://example.com/AddedItemToCart.json\",\n \"$schema\": \"https://json-schema.org/draft/2020-12/schema\",\n \"title\": \"AddedItemToCart\",\n \"type\": \"object\",\n \"properties\": {\n \"metadata\": {\n \"type\": \"object\",\n \"properties\": {\n \"correlationId\": {\n \"type\": \"string\",\n \"description\": \"The ID of the user\"\n },\n \"domain\": {\n \"type\": \"string\",\n \"description\": \"The domain of the event\"\n },\n \"service\": {\n \"type\": \"string\",\n \"description\": \"The name of the service that triggered the event\"\n }\n },\n \"required\": [\"correlationId\", \"domain\"]\n },\n \"data\": {\n \"type\": \"object\",\n \"properties\": {\n \"userId\": {\n \"type\": \"string\",\n \"description\": \"The ID of the user\"\n },\n \"itemId\": {\n \"type\": \"string\",\n \"description\": \"The ID of the shopping item\"\n },\n \"quantity\": {\n \"type\": \"number\",\n \"description\": \"How many items the user wants to add to their shopping cart\",\n \"minimum\": 1,\n \"maximum\": 1000,\n \"default\": 1\n }\n }\n }\n }\n}","language":"json","extension":"json"},"examples":[{"name":"example.js","snippet":"var kafka = require('kafka-node'),\n Consumer = kafka.Consumer,\n client = new kafka.KafkaClient(),\n consumer = new Consumer(\n client,\n [\n { topic: 't', partition: 0 },\n { topic: 'AddedItemToCart', partition: 1 },\n ],\n {\n autoCommit: false,\n }\n );\n\nconsumer.on('message', function (message) {\n console.log(message);\n});\n","langugage":"javascript"}]},"markdown":{"content":"\n<Admonition>When firing this event make sure you set the `correlation-id` in the headers. Our schemas have standard metadata make sure you read and follow it.</Admonition>\n\n### Details\n\nThis event can be triggered multiple times per customer. Everytime the customer adds an item to their shopping cart this event will be triggered.\n\nWe have a frontend application that allows users to buy things from our store. This front end interacts directly with the `Basket Service` to add items to the cart. The `Basket Service` will raise the events.\n\n\n### Consumer / Producer Diagram\n\n<Mermaid />\n\n<EventExamples title=\"How to trigger event\" />\n\n<Schema />\n","source":{"compiledSource":"var c=Object.defineProperty,h=Object.defineProperties;var l=Object.getOwnPropertyDescriptors;var i=Object.getOwnPropertySymbols;var a=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var d=(e,t,o)=>t in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,r=(e,t)=>{for(var o in t||(t={}))a.call(t,o)&&d(e,o,t[o]);if(i)for(var o of i(t))s.call(t,o)&&d(e,o,t[o]);return e},m=(e,t)=>h(e,l(t));var p=(e,t)=>{var o={};for(var n in e)a.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&i)for(var n of i(e))t.indexOf(n)<0&&s.call(e,n)&&(o[n]=e[n]);return o};const makeShortcode=e=>function(o){return console.warn(\"Component \"+e+\" was not imported, exported, or provided by MDXProvider as global scope\"),mdx(\"div\",r({},o))},Admonition=makeShortcode(\"Admonition\"),Mermaid=makeShortcode(\"Mermaid\"),EventExamples=makeShortcode(\"EventExamples\"),Schema=makeShortcode(\"Schema\"),layoutProps={},MDXLayout=\"wrapper\";function MDXContent(o){var n=o,{components:e}=n,t=p(n,[\"components\"]);return mdx(MDXLayout,m(r(r({},layoutProps),t),{components:e,mdxType:\"MDXLayout\"}),mdx(Admonition,{mdxType:\"Admonition\"},\"When firing this event make sure you set the `correlation-id` in the headers. Our schemas have standard metadata make sure you read and follow it.\"),mdx(\"h3\",null,\"Details\"),mdx(\"p\",null,\"This event can be triggered multiple times per customer. Everytime the customer adds an item to their shopping cart this event will be triggered.\"),mdx(\"p\",null,\"We have a frontend application that allows users to buy things from our store. This front end interacts directly with the \",mdx(\"inlineCode\",{parentName:\"p\"},\"Basket Service\"),\" to add items to the cart. The \",mdx(\"inlineCode\",{parentName:\"p\"},\"Basket Service\"),\" will raise the events.\"),mdx(\"h3\",null,\"Consumer / Producer Diagram\"),mdx(Mermaid,{mdxType:\"Mermaid\"}),mdx(EventExamples,{title:\"How to trigger event\",mdxType:\"EventExamples\"}),mdx(Schema,{mdxType:\"Schema\"}))}MDXContent.isMDXComponent=!0;\n","scope":{}},"lastModifiedDate":"2022/1/19"},"loadedVersion":"latest"},"__N_SSG":true}
1
+ {"pageProps":{"event":{"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"],"schema":{"snippet":"{\n \"$id\": \"https://example.com/AddedItemToCart.json\",\n \"$schema\": \"https://json-schema.org/draft/2020-12/schema\",\n \"title\": \"AddedItemToCart\",\n \"type\": \"object\",\n \"properties\": {\n \"metadata\": {\n \"type\": \"object\",\n \"properties\": {\n \"correlationId\": {\n \"type\": \"string\",\n \"description\": \"The ID of the user\"\n },\n \"domain\": {\n \"type\": \"string\",\n \"description\": \"The domain of the event\"\n },\n \"service\": {\n \"type\": \"string\",\n \"description\": \"The name of the service that triggered the event\"\n }\n },\n \"required\": [\"correlationId\", \"domain\"]\n },\n \"data\": {\n \"type\": \"object\",\n \"properties\": {\n \"userId\": {\n \"type\": \"string\",\n \"description\": \"The ID of the user\"\n },\n \"itemId\": {\n \"type\": \"string\",\n \"description\": \"The ID of the shopping item\"\n },\n \"quantity\": {\n \"type\": \"number\",\n \"description\": \"How many items the user wants to add to their shopping cart\",\n \"minimum\": 1,\n \"maximum\": 1000,\n \"default\": 1\n }\n }\n }\n }\n}","language":"json","extension":"json"},"examples":[{"name":"example.js","snippet":"var kafka = require('kafka-node'),\n Consumer = kafka.Consumer,\n client = new kafka.KafkaClient(),\n consumer = new Consumer(\n client,\n [\n { topic: 't', partition: 0 },\n { topic: 'AddedItemToCart', partition: 1 },\n ],\n {\n autoCommit: false,\n }\n );\n\nconsumer.on('message', function (message) {\n console.log(message);\n});\n","langugage":"javascript"}]},"markdown":{"content":"\n<Admonition>When firing this event make sure you set the `correlation-id` in the headers. Our schemas have standard metadata make sure you read and follow it.</Admonition>\n\n### Details\n\nThis event can be triggered multiple times per customer. Everytime the customer adds an item to their shopping cart this event will be triggered.\n\nWe have a frontend application that allows users to buy things from our store. This front end interacts directly with the `Basket Service` to add items to the cart. The `Basket Service` will raise the events.\n\n<Mermaid title=\"Consumer / Producer Diagram\" />\n\n<EventExamples title=\"How to trigger event\" />\n\n<Schema />\n","source":{"compiledSource":"var c=Object.defineProperty,h=Object.defineProperties;var l=Object.getOwnPropertyDescriptors;var i=Object.getOwnPropertySymbols;var a=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var d=(e,t,o)=>t in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,r=(e,t)=>{for(var o in t||(t={}))a.call(t,o)&&d(e,o,t[o]);if(i)for(var o of i(t))s.call(t,o)&&d(e,o,t[o]);return e},m=(e,t)=>h(e,l(t));var p=(e,t)=>{var o={};for(var n in e)a.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&i)for(var n of i(e))t.indexOf(n)<0&&s.call(e,n)&&(o[n]=e[n]);return o};const makeShortcode=e=>function(o){return console.warn(\"Component \"+e+\" was not imported, exported, or provided by MDXProvider as global scope\"),mdx(\"div\",r({},o))},Admonition=makeShortcode(\"Admonition\"),Mermaid=makeShortcode(\"Mermaid\"),EventExamples=makeShortcode(\"EventExamples\"),Schema=makeShortcode(\"Schema\"),layoutProps={},MDXLayout=\"wrapper\";function MDXContent(o){var n=o,{components:e}=n,t=p(n,[\"components\"]);return mdx(MDXLayout,m(r(r({},layoutProps),t),{components:e,mdxType:\"MDXLayout\"}),mdx(Admonition,{mdxType:\"Admonition\"},\"When firing this event make sure you set the `correlation-id` in the headers. Our schemas have standard metadata make sure you read and follow it.\"),mdx(\"h3\",null,\"Details\"),mdx(\"p\",null,\"This event can be triggered multiple times per customer. Everytime the customer adds an item to their shopping cart this event will be triggered.\"),mdx(\"p\",null,\"We have a frontend application that allows users to buy things from our store. This front end interacts directly with the \",mdx(\"inlineCode\",{parentName:\"p\"},\"Basket Service\"),\" to add items to the cart. The \",mdx(\"inlineCode\",{parentName:\"p\"},\"Basket Service\"),\" will raise the events.\"),mdx(Mermaid,{title:\"Consumer / Producer Diagram\",mdxType:\"Mermaid\"}),mdx(EventExamples,{title:\"How to trigger event\",mdxType:\"EventExamples\"}),mdx(Schema,{mdxType:\"Schema\"}))}MDXContent.isMDXComponent=!0;\n","scope":{}},"lastModifiedDate":"2022/1/24"},"loadedVersion":"latest"},"__N_SSG":true}