@eventcatalog/core 0.1.19 → 0.2.2

package/pages/visualiser.tsx

@@ -2,16 +2,19 @@ import React, { useEffect, useState, useCallback } from 'react';
 import Head from 'next/head';
 import { useRouter } from 'next/router';
 import debounce from 'lodash.debounce';
-import type { Event, Service } from '@eventcatalog/types';
+import type { Domain, Event, Service } from '@eventcatalog/types';
 
 import { SearchIcon } from '@heroicons/react/outline';
 
 import { getAllEvents } from '@/lib/events';
 import { getAllServices } from '@/lib/services';
+import { getAllDomains } from '@/lib/domains';
 import { useConfig } from '@/hooks/EventCatalog';
 import NodeGraph from '@/components/Mdx/NodeGraph/NodeGraph';
 import getBackgroundColor from '@/utils/random-bg';
 
+const filterByString = (filter, data) => data.filter((item) => item.name.indexOf(filter) > -1);
+
 function classNames(...classes) {
   return classes.filter(Boolean).join(' ');
 }
@@ -19,18 +22,31 @@ function classNames(...classes) {
 export interface PageProps {
   events: Event[];
   services: Service[];
+  domains: Domain[];
 }
 
-function Graph({ events, services }: PageProps) {
+function Graph({ events, services, domains }: PageProps) {
   const { title } = useConfig();
   const [searchFilter, setSearchFilter] = useState('');
   const [selectedRootNode, setSelectedRootNode] = useState<any>();
-  const [listItemsToRender, setListItemsToRender] = useState({ events, services });
+  const [listItemsToRender, setListItemsToRender] = useState({ events, services, domains });
 
   const { query, isReady: isRouterReady } = useRouter();
   const { name, type } = query;
 
-  const handleListItemSelection = (data: Event | Service, dataType: 'event' | 'service') => {
+  const dropdownValues = [
+    ...events.map((event) => ({ ...event, type: 'event', label: `Event: ${event.name}` })),
+    ...services.map((event) => ({ ...event, type: 'service', label: `Service: ${event.name}` })),
+    ...domains.map((event) => ({ ...event, type: 'domain', label: `Domain: ${event.name}` })),
+  ];
+
+  const navItems = [
+    { title: 'Domains', type: 'domain', data: listItemsToRender.domains },
+    { title: 'Events', type: 'event', data: listItemsToRender.events },
+    { title: 'Services', type: 'service', data: listItemsToRender.services },
+  ];
+
+  const handleListItemSelection = (data: Event | Service, dataType: 'event' | 'service' | 'domain') => {
     setSelectedRootNode({ label: data.name, data, type: dataType });
   };
 
@@ -48,11 +64,13 @@ function Graph({ events, services }: PageProps) {
   };
 
   const getListItemsToRender = useCallback(() => {
-    if (!searchFilter) return { events, services };
-    const filteredEvents = events.filter((event) => event.name.indexOf(searchFilter) > -1);
-    const filteredServices = services.filter((service) => service.name.indexOf(searchFilter) > -1);
-    return { events: filteredEvents, services: filteredServices };
-  }, [events, services, searchFilter]);
+    if (!searchFilter) return { events, services, domains };
+    return {
+      events: filterByString(searchFilter, events),
+      services: filterByString(searchFilter, services),
+      domains: filterByString(searchFilter, domains),
+    };
+  }, [events, services, domains, searchFilter]);
 
   useEffect(() => {
     const filteredListItems = getListItemsToRender();
@@ -65,18 +83,16 @@ function Graph({ events, services }: PageProps) {
     const initialDataToLoad = events[0];
     const initialSelectedRootNode = { label: initialDataToLoad.name, type: 'event', data: initialDataToLoad };
 
-    if (name && type) {
-      const dataToSearch = type === 'service' ? services : (events as []);
-      const match = dataToSearch.find((item) => item.name === name);
-      if (match) {
-        setSelectedRootNode({ label: match.name, type, data: match });
-      } else {
-        setSelectedRootNode(initialSelectedRootNode);
-      }
-    } else {
+    if (!name || !type) {
       setSelectedRootNode(initialSelectedRootNode);
+      return;
     }
-  }, [name, type, events, services, isRouterReady]);
+
+    const dataByType = { event: events, service: services, domain: domains };
+    const match = dataByType[type.toString()].find((item) => item.name === name);
+    const newSelectedItem = match ? { label: match.name, type, data: match } : initialSelectedRootNode;
+    setSelectedRootNode(newSelectedItem);
+  }, [name, type, events, domains, services, isRouterReady]);
 
   return (
     <div className="h-screen overflow-hidden">
@@ -90,11 +106,8 @@ function Graph({ events, services }: PageProps) {
             onChange={handleDropdownSelect}
           >
             <option>Please select your event or service</option>
-            {events.map((item) => (
-              <option value={JSON.stringify({ label: item.name, data: item, type: 'event' })}>Event: {item.name}</option>
-            ))}
-            {services.map((item) => (
-              <option value={JSON.stringify({ label: item.name, data: item, type: 'service' })}>Service: {item.name}</option>
+            {dropdownValues.map((item) => (
+              <option value={JSON.stringify({ label: item.name, data: item, type: item.type })}>{item.label}</option>
             ))}
           </select>
         </div>
@@ -111,65 +124,23 @@ function Graph({ events, services }: PageProps) {
                 name="event"
                 id="event"
                 onChange={searchOnChange}
-                placeholder="Find Event or Service"
+                placeholder="Find Event, Service or Domain"
                 className="focus:ring-gray-500 focus:border-gray-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md"
               />
             </div>
           </div>
 
           <div className="space-y-6">
-            <div>
-              <span className="font-bold block py-2">
-                Events {` `}
-                {searchFilter && (
-                  <>
-                    ({listItemsToRender.events.length}/{events.length})
-                  </>
-                )}
-                {!searchFilter && <>({events.length})</>}
-              </span>
-              {listItemsToRender.events.length === 0 && <span className="text-sm text-gray-300">No Events Found</span>}
-              <ul className="space-y-4 overflow-auto">
-                {listItemsToRender.events.map((event) => {
-                  const isSelected = selectedRootNode ? selectedRootNode.label === event.name : false;
-                  return (
-                    <ListItem
-                      type="event"
-                      key={event.name}
-                      data={event}
-                      onClick={(e) => handleListItemSelection(e.data, 'event')}
-                      isSelected={isSelected}
-                    />
-                  );
-                })}
-              </ul>
-            </div>
-            <div>
-              <span className="font-bold block py-2">
-                Services {` `}
-                {searchFilter && (
-                  <>
-                    ({listItemsToRender.services.length}/{services.length})
-                  </>
-                )}
-                {!searchFilter && <>({services.length})</>}
-              </span>
-              {listItemsToRender.services.length === 0 && <span className="text-sm text-gray-300">No Services Found</span>}
-              <ul className="space-y-4 overflow-auto">
-                {listItemsToRender.services.map((service) => {
-                  const isSelected = selectedRootNode ? selectedRootNode.label === service.name : false;
-                  return (
-                    <ListItem
-                      type="event"
-                      key={service.name}
-                      data={service}
-                      onClick={(e) => handleListItemSelection(e.data, 'service')}
-                      isSelected={isSelected}
-                    />
-                  );
-                })}
-              </ul>
-            </div>
+            {navItems.map((navItem: any) => (
+              <SelectionGroup
+                title={navItem.title}
+                filterBy={searchFilter}
+                data={navItem.data}
+                currentSelectedItem={selectedRootNode}
+                type={navItem.type}
+                onClick={handleListItemSelection}
+              />
+            ))}
           </div>
         </div>
         <div className="bg-gray-200 h-screen col-span-12 sm:col-span-6  xl:col-span-5">
@@ -178,7 +149,7 @@ function Graph({ events, services }: PageProps) {
               source={selectedRootNode.type}
               data={selectedRootNode.data}
               title="Visualiser"
-              subtitle={selectedRootNode.data.name}
+              subtitle={`${selectedRootNode.data.name} (${selectedRootNode.type})`}
               rootNodeColor={getBackgroundColor(selectedRootNode.label)}
               fitView
               isAnimated
@@ -196,11 +167,54 @@ function Graph({ events, services }: PageProps) {
   );
 }
 
+interface SelectionGroupProps {
+  title: string;
+  data: Service[] | Event[] | Domain[];
+  type: 'event' | 'service' | 'domain';
+  // eslint-disable-next-line no-unused-vars
+  onClick(data: Event | Service | Domain, type: string): void;
+  currentSelectedItem?: any;
+  filterBy?: string;
+}
+
+function SelectionGroup({ title, data, currentSelectedItem, onClick, filterBy, type }: SelectionGroupProps) {
+  const [dataWithoutFilter] = useState(data);
+
+  return (
+    <div>
+      <span className="font-bold block py-2">
+        {title} {` `}
+        {filterBy && (
+          <>
+            ({data.length}/{dataWithoutFilter.length})
+          </>
+        )}
+        {!filterBy && <>({dataWithoutFilter.length})</>}
+      </span>
+      {data.length === 0 && <span className="text-sm text-gray-300">No {type}s found</span>}
+      <ul className="space-y-4 overflow-auto">
+        {data.map((item) => {
+          const isSelected = currentSelectedItem ? currentSelectedItem.label === item.name : false;
+          return (
+            <ListItem
+              type={type}
+              key={item.name}
+              data={item}
+              onClick={(selectedItem) => onClick(selectedItem, type)}
+              isSelected={isSelected}
+            />
+          );
+        })}
+      </ul>
+    </div>
+  );
+}
+
 interface ListItemProps {
   data: Service | Event;
   // eslint-disable-next-line no-unused-vars
-  onClick(data: { data: Event | Service; type: string }): void;
-  type: 'event' | 'service';
+  onClick(data: Event | Service | Domain, type: string): void;
+  type: 'event' | 'service' | 'domain';
   isSelected: boolean;
 }
 
@@ -210,7 +224,7 @@ function ListItem({ data, onClick, type, isSelected }: ListItemProps) {
     <li className="flex">
       <button
         type="button"
-        onClick={() => onClick({ data, type })}
+        onClick={() => onClick(data, type)}
         className={`flex shadow-sm rounded-md w-full text-left border ${border}`}
       >
         <div
@@ -235,14 +249,16 @@ function ListItem({ data, onClick, type, isSelected }: ListItemProps) {
 
 export default Graph;
 
-export const getStaticProps = () => {
+export const getStaticProps = async () => {
   const events = getAllEvents();
   const services = getAllServices();
+  const domains = await getAllDomains();
 
   return {
     props: {
       events,
       services,
+      domains: domains.map((data) => data.domain),
     },
   };
 };

package/scripts/move-schemas-for-download.js

@@ -22,16 +22,8 @@ const getAllEventsAndSchemaPaths = (directory) => {
   });
 };
 
-const main = async () => {
-  const publicDir = path.join(__dirname, '../public');
-  const publicSchemaDir = path.join(publicDir, 'schemas');
-
-  if (fs.existsSync(publicSchemaDir)) {
-    fs.rmSync(publicSchemaDir, { recursive: true, force: true });
-  }
-  fs.mkdirSync(publicSchemaDir);
-
-  const eventsWithSchemaPaths = getAllEventsAndSchemaPaths(path.join(process.env.PROJECT_DIR, 'events'));
+const parseEventDirectory = (publicSchemaDir, eventsDir) => {
+  const eventsWithSchemaPaths = getAllEventsAndSchemaPaths(eventsDir);
   const eventsWithSchemas = eventsWithSchemaPaths.filter((event) => !!event.schemaContent);
 
   eventsWithSchemas.forEach((event) => {
@@ -56,4 +48,31 @@ const main = async () => {
   });
 };
 
+const main = async () => {
+  const publicDir = path.join(__dirname, '../public');
+  const publicSchemaDir = path.join(publicDir, 'schemas');
+
+  const eventsWithoutDomainsDir = path.join(process.env.PROJECT_DIR, 'events');
+  const domainsDir = path.join(process.env.PROJECT_DIR, 'domains');
+
+  if (fs.existsSync(publicSchemaDir)) {
+    fs.rmSync(publicSchemaDir, { recursive: true, force: true });
+  }
+
+  fs.mkdirSync(publicSchemaDir);
+
+  if (fs.existsSync(domainsDir)) {
+    // Write all events within domains
+    const domains = fs.readdirSync(domainsDir);
+    domains.forEach((domain) => {
+      parseEventDirectory(publicSchemaDir, path.join(domainsDir, domain, 'events'));
+    });
+  }
+
+  if (fs.existsSync(eventsWithoutDomainsDir)) {
+    // just parse the events directory (without domains)
+    parseEventDirectory(publicSchemaDir, eventsWithoutDomainsDir);
+  }
+};
+
 main();

package/tailwind.config.js

@@ -8,7 +8,17 @@ module.exports = {
   },
   purge: {
     content: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
-    safelist: ['bg-red-50', 'bg-yellow-50', 'bg-indigo-50', 'text-red-400', 'text-yellow-400', 'text-indigo-400'],
+    safelist: [
+      'bg-red-50',
+      'bg-yellow-50',
+      'bg-indigo-50',
+      'text-red-400',
+      'text-yellow-400',
+      'text-indigo-400',
+      'bg-green-500',
+      'bg-indigo-500',
+      'bg-yellow-500',
+    ],
   },
   plugins: [require('@tailwindcss/typography'), require('@tailwindcss/forms'), require('@tailwindcss/line-clamp')],
 };

package/.next/server/pages/events/AddedItemToCart/logs.html

@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><title>EventCatalog</title><script src="//unpkg.com/three"></script><script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/><meta name="description" content="Discover, Explore and Document your Event Driven Architectures"/><link rel="icon" href="/favicon.ico"/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog"/><meta property="og:description" content="Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><meta name="next-head-count" content="19"/><link rel="preload" href="/_next/static/css/4a01a08d48b115f7.css" as="style"/><link rel="stylesheet" href="/_next/static/css/4a01a08d48b115f7.css" data-n-g=""/><link rel="preload" href="/_next/static/css/5eeed9cb243ce668.css" as="style"/><link rel="stylesheet" href="/_next/static/css/5eeed9cb243ce668.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-fb340c369157e229.js" defer=""></script><script src="/_next/static/chunks/framework-576ec6a1c1386453.js" defer=""></script><script src="/_next/static/chunks/main-0015f560a7edeb35.js" defer=""></script><script src="/_next/static/chunks/pages/_app-f1bd719e11eb827e.js" defer=""></script><script src="/_next/static/chunks/519-2ec6fc3cdbaa4dc2.js" defer=""></script><script src="/_next/static/chunks/364-9c039ca46569869e.js" defer=""></script><script src="/_next/static/chunks/pages/events/%5Bname%5D/logs-707da36de8222a98.js" defer=""></script><script src="/_next/static/jznFKGTbxJsAeYNZE4XtO/_buildManifest.js" defer=""></script><script src="/_next/static/jznFKGTbxJsAeYNZE4XtO/_ssgManifest.js" defer=""></script><script src="/_next/static/jznFKGTbxJsAeYNZE4XtO/_middlewareManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="bg-gray-800"><div class="max-w-7xl mx-auto "><div class="relative flex items-center justify-between h-16"><div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"><div class="flex-shrink-0 flex items-center text-white font-bold"><a class="flex items-center" href="/"><img alt="logo" class="text-white w-8 inline-block mr-3" src="/logo.svg"/><span class="text-xl">EventCatalog</span></a></div></div><div class="hidden sm:block sm:ml-6"><div class="flex space-x-4"><a class="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="/visualiser/">Visualiser</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><div class="flex relative min-h-screen"><div class=" flex flex-col w-0 flex-1 "><main class="flex-1 "><div class="py-8 xl:py-10"><div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 xl:max-w-7xl xl:grid xl:grid-cols-4"><div class="xl:col-span-4 flex-col justify-between flex "><div class="mb-5 border-b border-gray-100 pb-4"><nav class="flex" aria-label="Breadcrumb"><ol class="flex items-center space-x-4"><li><a class="text-gray-400 hover:text-gray-500" href="/events/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="flex-shrink-0 h-5 w-5"><path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"></path></svg><span class="sr-only">Home</span></a></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" href="/events/">Events</a></div></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" href="/events/AddedItemToCart/">AddedItemToCart</a></div></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" aria-current="page" href="/events/AddedItemToCart/history/">Logs</a></div></li></ol></nav></div><div><div class="border-b pb-4 flex justify-between mb-4"><div class="space-y-2 w-full"><h1 class="text-3xl font-bold text-gray-900 relative">AddedItemToCart</h1></div></div><div class="flow-root mb-20"><ul class=""><li class=""><div class="relative pb-8"><span class="absolute top-4 left-4 -ml-px h-full w-0.5 bg-gray-100" aria-hidden="true"></span><div class="relative flex space-x-3"><div><span class="h-8 text-white text-xs w-8 rounded-full flex items-center justify-center ring-8 ring-white bg-blue-500"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="h-4 w-4"><path fill-rule="evenodd" d="M12.316 3.051a1 1 0 01.633 1.265l-4 12a1 1 0 11-1.898-.632l4-12a1 1 0 011.265-.633zM5.707 6.293a1 1 0 010 1.414L3.414 10l2.293 2.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 0zm8.586 0a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414L16.586 10l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></span></div><div><div><p class="font-bold text-gray-800 text-xl">Schema version update<a class="font-medium" href="/events/AddedItemToCart/v/0.0.2"> from<span class="text-blue-500 underline px-1">0.0.2</span>to</a><a class="font-medium" href="/events/AddedItemToCart/"><span class="text-blue-500 underline px-1">0.0.3<!-- -->(latest)</span></a></p><h2 class="text-xl text-blue-500 font-bold mt-4 border-b border-gray-100 pb-2">Changelog</h2><div class="prose max-w-none mt-2"><p>Changed <code>quantity</code> maximum to 1000.</p></div></div><div class="text-right text-sm text-gray-500 py-4"><div id="code-diff-0"></div></div></div></div></div></li><li class=""><div class="relative pb-8"><div class="relative flex space-x-3"><div><span class="h-8 text-white text-xs w-8 rounded-full flex items-center justify-center ring-8 ring-white bg-blue-500"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="h-4 w-4"><path fill-rule="evenodd" d="M12.316 3.051a1 1 0 01.633 1.265l-4 12a1 1 0 11-1.898-.632l4-12a1 1 0 011.265-.633zM5.707 6.293a1 1 0 010 1.414L3.414 10l2.293 2.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 0zm8.586 0a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414L16.586 10l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></span></div><div><div><p class="font-bold text-gray-800 text-xl">Schema version update<a class="font-medium" href="/events/AddedItemToCart/v/0.0.1"> from<span class="text-blue-500 underline px-1">0.0.1</span>to</a><a class="font-medium" href="/events/AddedItemToCart/v/0.0.2"><span class="text-blue-500 underline px-1">0.0.2</span></a></p><h2 class="text-xl text-blue-500 font-bold mt-4 border-b border-gray-100 pb-2">Changelog</h2><div class="prose max-w-none mt-2"><p>Added <code>quantity</code> into the schema.</p></div></div><div class="text-right text-sm text-gray-500 py-4"><div id="code-diff-1"></div></div></div></div></div></li></ul></div></div></div></div></div></main></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-400">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-400">Services</a></div><div class="px-5 py-2"><a href="/visualiser" class="text-base text-gray-500 hover:text-gray-400">Visualiser</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-400">3D Node Graph</a></div><div class="px-5 py-2"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master" class="text-base text-gray-500 hover:text-gray-400">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2022<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"changes":[{"versions":["0.0.2","0.0.3"],"changelog":{"content":"Changed `quantity` maximum to 1000.","source":{"compiledSource":"var s=Object.defineProperty,C=Object.defineProperties;var D=Object.getOwnPropertyDescriptors;var a=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var m=(n,t,o)=\u003et in n?s(n,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[t]=o,p=(n,t)=\u003e{for(var o in t||(t={}))u.call(t,o)\u0026\u0026m(n,o,t[o]);if(a)for(var o of a(t))i.call(t,o)\u0026\u0026m(n,o,t[o]);return n},r=(n,t)=\u003eC(n,D(t));var y=(n,t)=\u003e{var o={};for(var e in n)u.call(n,e)\u0026\u0026t.indexOf(e)\u003c0\u0026\u0026(o[e]=n[e]);if(n!=null\u0026\u0026a)for(var e of a(n))t.indexOf(e)\u003c0\u0026\u0026i.call(n,e)\u0026\u0026(o[e]=n[e]);return o};const layoutProps={},MDXLayout=\"wrapper\";function MDXContent(o){var e=o,{components:n}=e,t=y(e,[\"components\"]);return mdx(MDXLayout,r(p(p({},layoutProps),t),{components:n,mdxType:\"MDXLayout\"}),mdx(\"p\",null,\"Changed \",mdx(\"inlineCode\",{parentName:\"p\"},\"quantity\"),\" maximum to 1000.\"))}MDXContent.isMDXComponent=!0;\n","scope":{}}},"value":"===================================================================\n--- schema.json (0.0.2)\n+++ schema.json (0.0.3)\n@@ -36,9 +36,9 @@\n         \"quantity\": {\n           \"type\": \"number\",\n           \"description\": \"How many items the user wants to add to their shopping cart\",\n           \"minimum\": 1,\n-          \"maximum\": 100,\n+          \"maximum\": 1000,\n           \"default\": 1\n         }\n       }\n     }\n"},{"versions":["0.0.1","0.0.2"],"changelog":{"content":"Added `quantity` into the schema.","source":{"compiledSource":"var y=Object.defineProperty,c=Object.defineProperties;var m=Object.getOwnPropertyDescriptors;var p=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var r=(n,t,e)=\u003et in n?y(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e,a=(n,t)=\u003e{for(var e in t||(t={}))i.call(t,e)\u0026\u0026r(n,e,t[e]);if(p)for(var e of p(t))u.call(t,e)\u0026\u0026r(n,e,t[e]);return n},d=(n,t)=\u003ec(n,m(t));var s=(n,t)=\u003e{var e={};for(var o in n)i.call(n,o)\u0026\u0026t.indexOf(o)\u003c0\u0026\u0026(e[o]=n[o]);if(n!=null\u0026\u0026p)for(var o of p(n))t.indexOf(o)\u003c0\u0026\u0026u.call(n,o)\u0026\u0026(e[o]=n[o]);return e};const layoutProps={},MDXLayout=\"wrapper\";function MDXContent(e){var o=e,{components:n}=o,t=s(o,[\"components\"]);return mdx(MDXLayout,d(a(a({},layoutProps),t),{components:n,mdxType:\"MDXLayout\"}),mdx(\"p\",null,\"Added \",mdx(\"inlineCode\",{parentName:\"p\"},\"quantity\"),\" into the schema.\"))}MDXContent.isMDXComponent=!0;\n","scope":{}}},"value":"===================================================================\n--- schema.json (0.0.1)\n+++ schema.json (0.0.2)\n@@ -31,8 +31,15 @@\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\": 100,\n+          \"default\": 1\n         }\n       }\n     }\n   }\n"}],"name":"AddedItemToCart","currentVersion":"0.0.3"},"__N_SSG":true},"page":"/events/[name]/logs","query":{"name":"AddedItemToCart"},"buildId":"jznFKGTbxJsAeYNZE4XtO","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>

package/.next/server/pages/events/AddedItemToCart/logs.json

@@ -1 +0,0 @@
-{"pageProps":{"changes":[{"versions":["0.0.2","0.0.3"],"changelog":{"content":"Changed `quantity` maximum to 1000.","source":{"compiledSource":"var s=Object.defineProperty,C=Object.defineProperties;var D=Object.getOwnPropertyDescriptors;var a=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var m=(n,t,o)=>t in n?s(n,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[t]=o,p=(n,t)=>{for(var o in t||(t={}))u.call(t,o)&&m(n,o,t[o]);if(a)for(var o of a(t))i.call(t,o)&&m(n,o,t[o]);return n},r=(n,t)=>C(n,D(t));var y=(n,t)=>{var o={};for(var e in n)u.call(n,e)&&t.indexOf(e)<0&&(o[e]=n[e]);if(n!=null&&a)for(var e of a(n))t.indexOf(e)<0&&i.call(n,e)&&(o[e]=n[e]);return o};const layoutProps={},MDXLayout=\"wrapper\";function MDXContent(o){var e=o,{components:n}=e,t=y(e,[\"components\"]);return mdx(MDXLayout,r(p(p({},layoutProps),t),{components:n,mdxType:\"MDXLayout\"}),mdx(\"p\",null,\"Changed \",mdx(\"inlineCode\",{parentName:\"p\"},\"quantity\"),\" maximum to 1000.\"))}MDXContent.isMDXComponent=!0;\n","scope":{}}},"value":"===================================================================\n--- schema.json (0.0.2)\n+++ schema.json (0.0.3)\n@@ -36,9 +36,9 @@\n         \"quantity\": {\n           \"type\": \"number\",\n           \"description\": \"How many items the user wants to add to their shopping cart\",\n           \"minimum\": 1,\n-          \"maximum\": 100,\n+          \"maximum\": 1000,\n           \"default\": 1\n         }\n       }\n     }\n"},{"versions":["0.0.1","0.0.2"],"changelog":{"content":"Added `quantity` into the schema.","source":{"compiledSource":"var y=Object.defineProperty,c=Object.defineProperties;var m=Object.getOwnPropertyDescriptors;var p=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var r=(n,t,e)=>t in n?y(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e,a=(n,t)=>{for(var e in t||(t={}))i.call(t,e)&&r(n,e,t[e]);if(p)for(var e of p(t))u.call(t,e)&&r(n,e,t[e]);return n},d=(n,t)=>c(n,m(t));var s=(n,t)=>{var e={};for(var o in n)i.call(n,o)&&t.indexOf(o)<0&&(e[o]=n[o]);if(n!=null&&p)for(var o of p(n))t.indexOf(o)<0&&u.call(n,o)&&(e[o]=n[o]);return e};const layoutProps={},MDXLayout=\"wrapper\";function MDXContent(e){var o=e,{components:n}=o,t=s(o,[\"components\"]);return mdx(MDXLayout,d(a(a({},layoutProps),t),{components:n,mdxType:\"MDXLayout\"}),mdx(\"p\",null,\"Added \",mdx(\"inlineCode\",{parentName:\"p\"},\"quantity\"),\" into the schema.\"))}MDXContent.isMDXComponent=!0;\n","scope":{}}},"value":"===================================================================\n--- schema.json (0.0.1)\n+++ schema.json (0.0.2)\n@@ -31,8 +31,15 @@\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\": 100,\n+          \"default\": 1\n         }\n       }\n     }\n   }\n"}],"name":"AddedItemToCart","currentVersion":"0.0.3"},"__N_SSG":true}

package/.next/server/pages/events/AddedItemToCart/v/0.0.1.html

@@ -1,58 +0,0 @@
-<!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="Discover, Explore and Document your Event Driven Architectures"/><link rel="icon" href="/favicon.ico"/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog"/><meta property="og:description" content="Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><title>EventCatalog - AddedItemToCart v0.0.1</title><meta name="next-head-count" content="19"/><link rel="preload" href="/_next/static/css/4a01a08d48b115f7.css" as="style"/><link rel="stylesheet" href="/_next/static/css/4a01a08d48b115f7.css" data-n-g=""/><link rel="preload" href="/_next/static/css/7e14b4dede1671ad.css" as="style"/><link rel="stylesheet" href="/_next/static/css/7e14b4dede1671ad.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-fb340c369157e229.js" defer=""></script><script src="/_next/static/chunks/framework-576ec6a1c1386453.js" defer=""></script><script src="/_next/static/chunks/main-0015f560a7edeb35.js" defer=""></script><script src="/_next/static/chunks/pages/_app-f1bd719e11eb827e.js" defer=""></script><script src="/_next/static/chunks/176cb4e4-8a0f6f010ef8accb.js" defer=""></script><script src="/_next/static/chunks/b744740b-229c238b25b9eeac.js" defer=""></script><script src="/_next/static/chunks/1df474da-91f6061ee61707c6.js" defer=""></script><script src="/_next/static/chunks/7f5d3f51-7158fdd5a44cedd5.js" defer=""></script><script src="/_next/static/chunks/2edb282b-9e1cce5842787609.js" defer=""></script><script src="/_next/static/chunks/519-2ec6fc3cdbaa4dc2.js" defer=""></script><script src="/_next/static/chunks/962-20c87db3880df896.js" defer=""></script><script src="/_next/static/chunks/506-12764fcf4b5d93b0.js" defer=""></script><script src="/_next/static/chunks/5-f60eecf67567a225.js" defer=""></script><script src="/_next/static/chunks/650-343888e13f994a09.js" defer=""></script><script src="/_next/static/chunks/109-a08539311d3d6672.js" defer=""></script><script src="/_next/static/chunks/252-08ab418f9b6821dd.js" defer=""></script><script src="/_next/static/chunks/178-87f01d17ab32dd4f.js" defer=""></script><script src="/_next/static/chunks/pages/events/%5Bname%5D/v/%5Bversion%5D-33051dbc32f5fe4e.js" defer=""></script><script src="/_next/static/jznFKGTbxJsAeYNZE4XtO/_buildManifest.js" defer=""></script><script src="/_next/static/jznFKGTbxJsAeYNZE4XtO/_ssgManifest.js" defer=""></script><script src="/_next/static/jznFKGTbxJsAeYNZE4XtO/_middlewareManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="bg-gray-800"><div class="max-w-7xl mx-auto "><div class="relative flex items-center justify-between h-16"><div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"><div class="flex-shrink-0 flex items-center text-white font-bold"><a class="flex items-center" href="/"><img alt="logo" class="text-white w-8 inline-block mr-3" src="/logo.svg"/><span class="text-xl">EventCatalog</span></a></div></div><div class="hidden sm:block sm:ml-6"><div class="flex space-x-4"><a class="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="/visualiser/">Visualiser</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><div class="flex relative"><div class=" flex flex-col w-0 flex-1 "><main class="flex-1 "><div class="py-8 xl:py-10"><div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 xl:max-w-7xl xl:grid xl:grid-cols-4"><div class="xl:col-span-3 xl:pr-8 xl:border-r xl:border-gray-200 flex-col justify-between flex"><div><div class="mb-5 border-b border-gray-100 pb-4"><nav class="flex" aria-label="Breadcrumb"><ol class="flex items-center space-x-4"><li><a class="text-gray-400 hover:text-gray-500" href="/events/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="flex-shrink-0 h-5 w-5"><path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"></path></svg><span class="sr-only">Home</span></a></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" href="/events/">Events</a></div></li><li><div class="flex items-center"><svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path></svg><a class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700" aria-current="page" href="/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.1</span></div></h1><div class="text-gray-600 mb-10 text py-2">Holds information about what the user added to their shopping cart.
-</div><div class="bg-yellow-50 border-l-4 border-yellow-400 my-4 mt-0 pt-0 w-full"><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-yellow-400"><path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"></path></svg>You are currently viewing an old version of this event (<!-- -->0.0.1<!-- -->).<a class="block text-sm pl-7 mt-2 text-blue-500 underline" href="/events/AddedItemToCart/">Read latest version →</a></div></div></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
-
-l-Basket_Service[Basket Service]:::producer--&gt;AddedItemToCart[AddedItemToCart]:::event
-
-classDef event stroke:#2e0a58,stroke-width: 4px;
-
-classDef producer stroke:#75d7b6,stroke-width: 2px;
-
-classDef consumer stroke:#818cf8,stroke-width: 2px;
-
-AddedItemToCart[AddedItemToCart]:::event--&gt;r-Data_Lake[Data Lake]:::consumer
-
-click l-Basket_Service href &quot;/services/Basket Service&quot; &quot;Go to Basket Service&quot; _self
-
-click r-Data_Lake href &quot;/services/Data Lake&quot; &quot;Go to Data Lake&quot; _self
-
-click AddedItemToCart href &quot;/events/AddedItemToCart&quot; &quot;Go to AddedItemToCart&quot; _self
-
-</div></div><section class="mt-8 xl:mt-10"><div class="h-96 relative"><div class="flex -mb-3 pb-2 bg-gray-900 justify-between"><span class="block text-xs py-2 px-2 font-bold text-gray-300">AddedItemToCart Schema (json)</span><button type="button" class="text-xs text-white rounded-md px-4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="h-4 w-4"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3"></path></svg></button></div><pre class="h-96 overflow-auto" style="color:#f8f8f2;background:#282a36;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, &#x27;Andale Mono&#x27;, &#x27;Ubuntu Mono&#x27;, monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;padding:1em;margin:.5em 0;overflow:auto;border-radius:0.3em"><code class="language-json" style="color:#f8f8f2;background:none;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, &#x27;Andale Mono&#x27;, &#x27;Ubuntu Mono&#x27;, monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none"><span><span class="token" style="color:#f8f8f2">{</span><span>
-</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>
-</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>
-</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>
-</span></span><span><span>  </span><span class="token" style="color:#ff79c6">&quot;type&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;object&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
-</span></span><span><span>  </span><span class="token" style="color:#ff79c6">&quot;properties&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#f8f8f2">{</span><span>
-</span></span><span><span>    </span><span class="token" style="color:#ff79c6">&quot;metadata&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#f8f8f2">{</span><span>
-</span></span><span><span>      </span><span class="token" style="color:#ff79c6">&quot;type&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;object&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
-</span></span><span><span>      </span><span class="token" style="color:#ff79c6">&quot;properties&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#f8f8f2">{</span><span>
-</span></span><span><span>        </span><span class="token" style="color:#ff79c6">&quot;correlationId&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#f8f8f2">{</span><span>
-</span></span><span><span>          </span><span class="token" style="color:#ff79c6">&quot;type&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;string&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
-</span></span><span><span>          </span><span class="token" style="color:#ff79c6">&quot;description&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;The ID of the user&quot;</span><span>
-</span></span><span><span>        </span><span class="token" style="color:#f8f8f2">}</span><span class="token" style="color:#f8f8f2">,</span><span>
-</span></span><span><span>        </span><span class="token" style="color:#ff79c6">&quot;domain&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#f8f8f2">{</span><span>
-</span></span><span><span>          </span><span class="token" style="color:#ff79c6">&quot;type&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;string&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
-</span></span><span><span>          </span><span class="token" style="color:#ff79c6">&quot;description&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;The domain of the event&quot;</span><span>
-</span></span><span><span>        </span><span class="token" style="color:#f8f8f2">}</span><span class="token" style="color:#f8f8f2">,</span><span>
-</span></span><span><span>        </span><span class="token" style="color:#ff79c6">&quot;service&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#f8f8f2">{</span><span>
-</span></span><span><span>          </span><span class="token" style="color:#ff79c6">&quot;type&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;string&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
-</span></span><span><span>          </span><span class="token" style="color:#ff79c6">&quot;description&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;The name of the service that triggered the event&quot;</span><span>
-</span></span><span><span>        </span><span class="token" style="color:#f8f8f2">}</span><span>
-</span></span><span><span>      </span><span class="token" style="color:#f8f8f2">}</span><span class="token" style="color:#f8f8f2">,</span><span>
-</span></span><span><span>      </span><span class="token" style="color:#ff79c6">&quot;required&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#f8f8f2">[</span><span class="token" style="color:#50fa7b">&quot;correlationId&quot;</span><span class="token" style="color:#f8f8f2">,</span><span> </span><span class="token" style="color:#50fa7b">&quot;domain&quot;</span><span class="token" style="color:#f8f8f2">]</span><span>
-</span></span><span><span>    </span><span class="token" style="color:#f8f8f2">}</span><span class="token" style="color:#f8f8f2">,</span><span>
-</span></span><span><span>    </span><span class="token" style="color:#ff79c6">&quot;data&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#f8f8f2">{</span><span>
-</span></span><span><span>      </span><span class="token" style="color:#ff79c6">&quot;type&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;object&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
-</span></span><span><span>      </span><span class="token" style="color:#ff79c6">&quot;properties&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#f8f8f2">{</span><span>
-</span></span><span><span>        </span><span class="token" style="color:#ff79c6">&quot;userId&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#f8f8f2">{</span><span>
-</span></span><span><span>          </span><span class="token" style="color:#ff79c6">&quot;type&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;string&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
-</span></span><span><span>          </span><span class="token" style="color:#ff79c6">&quot;description&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;The ID of the user&quot;</span><span>
-</span></span><span><span>        </span><span class="token" style="color:#f8f8f2">}</span><span class="token" style="color:#f8f8f2">,</span><span>
-</span></span><span><span>        </span><span class="token" style="color:#ff79c6">&quot;itemId&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#f8f8f2">{</span><span>
-</span></span><span><span>          </span><span class="token" style="color:#ff79c6">&quot;type&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;string&quot;</span><span class="token" style="color:#f8f8f2">,</span><span>
-</span></span><span><span>          </span><span class="token" style="color:#ff79c6">&quot;description&quot;</span><span class="token" style="color:#f8f8f2">:</span><span> </span><span class="token" style="color:#50fa7b">&quot;The ID of the shopping item&quot;</span><span>
-</span></span><span><span>        </span><span class="token" style="color:#f8f8f2">}</span><span>
-</span></span><span><span>      </span><span class="token" style="color:#f8f8f2">}</span><span>
-</span></span><span><span>    </span><span class="token" style="color:#f8f8f2">}</span><span>
-</span></span><span><span>  </span><span class="token" style="color:#f8f8f2">}</span><span>
-</span></span><span><span></span><span class="token" style="color:#f8f8f2">}</span></span></code></pre></div></section></div></div></div></div></div><div class="flex mt-10 justify-between"><a href="https:/github.com/boyney123/eventcatalog-demo/edit/master/events/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/2/15</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-100 text-blue-800">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-400 text-white shadow-md font-bold underline">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"><a href="/schemas/AddedItemToCart/0.0.1/schema.json" download="AddedItemToCart(0.0.1).json" class="hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-200 bg-gray-800 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" class="-ml-1 mr-2 h-5 w-5 text-gray-200"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path></svg><span>Download Schema</span></a><a class="hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-800 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-200" href="/events/AddedItemToCart/logs/"><span>View Changes</span></a><a class="hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-800 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-200" href="/visualiser/?type=event&amp;nameAddedItemToCart"><span>View in Visualiser</span></a></div></aside></div></div></div></main></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-400">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-400">Services</a></div><div class="px-5 py-2"><a href="/visualiser" class="text-base text-gray-500 hover:text-gray-400">Visualiser</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-400">3D Node Graph</a></div><div class="px-5 py-2"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master" class="text-base text-gray-500 hover:text-gray-400">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2022<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"event":{"name":"AddedItemToCart","version":"0.0.1","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"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      }\n    }\n  }\n}","language":"json","extension":"json"},"examples":[]},"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\u003cSchema /\u003e","source":{"compiledSource":"var c=Object.defineProperty,p=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)=\u003ep(e,l(t));var h=(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\"),Schema=makeShortcode(\"Schema\"),layoutProps={},MDXLayout=\"wrapper\";function MDXContent(o){var n=o,{components:e}=n,t=h(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(Schema,{mdxType:\"Schema\"}))}MDXContent.isMDXComponent=!0;\n","scope":{}},"lastModifiedDate":"2022/2/15"},"loadedVersion":"0.0.1"},"__N_SSG":true},"page":"/events/[name]/v/[version]","query":{"name":"AddedItemToCart","version":"0.0.1"},"buildId":"jznFKGTbxJsAeYNZE4XtO","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>

package/.next/server/pages/events/AddedItemToCart/v/0.0.1.json

@@ -1 +0,0 @@
-{"pageProps":{"event":{"name":"AddedItemToCart","version":"0.0.1","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"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      }\n    }\n  }\n}","language":"json","extension":"json"},"examples":[]},"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<Schema />","source":{"compiledSource":"var c=Object.defineProperty,p=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)=>p(e,l(t));var h=(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\"),Schema=makeShortcode(\"Schema\"),layoutProps={},MDXLayout=\"wrapper\";function MDXContent(o){var n=o,{components:e}=n,t=h(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(Schema,{mdxType:\"Schema\"}))}MDXContent.isMDXComponent=!0;\n","scope":{}},"lastModifiedDate":"2022/2/15"},"loadedVersion":"0.0.1"},"__N_SSG":true}