@eventcatalog/core 0.5.1 → 0.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eventcatalog/core",
-  "version": "0.5.1",
+  "version": "0.6.0",
   "publishConfig": {
     "access": "public"
   },
@@ -20,7 +20,7 @@
     "@headlessui/react": "^1.4.2",
     "@heroicons/react": "^1.0.5",
     "@mdx-js/react": "^1.6.22",
-    "@stoplight/json-schema-viewer": "^4.5.0",
+    "@stoplight/json-schema-viewer": "4.5.0",
     "@stoplight/markdown-viewer": "^5.4.2",
     "@stoplight/mosaic": "^1.15.3",
     "@stoplight/mosaic-code-viewer": "^1.15.3",

package/pages/domains.tsx

@@ -1,17 +1,93 @@
 import Head from 'next/head';
-import { Service, Domain } from '@eventcatalog/types';
+import { Domain } from '@eventcatalog/types';
 
+import { useState, useCallback, useEffect } from 'react';
+import debounce from 'lodash.debounce';
+import { SearchIcon } from '@heroicons/react/outline';
 import DomainGrid from '@/components/Grids/DomainGrid';
-import { getAllServices } from '@/lib/services';
 import { useConfig } from '@/hooks/EventCatalog';
 import { getAllDomains } from '@/lib/domains';
 
 export interface PageProps {
-  services: Service[];
   domains: Domain[];
 }
 
 export default function Page({ domains }: PageProps) {
+  const [domainsToRender, setDomainsToRender] = useState(domains);
+  const [searchFilter, setSearchFilter] = useState('');
+  const [selectedFilters, setSelectedFilters] = useState({ badges: [] });
+
+  const filters = [
+    {
+      id: 'badges',
+      name: `Filter by Badges`,
+      options: domains.reduce((p, c) => {
+        if (!c.badges) {
+          return p;
+        }
+        c.badges.forEach((badge) => {
+          const existing = p.map((b) => b.value);
+          if (!existing.includes(badge.content)) {
+            p.push({
+              value: badge.content,
+              label: badge.content,
+              checked: false,
+            });
+          }
+        });
+        return p;
+      }, [] as { value: string; label: string; checked: boolean }[]),
+    },
+  ];
+
+  const handleFilterSelection = (option, type, event) => {
+    console.log(option, type, event);
+
+    if (event.target.checked) {
+      const newFilters = selectedFilters[type].concat([option.value]);
+      setSelectedFilters({ ...selectedFilters, [type]: newFilters });
+    } else {
+      const newFilters = selectedFilters[type].filter((value) => value !== option.value);
+      setSelectedFilters({ ...selectedFilters, [type]: newFilters });
+    }
+  };
+
+  const getFilteredDomains = (): any => {
+    let filteredDomains = domains;
+
+    if (!selectedFilters.badges && !searchFilter) return domains;
+
+    if (searchFilter) {
+      filteredDomains = filteredDomains.filter((service) => service.name.toLowerCase().includes(searchFilter.toLowerCase()));
+    }
+
+    if (selectedFilters.badges.length > 0) {
+      const { badges: badgeFilters } = selectedFilters;
+      // @ts-ignore
+      filteredDomains = filteredDomains.filter((event) => {
+        if (!event.badges) {
+          return false;
+        }
+        return event.badges.filter((badge) => badgeFilters.includes(badge.content)).length !== 0;
+      });
+    }
+
+    return filteredDomains;
+  };
+
+  useEffect(() => {
+    setDomainsToRender(getFilteredDomains());
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [selectedFilters, searchFilter]);
+
+  const debouncedFilter = useCallback(
+    debounce((e) => {
+      setSearchFilter(e.target.value);
+    }, 500),
+    [domainsToRender]
+  );
+
+  const filtersApplied = !!searchFilter || selectedFilters.badges.length > 0;
   const { title } = useConfig();
 
   return (
@@ -26,21 +102,78 @@ export default function Page({ domains }: PageProps) {
 
         <section className="pt-6 pb-24">
           <div className="grid grid-cols-4 gap-x-8 gap-y-10">
+            {/* Filters */}
             <form className="hidden lg:block">
               <div className="border-b border-gray-200 pb-6">
-                <h3 className="-my-3 flow-root">
-                  <div className="py-3 bg-white w-full flex items-center justify-between text-sm text-gray-400 hover:text-gray-500">
-                    <span className="font-medium text-gray-900">Features</span>
+                <label htmlFor="domain" className="font-bold block text-sm font-medium text-gray-700">
+                  Search Domains
+                </label>
+                <div className="mt-1 relative rounded-md shadow-sm">
+                  <div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+                    <SearchIcon className="h-5 w-5 text-gray-400" aria-hidden="true" />
                   </div>
-                </h3>
-                <div className="mt-4 text-xs text-gray-400">No Filters for Domains</div>
+                  <input
+                    type="text"
+                    name="domain"
+                    id="domain"
+                    onChange={debouncedFilter}
+                    className="focus:ring-gray-500 focus:border-gray-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md"
+                  />
+                </div>
               </div>
+
+              {filters.map((section: any) => {
+                if (!section.options.length) return null;
+                return (
+                  <div key={section.id} className="border-b border-gray-200 py-6">
+                    <h3 className="-my-3 flow-root">
+                      <div className="py-3 bg-white w-full flex items-center justify-between text-sm text-gray-400 hover:text-gray-500">
+                        <span className="font-bold font-medium text-gray-900">
+                          {section.name} ({section.options.length})
+                        </span>
+                      </div>
+                    </h3>
+                    <div className="pt-6">
+                      <div className="space-y-4">
+                        {section.options.map((option, optionIdx) => (
+                          <div key={option.value} className="flex items-center">
+                            <input
+                              id={`filter-${section.id}-${optionIdx}`}
+                              name={`${section.id}[]`}
+                              defaultValue={option.value}
+                              type="checkbox"
+                              onChange={(event) => handleFilterSelection(option, section.id, event)}
+                              defaultChecked={option.checked}
+                              className="h-4 w-4 border-gray-300 rounded text-gray-600 focus:ring-gray-500"
+                            />
+                            <label htmlFor={`filter-${section.id}-${optionIdx}`} className="ml-3 text-sm text-gray-600">
+                              {option.label}
+                            </label>
+                          </div>
+                        ))}
+                      </div>
+                    </div>
+                  </div>
+                );
+              })}
             </form>
 
             <div className="col-span-4 lg:col-span-3">
               <div>
-                <h2 className="text-gray-500 text-xs font-medium uppercase tracking-wide">Domains</h2>
-                <DomainGrid domains={domains} />
+                <h2 className="text-gray-500 text-xs font-medium uppercase tracking-wide">
+                  {filtersApplied
+                    ? `Filtered Domains (${domainsToRender.length}/${domains.length})`
+                    : `All Domains (${domains.length})`}
+                </h2>
+                <DomainGrid domains={domainsToRender} />
+                {domainsToRender.length === 0 && (
+                  <div className="text-gray-400 flex h-96  justify-center items-center">
+                    <div>
+                      <SearchIcon className="w-6 h-6 inline-block mr-1" />
+                      No domains found.
+                    </div>
+                  </div>
+                )}
               </div>
             </div>
           </div>
@@ -51,13 +184,11 @@ export default function Page({ domains }: PageProps) {
 }
 
 export async function getStaticProps() {
-  const services = getAllServices();
   const allDomains = await getAllDomains();
   const domains = allDomains.map((item) => item.domain);
 
   return {
     props: {
-      services,
       domains,
     },
   };

package/pages/events.tsx

@@ -27,10 +27,15 @@ export interface PageProps {
 }
 
 export default function Page({ events, services, domains }: PageProps) {
+  const [selectedFilters, setSelectedFilters] = useState({ services: [], domains: [], badges: [] });
+  const [showMermaidDiagrams, setShowMermaidDiagrams] = useState(false);
+  const [eventsToRender, setEventsToRender] = useState(events);
+  const [searchFilter, setSearchFilter] = useState('');
+
   const filters = [
     {
       id: 'domains',
-      name: `Filter by Domains (${domains.length})`,
+      name: `Filter by Domains`,
       options: domains.map((domain) => ({
         value: domain,
         label: domain,
@@ -39,20 +44,35 @@ export default function Page({ events, services, domains }: PageProps) {
     },
     {
       id: 'services',
-      name: `Filter by Services (${services.length})`,
+      name: `Filter by Services`,
       options: services.map((service) => ({
         value: service,
         label: service,
         checked: false,
       })),
     },
+    {
+      id: 'badges',
+      name: `Filter by Badges`,
+      options: events.reduce((p, c) => {
+        if (!c.badges) {
+          return p;
+        }
+        c.badges.forEach((badge) => {
+          const existing = p.map((b) => b.value);
+          if (!existing.includes(badge.content)) {
+            p.push({
+              value: badge.content,
+              label: badge.content,
+              checked: false,
+            });
+          }
+        });
+        return p;
+      }, [] as { value: string; label: string; checked: boolean }[]),
+    },
   ];
 
-  const [selectedFilters, setSelectedFilters] = useState({ services: [], domains: [] });
-  const [showMermaidDiagrams, setShowMermaidDiagrams] = useState(false);
-  const [eventsToRender, setEventsToRender] = useState(events);
-  const [searchFilter, setSearchFilter] = useState('');
-
   const handleFilterSelection = (option, type, event) => {
     console.log(option, type, event);
 
@@ -66,7 +86,7 @@ export default function Page({ events, services, domains }: PageProps) {
   };
 
   const getFilteredEvents = (): any => {
-    if (!selectedFilters.services && !searchFilter && !selectedFilters.domains) return events;
+    if (!selectedFilters.services && !searchFilter && !selectedFilters.domains && !selectedFilters.badges) return events;
 
     let filteredEvents = events;
 
@@ -90,6 +110,17 @@ export default function Page({ events, services, domains }: PageProps) {
       });
     }
 
+    if (selectedFilters.badges.length > 0) {
+      const { badges: badgeFilters } = selectedFilters;
+      // @ts-ignore
+      filteredEvents = filteredEvents.filter((event) => {
+        if (!event.badges) {
+          return false;
+        }
+        return event.badges.filter((badge) => badgeFilters.includes(badge.content)).length !== 0;
+      });
+    }
+
     if (searchFilter) {
       filteredEvents = filteredEvents.filter((event) => event.name.toLowerCase().includes(searchFilter.toLowerCase()));
     }
@@ -110,7 +141,11 @@ export default function Page({ events, services, domains }: PageProps) {
     [eventsToRender]
   );
 
-  const filtersApplied = !!searchFilter || selectedFilters.services.length > 0;
+  const filtersApplied =
+    !!searchFilter ||
+    selectedFilters.services.length > 0 ||
+    selectedFilters.domains.length > 0 ||
+    selectedFilters.badges.length > 0;
   const { title } = useConfig();
 
   return (
@@ -195,7 +230,9 @@ export default function Page({ events, services, domains }: PageProps) {
                   <div key={section.id} className="border-b border-gray-200 py-6">
                     <h3 className="-my-3 flow-root">
                       <div className="py-3 bg-white w-full flex items-center justify-between text-sm text-gray-400 hover:text-gray-500">
-                        <span className="font-bold font-medium text-gray-900">{section.name}</span>
+                        <span className="font-bold font-medium text-gray-900">
+                          {section.name} ({section.options.length})
+                        </span>
                       </div>
                     </h3>
                     <div className="pt-6">

package/pages/services.tsx

@@ -26,21 +26,70 @@ export interface PageProps {
 export default function Page({ services }: PageProps) {
   const [servicesToRender, setServicesToRender] = useState(services);
   const [searchFilter, setSearchFilter] = useState('');
+  const [selectedFilters, setSelectedFilters] = useState({ badges: [] });
+
+  const filters = [
+    {
+      id: 'badges',
+      name: `Filter by Badges`,
+      options: services.reduce((p, c) => {
+        if (!c.badges) {
+          return p;
+        }
+        c.badges.forEach((badge) => {
+          const existing = p.map((b) => b.value);
+          if (!existing.includes(badge.content)) {
+            p.push({
+              value: badge.content,
+              label: badge.content,
+              checked: false,
+            });
+          }
+        });
+        return p;
+      }, [] as { value: string; label: string; checked: boolean }[]),
+    },
+  ];
+
+  const handleFilterSelection = (option, type, event) => {
+    console.log(option, type, event);
+
+    if (event.target.checked) {
+      const newFilters = selectedFilters[type].concat([option.value]);
+      setSelectedFilters({ ...selectedFilters, [type]: newFilters });
+    } else {
+      const newFilters = selectedFilters[type].filter((value) => value !== option.value);
+      setSelectedFilters({ ...selectedFilters, [type]: newFilters });
+    }
+  };
 
   const getFilteredServices = (): any => {
     let filteredServices = services;
 
+    if (!selectedFilters.badges && !searchFilter) return services;
+
     if (searchFilter) {
       filteredServices = filteredServices.filter((service) => service.name.toLowerCase().includes(searchFilter.toLowerCase()));
     }
 
+    if (selectedFilters.badges.length > 0) {
+      const { badges: badgeFilters } = selectedFilters;
+      // @ts-ignore
+      filteredServices = filteredServices.filter((event) => {
+        if (!event.badges) {
+          return false;
+        }
+        return event.badges.filter((badge) => badgeFilters.includes(badge.content)).length !== 0;
+      });
+    }
+
     return filteredServices;
   };
 
   useEffect(() => {
     setServicesToRender(getFilteredServices());
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [searchFilter]);
+  }, [selectedFilters, searchFilter]);
 
   const debouncedFilter = useCallback(
     debounce((e) => {
@@ -49,7 +98,7 @@ export default function Page({ services }: PageProps) {
     [servicesToRender]
   );
 
-  const filtersApplied = !!searchFilter;
+  const filtersApplied = !!searchFilter || selectedFilters.badges.length > 0;
   const [showMermaidDiagrams, setShowMermaidDiagrams] = useState(false);
   const { title } = useConfig();
 
@@ -130,6 +179,41 @@ export default function Page({ services }: PageProps) {
                 </div>
               </div>
 
+              {filters.map((section: any) => {
+                if (!section.options.length) return null;
+                return (
+                  <div key={section.id} className="border-b border-gray-200 py-6">
+                    <h3 className="-my-3 flow-root">
+                      <div className="py-3 bg-white w-full flex items-center justify-between text-sm text-gray-400 hover:text-gray-500">
+                        <span className="font-bold font-medium text-gray-900">
+                          {section.name} ({section.options.length})
+                        </span>
+                      </div>
+                    </h3>
+                    <div className="pt-6">
+                      <div className="space-y-4">
+                        {section.options.map((option, optionIdx) => (
+                          <div key={option.value} className="flex items-center">
+                            <input
+                              id={`filter-${section.id}-${optionIdx}`}
+                              name={`${section.id}[]`}
+                              defaultValue={option.value}
+                              type="checkbox"
+                              onChange={(event) => handleFilterSelection(option, section.id, event)}
+                              defaultChecked={option.checked}
+                              className="h-4 w-4 border-gray-300 rounded text-gray-600 focus:ring-gray-500"
+                            />
+                            <label htmlFor={`filter-${section.id}-${optionIdx}`} className="ml-3 text-sm text-gray-600">
+                              {option.label}
+                            </label>
+                          </div>
+                        ))}
+                      </div>
+                    </div>
+                  </div>
+                );
+              })}
+
               <div className="border-b border-gray-200 pb-6">
                 <h3 className="-my-3 flow-root">
                   <div className="py-3 bg-white w-full flex items-center justify-between text-sm text-gray-400 hover:text-gray-500">

package/.next/static/chunks/pages/domains-2af48f367109301f.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6567],{97028:function(e,s,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/domains",function(){return n(91770)}])},43854:function(e,s,n){"use strict";var t=n(52322),r=(n(2784),n(39097)),a=n(17962),i=n(46892);s.Z=function(e){var s=e.domains,n=void 0===s?[]:s;return(0,t.jsx)("ul",{className:"mt-3 grid grid-cols-1 gap-5 md:grid-cols-2",children:n.map((function(e){var s;return(0,t.jsx)("li",{className:"flex",children:(0,t.jsx)(r.default,{href:"/domains/".concat(e.name),children:(0,t.jsxs)("a",{className:"flex shadow-sm w-full",children:[(0,t.jsx)("div",{style:{background:(0,i.Z)(e.name)},className:"w-4 rounded-l-md"}),(0,t.jsx)("div",{className:"w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md ",children:(0,t.jsxs)("div",{className:"p-4 text-sm space-y-2 flex flex-col justify-between h-full",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"text-gray-900 font-bold",children:e.name}),null===(s=e.badges)||void 0===s?void 0:s.map((function(s){return(0,t.jsx)("span",{className:"ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-".concat(s.backgroundColor,"-100 text-").concat(s.textColor,"-800"),children:s.content},"".concat(e.name,"-").concat(s.content))})),(0,t.jsx)("div",{className:"text-gray-500 text-xs font-normal mt-2 line-clamp-3",children:e.summary})]}),(0,t.jsxs)("div",{className:"flex space-x-4 text-xs pt-2 relative bottom-0 left-0",children:[(0,t.jsxs)("div",{className:" font-medium text-gray-500",children:[(0,t.jsx)(a.FMB,{className:"h-4 w-4 text-green-400 inline-block mr-2","aria-hidden":"true"}),"Services (",e.services.length,")"]}),(0,t.jsxs)("div",{className:" font-medium text-gray-500",children:[(0,t.jsx)(a.FMB,{className:"h-4 w-4 text-indigo-400 inline-block mr-2","aria-hidden":"true"}),"Events (",e.events.length,")"]})]})]})})]})})},e.name)}))})}},91770:function(e,s,n){"use strict";n.r(s),n.d(s,{__N_SSG:function(){return l},default:function(){return c}});var t=n(52322),r=n(97729),a=n(43854),i=n(55008),l=!0;function c(e){var s=e.domains,n=(0,i.ZR)().title;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.default,{children:(0,t.jsxs)("title",{children:[n," - All Domains"]})}),(0,t.jsxs)("main",{className:"max-w-7xl mx-auto md:min-h-screen px-4 xl:px-0",children:[(0,t.jsx)("div",{className:"relative z-10 flex items-baseline justify-between pt-8 pb-6 border-b border-gray-200",children:(0,t.jsxs)("h1",{className:"text-2xl font-extrabold tracking-tight text-gray-900",children:["Domains (",s.length,")"]})}),(0,t.jsx)("section",{className:"pt-6 pb-24",children:(0,t.jsxs)("div",{className:"grid grid-cols-4 gap-x-8 gap-y-10",children:[(0,t.jsx)("form",{className:"hidden lg:block",children:(0,t.jsxs)("div",{className:"border-b border-gray-200 pb-6",children:[(0,t.jsx)("h3",{className:"-my-3 flow-root",children:(0,t.jsx)("div",{className:"py-3 bg-white w-full flex items-center justify-between text-sm text-gray-400 hover:text-gray-500",children:(0,t.jsx)("span",{className:"font-medium text-gray-900",children:"Features"})})}),(0,t.jsx)("div",{className:"mt-4 text-xs text-gray-400",children:"No Filters for Domains"})]})}),(0,t.jsx)("div",{className:"col-span-4 lg:col-span-3",children:(0,t.jsxs)("div",{children:[(0,t.jsx)("h2",{className:"text-gray-500 text-xs font-medium uppercase tracking-wide",children:"Domains"}),(0,t.jsx)(a.Z,{domains:s})]})})]})})]})]})}},46892:function(e,s,n){"use strict";function t(e){for(var s=0,n=0;n<e.length;n++)s=e.charCodeAt(n)+((s<<5)-s);for(var t="#",r=0;r<3;r++){t+="00".concat((s>>8*r&255).toString(16)).substr(-2)}return t}n.d(s,{Z:function(){return t}})}},function(e){e.O(0,[7962,9774,2888,179],(function(){return s=97028,e(e.s=s);var s}));var s=e.O();_N_E=s}]);

package/.next/static/chunks/pages/services-26b3d634bb5461b7.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7054],{17891:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/services",function(){return t(46378)}])},44938:function(e,n,t){"use strict";var r=t(52322),a=(t(2784),t(39097)),s=t(17962),c=t(4573),i=t(46892);n.Z=function(e){var n=e.services,t=void 0===n?[]:n,o=e.showMermaidDiagrams,l=void 0!==o&&o;return(0,r.jsx)("ul",{className:"mt-3 grid grid-cols-1 gap-5 md:grid-cols-2",children:t.map((function(e){var n,t=e.draft,o=e.domain,d=o?"/domains/".concat(o,"/services/").concat(e.name):"/services/".concat(e.name);return(0,r.jsx)("li",{className:"flex",children:(0,r.jsx)(a.default,{href:d,children:(0,r.jsxs)("a",{className:"flex shadow-sm w-full",children:[(0,r.jsx)("div",{style:{background:(0,i.Z)(e.name)},className:"w-4 rounded-l-md"}),(0,r.jsx)("div",{className:"w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md ",children:(0,r.jsxs)("div",{className:"p-4 text-sm space-y-2 flex flex-col justify-between h-full",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{className:"text-gray-900 font-bold",children:e.name}),null===(n=e.badges)||void 0===n?void 0:n.map((function(n){return(0,r.jsx)("span",{className:"ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-".concat(n.backgroundColor,"-100 text-").concat(n.textColor,"-800"),children:n.content},"".concat(e.name,"-").concat(n.content))})),t&&(0,r.jsx)("span",{className:"ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-500 text-gray-100",children:"Draft"}),(0,r.jsx)("div",{className:"text-gray-500 text-xs font-normal mt-2 line-clamp-3",children:e.summary})]}),l&&(0,r.jsx)("div",{className:"h-full items-center flex",children:(0,r.jsx)(c.Z,{source:"service",data:e,rootNodeColor:(0,i.Z)(e.name)})}),(0,r.jsxs)("div",{className:"flex space-x-4 text-xs pt-2 relative bottom-0 left-0",children:[(0,r.jsxs)("div",{className:" font-medium text-gray-500",children:[(0,r.jsx)(s.FMB,{className:"h-4 w-4 text-green-400 inline-block mr-2","aria-hidden":"true"}),"Subscribe Events (",e.subscribes.length,")"]}),(0,r.jsxs)("div",{className:" font-medium text-gray-500",children:[(0,r.jsx)(s.FMB,{className:"h-4 w-4 text-indigo-400 inline-block mr-2","aria-hidden":"true"}),"Publish Events (",e.publishes.length,")"]})]})]})})]})})},e.name)}))})}},4573:function(e,n,t){"use strict";t.d(n,{Z:function(){return x}});var r=t(52322),a=t(2784),s=t(14689),c=t(70314),i=(0,c.default)().publicRuntimeConfig,o=(void 0===i?{}:i).basePath,l=void 0===o?"":o,d=function(e){return e.length>"50"?"".concat(e.substring(0,"50"),"..."):e},m=function(e,n,t){var r="/".concat(t?"domains/".concat(t,"/"):"").concat(n,"/").concat(e);return l?"".concat(l).concat(r):r},u=function(e,n,t,r){return"flowchart LR\n\n".concat(n.map((function(n){return"l-".concat(n.id,"[").concat(n.name,"]:::producer--\x3e").concat(e.id,"[").concat(e.name,"]:::event\n")})).join(""),"\nclassDef event stroke:").concat(r,",stroke-width: 4px;\n\nclassDef producer stroke:#75d7b6,stroke-width: 2px;\n\nclassDef consumer stroke:#818cf8,stroke-width: 2px;\n\n").concat(t.map((function(n){return"".concat(e.id,"[").concat(e.name,"]:::event--\x3er-").concat(n.id,"[").concat(n.name,"]:::consumer\n")})).join(""),"\n").concat(n.map((function(e){return"click l-".concat(e.id,' href "').concat(e.link,'" "Go to ').concat(e.name,'" _self\n')})).join(""),"\n").concat(t.map((function(e){return"click r-".concat(e.id,' href "').concat(e.link,'" "Go to ').concat(e.name,'" _self\n')})).join(""),"\nclick ").concat(e.id,' href "').concat(e.link,'" "Go to ').concat(e.name,'" _self\n\n')};s.Z.initialize({startOnLoad:!0,theme:"forest",securityLevel:"loose",flowchart:{useMaxWidth:!1,width:"1000px"},themeCSS:"\n  .node {\n      filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .2))\n  }\n  .mermaid svg {\n      width: 10000px\n  }\n  .node rect {\n      fill: white\n  }\n    ",fontFamily:"Fira Code",width:"100%"});var x=function(e){var n=e.data,t=e.source,c=void 0===t?"event":t,i=e.rootNodeColor,o=e.charts;if((0,a.useEffect)((function(){s.Z.contentLoaded()}),[]),o)return(0,r.jsx)(r.Fragment,{children:o.map((function(e,n){return(0,r.jsx)("div",{className:"mermaid",children:e},"chart-".concat(n))}))});var l="event"===c?function(e){var n=e.name,t=e.producerNames,r=e.consumerNames,a=e.producers,s=void 0===a?[]:a,c=e.consumers,i=void 0===c?[]:c,o=e.domain,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"#2563eb",x=t.map(d).map((function(e){var n;return{id:e.replace(/ /g,"_"),name:e,link:m(e,"services",null===(n=s.find((function(n){return n.name===e})))||void 0===n?void 0:n.domain)}})),f=r.map(d).map((function(e){var n;return{id:e.replace(/ /g,"_"),name:e,link:m(e,"services",null===(n=i.find((function(n){return n.name===e})))||void 0===n?void 0:n.domain)}})),h={id:d(n.replace(/ /g,"_")),name:n,link:m(n,"events",o)};return u(h,x,f,l)}(n,i):function(e){var n=e.publishes,t=e.subscribes,r=e.name,a=e.domain,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"#2563eb",c=t.map((function(e){return{event:e,truncatedName:d(e.name)}})).map((function(e){var n=e.event,t=e.truncatedName;return{id:t.replace(/ /g,"_"),name:t,link:m(n.name,"events",n.domain)}})),i=n.map((function(e){return{event:e,truncatedName:d(e.name)}})).map((function(e){var n=e.event,t=e.truncatedName;return{id:t.replace(/ /g,"_"),name:t,link:m(n.name,"events",n.domain)}})),o={id:d(r.replace(/ /g,"_")),name:r,link:m(r,"services",a)};return u(o,c,i,s)}(n,i);return(0,r.jsx)("div",{className:"mermaid",children:l})}},46378:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSG:function(){return h},default:function(){return v}});var r=t(52322),a=t(2784),s=t(97729),c=t(80594),i=t.n(c),o=t(51930),l=t(54643),d=t(61519),m=t(44938),u=t(55008);function x(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];return n.filter(Boolean).join(" ")}var f=[{name:"Name",href:"#",current:!0},{name:"Version",href:"#",current:!1},{name:"Domains",href:"#",current:!1}],h=!0;function v(e){var n=e.services,t=(0,a.useState)(n),c=t[0],h=t[1],v=(0,a.useState)(""),g=v[0],p=v[1];(0,a.useEffect)((function(){h(function(){var e=n;return g&&(e=e.filter((function(e){return e.name.toLowerCase().includes(g.toLowerCase())}))),e}())}),[g]);var j=(0,a.useCallback)(i()((function(e){p(e.target.value)}),500),[c]),b=!!g,N=(0,a.useState)(!1),y=N[0],w=N[1],k=(0,u.ZR)().title;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.default,{children:(0,r.jsxs)("title",{children:[k," - All Services"]})}),(0,r.jsxs)("main",{className:"max-w-7xl mx-auto md:min-h-screen px-4 xl:px-0",children:[(0,r.jsxs)("div",{className:"relative z-10 flex items-baseline justify-between pt-8 pb-6 border-b border-gray-200",children:[(0,r.jsxs)("h1",{className:"text-2xl font-extrabold tracking-tight text-gray-900",children:["Services (",n.length,")"]}),(0,r.jsx)("div",{className:"flex items-center",children:(0,r.jsxs)(o.v,{as:"div",className:"relative hidden text-left",children:[(0,r.jsx)("div",{children:(0,r.jsxs)(o.v.Button,{className:"group inline-flex justify-center text-sm font-medium text-gray-700 hover:text-gray-900",children:["Sort",(0,r.jsx)(d.v4q,{className:"flex-shrink-0 -mr-1 ml-1 h-5 w-5 text-gray-400 group-hover:text-gray-500","aria-hidden":"true"})]})}),(0,r.jsx)(l.u,{as:a.Fragment,enter:"transition ease-out duration-100",enterFrom:"transform opacity-0 scale-95",enterTo:"transform opacity-100 scale-100",leave:"transition ease-in duration-75",leaveFrom:"transform opacity-100 scale-100",leaveTo:"transform opacity-0 scale-95",children:(0,r.jsx)(o.v.Items,{className:"origin-top-right absolute right-0 mt-2 w-40 rounded-md shadow-2xl bg-white ring-1 ring-black ring-opacity-5 focus:outline-none",children:(0,r.jsx)("div",{className:"py-1",children:f.map((function(e){return(0,r.jsx)(o.v.Item,{children:function(n){var t=n.active;return(0,r.jsx)("a",{href:e.href,className:x(e.current?"font-medium text-gray-900":"text-gray-500",t?"bg-gray-100":"","block px-4 py-2 text-sm"),children:e.name})}},e.name)}))})})})]})})]}),(0,r.jsx)("section",{className:"pt-6 pb-24",children:(0,r.jsxs)("div",{className:"grid grid-cols-4 gap-x-8 gap-y-10",children:[(0,r.jsxs)("form",{className:"hidden lg:block",children:[(0,r.jsxs)("div",{className:"border-b border-gray-200 pb-6",children:[(0,r.jsx)("label",{htmlFor:"service",className:"font-bold block text-sm font-medium text-gray-700",children:"Search Services"}),(0,r.jsxs)("div",{className:"mt-1 relative rounded-md shadow-sm",children:[(0,r.jsx)("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:(0,r.jsx)(d.W1M,{className:"h-5 w-5 text-gray-400","aria-hidden":"true"})}),(0,r.jsx)("input",{type:"text",name:"service",id:"service",onChange:j,className:"focus:ring-gray-500 focus:border-gray-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md"})]})]}),(0,r.jsxs)("div",{className:"border-b border-gray-200 pb-6",children:[(0,r.jsx)("h3",{className:"-my-3 flow-root",children:(0,r.jsx)("div",{className:"py-3 bg-white w-full flex items-center justify-between text-sm text-gray-400 hover:text-gray-500",children:(0,r.jsx)("span",{className:"font-medium text-gray-900",children:"Features"})})}),(0,r.jsx)("div",{className:"pt-6",children:(0,r.jsx)("div",{className:"space-y-4",children:(0,r.jsxs)("div",{className:"flex items-center",children:[(0,r.jsx)("input",{id:"show-mermaid",type:"checkbox",onChange:function(e){return w(e.target.checked)},defaultChecked:y,className:"h-4 w-4 border-gray-300 rounded text-gray-600 focus:ring-gray-500"}),(0,r.jsx)("label",{htmlFor:"show-mermaid",className:"ml-3 text-sm text-gray-600",children:"Show Mermaid Diagrams"})]})})})]})]}),(0,r.jsx)("div",{className:"col-span-4 lg:col-span-3",children:(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-gray-500 text-xs font-medium uppercase tracking-wide",children:b?"Filtered Services (".concat(c.length,"/").concat(n.length,")"):"All Services (".concat(n.length,")")}),(0,r.jsx)(m.Z,{services:c,showMermaidDiagrams:y}),0===c.length&&(0,r.jsx)("div",{className:"text-gray-400 flex h-96 justify-center items-center",children:(0,r.jsxs)("div",{children:[(0,r.jsx)(d.W1M,{className:"w-6 h-6 inline-block mr-1"}),"No services found."]})})]})})]})})]})]})}},46892:function(e,n,t){"use strict";function r(e){for(var n=0,t=0;t<e.length;t++)n=e.charCodeAt(t)+((n<<5)-n);for(var r="#",a=0;a<3;a++){r+="00".concat((n>>8*a&255).toString(16)).substr(-2)}return r}t.d(n,{Z:function(){return r}})}},function(e){e.O(0,[7812,1519,7962,6873,9774,2888,179],(function(){return n=17891,e(e.s=n);var n}));var n=e.O();_N_E=n}]);

package/out/_next/data/XW8NB7ocjPyWYJcp6YWjr/domains/Shopping.json

@@ -1 +0,0 @@
-{"pageProps":{"domain":{"name":"Shopping","summary":"Domain for everything shopping\n","owners":["dboyne","mSmith"],"tags":[],"externalLinks":[],"badges":[],"events":[{"name":"AddedItemToCart","version":"0.0.2","summary":"Holds information about what the user added to their shopping cart.\n","domain":"Shopping","producerNames":["Basket Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[{"content":"New!","backgroundColor":"blue","textColor":"blue"}],"historicVersions":["0.0.2","0.0.1"],"producers":[{"name":"Basket Service"}],"consumers":[{"name":"Data Lake"}]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","domain":"Shopping","producerNames":["Basket Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[],"historicVersions":[],"producers":[{"name":"Basket Service"}],"consumers":[{"name":"Data Lake"}]}],"services":[]},"markdown":{"content":"\n<Admonition>Domain for everything to do with Shopping at our business. Before adding any events or services to this domain make sure you contact the domain owners and verify it's the correct place.</Admonition>\n\n### Details\n\nThis domain encapsulates everything in our business that has to do with shopping and users. This might be new items added to our online shop or online cart management.\n\n<NodeGraph title=\"Domain Graph\" />","lastModifiedDate":"2022/10/2","source":{"compiledSource":"var m=Object.defineProperty,c=Object.defineProperties;var u=Object.getOwnPropertyDescriptors;var i=Object.getOwnPropertySymbols;var a=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var d=(o,e,n)=>e in o?m(o,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):o[e]=n,r=(o,e)=>{for(var n in e||(e={}))a.call(e,n)&&d(o,n,e[n]);if(i)for(var n of i(e))s.call(e,n)&&d(o,n,e[n]);return o},p=(o,e)=>c(o,u(e));var h=(o,e)=>{var n={};for(var t in o)a.call(o,t)&&e.indexOf(t)<0&&(n[t]=o[t]);if(o!=null&&i)for(var t of i(o))e.indexOf(t)<0&&s.call(o,t)&&(n[t]=o[t]);return n};const makeShortcode=o=>function(n){return console.warn(\"Component \"+o+\" was not imported, exported, or provided by MDXProvider as global scope\"),mdx(\"div\",r({},n))},Admonition=makeShortcode(\"Admonition\"),NodeGraph=makeShortcode(\"NodeGraph\"),layoutProps={},MDXLayout=\"wrapper\";function MDXContent(n){var t=n,{components:o}=t,e=h(t,[\"components\"]);return mdx(MDXLayout,p(r(r({},layoutProps),e),{components:o,mdxType:\"MDXLayout\"}),mdx(Admonition,{mdxType:\"Admonition\"},\"Domain for everything to do with Shopping at our business. Before adding any events or services to this domain make sure you contact the domain owners and verify it's the correct place.\"),mdx(\"h3\",null,\"Details\"),mdx(\"p\",null,\"This domain encapsulates everything in our business that has to do with shopping and users. This might be new items added to our online shop or online cart management.\"),mdx(NodeGraph,{title:\"Domain Graph\",mdxType:\"NodeGraph\"}))}MDXContent.isMDXComponent=!0;\n","scope":{}}}},"__N_SSG":true}

package/out/_next/data/XW8NB7ocjPyWYJcp6YWjr/domains.json

@@ -1 +0,0 @@
-{"pageProps":{"services":[{"name":"Orders Service","summary":"Service that handles customer orders\n","domain":"Orders","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"badges":[{"content":"New!","backgroundColor":"blue","textColor":"blue"}],"publishes":[{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","domain":"Orders","producerNames":["Orders Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[],"historicVersions":[]},{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","domain":"Orders","producerNames":["Orders Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[{"content":"Deprecated","backgroundColor":"red","textColor":"red"}],"historicVersions":[]}],"subscribes":[{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","domain":null,"producerNames":["Payment Service"],"consumerNames":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[{"content":"Recently updated!","backgroundColor":"green","textColor":"green"}],"historicVersions":[]}]},{"name":"Payment Service","summary":"Event based application that integrates with Stripe.\n","domain":null,"owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"badges":[{"content":"New!","backgroundColor":"blue","textColor":"blue"},{"content":"Payment Process","backgroundColor":"yellow","textColor":"red"}],"publishes":[{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","domain":null,"producerNames":["Payment Service"],"consumerNames":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[{"content":"Recently updated!","backgroundColor":"green","textColor":"green"}],"historicVersions":[]}],"subscribes":[{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","domain":"Orders","producerNames":["Basket Service"],"consumerNames":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[],"historicVersions":[]}]},{"name":"Shipping Service","summary":"Event based application that handles processing of shipments, preparing them and dispatching them.\n","domain":null,"owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-shipping-service"},"tags":[],"externalLinks":[],"badges":[],"publishes":[{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[],"historicVersions":[]}],"subscribes":[{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","domain":"Orders","producerNames":["Orders Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[{"content":"Deprecated","backgroundColor":"red","textColor":"red"}],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[],"historicVersions":[]}]}],"domains":[{"name":"Orders","summary":"Domain for everything shopping\n","owners":["dboyne","mSmith"],"tags":[],"externalLinks":[],"badges":[{"content":"New!","backgroundColor":"blue","textColor":"blue"}],"events":[{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","domain":"Orders","producerNames":["Orders Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[],"historicVersions":[],"producers":[{"name":"Orders Service","summary":"Service that handles customer orders\n","domain":"Orders","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"badges":[{"content":"New!","backgroundColor":"blue","textColor":"blue"}],"publishes":[{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","domain":"Orders","producerNames":["Orders Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[],"historicVersions":[]},{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","domain":"Orders","producerNames":["Orders Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[{"content":"Deprecated","backgroundColor":"red","textColor":"red"}],"historicVersions":[]}],"subscribes":[{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","domain":null,"producerNames":["Payment Service"],"consumerNames":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[{"content":"Recently updated!","backgroundColor":"green","textColor":"green"}],"historicVersions":[]}]}],"consumers":[{"name":"Data Lake"}]},{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","domain":"Orders","producerNames":["Orders Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[{"content":"Deprecated","backgroundColor":"red","textColor":"red"}],"historicVersions":[],"producers":[{"name":"Orders Service","summary":"Service that handles customer orders\n","domain":"Orders","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"badges":[{"content":"New!","backgroundColor":"blue","textColor":"blue"}],"publishes":[{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","domain":"Orders","producerNames":["Orders Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[],"historicVersions":[]},{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","domain":"Orders","producerNames":["Orders Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[{"content":"Deprecated","backgroundColor":"red","textColor":"red"}],"historicVersions":[]}],"subscribes":[{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","domain":null,"producerNames":["Payment Service"],"consumerNames":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[{"content":"Recently updated!","backgroundColor":"green","textColor":"green"}],"historicVersions":[]}]}],"consumers":[{"name":"Shipping Service","summary":"Event based application that handles processing of shipments, preparing them and dispatching them.\n","domain":null,"owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-shipping-service"},"tags":[],"externalLinks":[],"badges":[],"publishes":[{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[],"historicVersions":[]}],"subscribes":[{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","domain":"Orders","producerNames":["Orders Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[{"content":"Deprecated","backgroundColor":"red","textColor":"red"}],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","domain":null,"producerNames":["Shipping Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[],"historicVersions":[]}]}]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","domain":"Orders","producerNames":["Basket Service"],"consumerNames":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[],"historicVersions":[],"producers":[{"name":"Basket Service"}],"consumers":[{"name":"Payment Service","summary":"Event based application that integrates with Stripe.\n","domain":null,"owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"badges":[{"content":"New!","backgroundColor":"blue","textColor":"blue"},{"content":"Payment Process","backgroundColor":"yellow","textColor":"red"}],"publishes":[{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","domain":null,"producerNames":["Payment Service"],"consumerNames":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[{"content":"Recently updated!","backgroundColor":"green","textColor":"green"}],"historicVersions":[]}],"subscribes":[{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","domain":"Orders","producerNames":["Basket Service"],"consumerNames":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[],"historicVersions":[]}]}]}],"services":[{"name":"Orders Service","summary":"Service that handles customer orders\n","domain":"Orders","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"badges":[{"content":"New!","backgroundColor":"blue","textColor":"blue"}],"publishes":[{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","domain":"Orders","producerNames":["Orders Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[],"historicVersions":[]},{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","domain":"Orders","producerNames":["Orders Service"],"consumerNames":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[{"content":"Deprecated","backgroundColor":"red","textColor":"red"}],"historicVersions":[]}],"subscribes":[{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","domain":null,"producerNames":["Payment Service"],"consumerNames":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[{"content":"Recently updated!","backgroundColor":"green","textColor":"green"}],"historicVersions":[]}]}]},{"name":"Shopping","summary":"Domain for everything shopping\n","owners":["dboyne","mSmith"],"tags":[],"externalLinks":[],"badges":[],"events":[{"name":"AddedItemToCart","version":"0.0.2","summary":"Holds information about what the user added to their shopping cart.\n","domain":"Shopping","producerNames":["Basket Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[{"content":"New!","backgroundColor":"blue","textColor":"blue"}],"historicVersions":["0.0.2","0.0.1"],"producers":[{"name":"Basket Service"}],"consumers":[{"name":"Data Lake"}]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","domain":"Shopping","producerNames":["Basket Service"],"consumerNames":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"badges":[],"historicVersions":[],"producers":[{"name":"Basket Service"}],"consumers":[{"name":"Data Lake"}]}],"services":[]}]},"__N_SSG":true}

package/out/_next/static/chunks/pages/domains-2af48f367109301f.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6567],{97028:function(e,s,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/domains",function(){return n(91770)}])},43854:function(e,s,n){"use strict";var t=n(52322),r=(n(2784),n(39097)),a=n(17962),i=n(46892);s.Z=function(e){var s=e.domains,n=void 0===s?[]:s;return(0,t.jsx)("ul",{className:"mt-3 grid grid-cols-1 gap-5 md:grid-cols-2",children:n.map((function(e){var s;return(0,t.jsx)("li",{className:"flex",children:(0,t.jsx)(r.default,{href:"/domains/".concat(e.name),children:(0,t.jsxs)("a",{className:"flex shadow-sm w-full",children:[(0,t.jsx)("div",{style:{background:(0,i.Z)(e.name)},className:"w-4 rounded-l-md"}),(0,t.jsx)("div",{className:"w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md ",children:(0,t.jsxs)("div",{className:"p-4 text-sm space-y-2 flex flex-col justify-between h-full",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"text-gray-900 font-bold",children:e.name}),null===(s=e.badges)||void 0===s?void 0:s.map((function(s){return(0,t.jsx)("span",{className:"ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-".concat(s.backgroundColor,"-100 text-").concat(s.textColor,"-800"),children:s.content},"".concat(e.name,"-").concat(s.content))})),(0,t.jsx)("div",{className:"text-gray-500 text-xs font-normal mt-2 line-clamp-3",children:e.summary})]}),(0,t.jsxs)("div",{className:"flex space-x-4 text-xs pt-2 relative bottom-0 left-0",children:[(0,t.jsxs)("div",{className:" font-medium text-gray-500",children:[(0,t.jsx)(a.FMB,{className:"h-4 w-4 text-green-400 inline-block mr-2","aria-hidden":"true"}),"Services (",e.services.length,")"]}),(0,t.jsxs)("div",{className:" font-medium text-gray-500",children:[(0,t.jsx)(a.FMB,{className:"h-4 w-4 text-indigo-400 inline-block mr-2","aria-hidden":"true"}),"Events (",e.events.length,")"]})]})]})})]})})},e.name)}))})}},91770:function(e,s,n){"use strict";n.r(s),n.d(s,{__N_SSG:function(){return l},default:function(){return c}});var t=n(52322),r=n(97729),a=n(43854),i=n(55008),l=!0;function c(e){var s=e.domains,n=(0,i.ZR)().title;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.default,{children:(0,t.jsxs)("title",{children:[n," - All Domains"]})}),(0,t.jsxs)("main",{className:"max-w-7xl mx-auto md:min-h-screen px-4 xl:px-0",children:[(0,t.jsx)("div",{className:"relative z-10 flex items-baseline justify-between pt-8 pb-6 border-b border-gray-200",children:(0,t.jsxs)("h1",{className:"text-2xl font-extrabold tracking-tight text-gray-900",children:["Domains (",s.length,")"]})}),(0,t.jsx)("section",{className:"pt-6 pb-24",children:(0,t.jsxs)("div",{className:"grid grid-cols-4 gap-x-8 gap-y-10",children:[(0,t.jsx)("form",{className:"hidden lg:block",children:(0,t.jsxs)("div",{className:"border-b border-gray-200 pb-6",children:[(0,t.jsx)("h3",{className:"-my-3 flow-root",children:(0,t.jsx)("div",{className:"py-3 bg-white w-full flex items-center justify-between text-sm text-gray-400 hover:text-gray-500",children:(0,t.jsx)("span",{className:"font-medium text-gray-900",children:"Features"})})}),(0,t.jsx)("div",{className:"mt-4 text-xs text-gray-400",children:"No Filters for Domains"})]})}),(0,t.jsx)("div",{className:"col-span-4 lg:col-span-3",children:(0,t.jsxs)("div",{children:[(0,t.jsx)("h2",{className:"text-gray-500 text-xs font-medium uppercase tracking-wide",children:"Domains"}),(0,t.jsx)(a.Z,{domains:s})]})})]})})]})]})}},46892:function(e,s,n){"use strict";function t(e){for(var s=0,n=0;n<e.length;n++)s=e.charCodeAt(n)+((s<<5)-s);for(var t="#",r=0;r<3;r++){t+="00".concat((s>>8*r&255).toString(16)).substr(-2)}return t}n.d(s,{Z:function(){return t}})}},function(e){e.O(0,[7962,9774,2888,179],(function(){return s=97028,e(e.s=s);var s}));var s=e.O();_N_E=s}]);

package/out/_next/static/chunks/pages/services-26b3d634bb5461b7.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7054],{17891:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/services",function(){return t(46378)}])},44938:function(e,n,t){"use strict";var r=t(52322),a=(t(2784),t(39097)),s=t(17962),c=t(4573),i=t(46892);n.Z=function(e){var n=e.services,t=void 0===n?[]:n,o=e.showMermaidDiagrams,l=void 0!==o&&o;return(0,r.jsx)("ul",{className:"mt-3 grid grid-cols-1 gap-5 md:grid-cols-2",children:t.map((function(e){var n,t=e.draft,o=e.domain,d=o?"/domains/".concat(o,"/services/").concat(e.name):"/services/".concat(e.name);return(0,r.jsx)("li",{className:"flex",children:(0,r.jsx)(a.default,{href:d,children:(0,r.jsxs)("a",{className:"flex shadow-sm w-full",children:[(0,r.jsx)("div",{style:{background:(0,i.Z)(e.name)},className:"w-4 rounded-l-md"}),(0,r.jsx)("div",{className:"w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md ",children:(0,r.jsxs)("div",{className:"p-4 text-sm space-y-2 flex flex-col justify-between h-full",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{className:"text-gray-900 font-bold",children:e.name}),null===(n=e.badges)||void 0===n?void 0:n.map((function(n){return(0,r.jsx)("span",{className:"ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-".concat(n.backgroundColor,"-100 text-").concat(n.textColor,"-800"),children:n.content},"".concat(e.name,"-").concat(n.content))})),t&&(0,r.jsx)("span",{className:"ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-500 text-gray-100",children:"Draft"}),(0,r.jsx)("div",{className:"text-gray-500 text-xs font-normal mt-2 line-clamp-3",children:e.summary})]}),l&&(0,r.jsx)("div",{className:"h-full items-center flex",children:(0,r.jsx)(c.Z,{source:"service",data:e,rootNodeColor:(0,i.Z)(e.name)})}),(0,r.jsxs)("div",{className:"flex space-x-4 text-xs pt-2 relative bottom-0 left-0",children:[(0,r.jsxs)("div",{className:" font-medium text-gray-500",children:[(0,r.jsx)(s.FMB,{className:"h-4 w-4 text-green-400 inline-block mr-2","aria-hidden":"true"}),"Subscribe Events (",e.subscribes.length,")"]}),(0,r.jsxs)("div",{className:" font-medium text-gray-500",children:[(0,r.jsx)(s.FMB,{className:"h-4 w-4 text-indigo-400 inline-block mr-2","aria-hidden":"true"}),"Publish Events (",e.publishes.length,")"]})]})]})})]})})},e.name)}))})}},4573:function(e,n,t){"use strict";t.d(n,{Z:function(){return x}});var r=t(52322),a=t(2784),s=t(14689),c=t(70314),i=(0,c.default)().publicRuntimeConfig,o=(void 0===i?{}:i).basePath,l=void 0===o?"":o,d=function(e){return e.length>"50"?"".concat(e.substring(0,"50"),"..."):e},m=function(e,n,t){var r="/".concat(t?"domains/".concat(t,"/"):"").concat(n,"/").concat(e);return l?"".concat(l).concat(r):r},u=function(e,n,t,r){return"flowchart LR\n\n".concat(n.map((function(n){return"l-".concat(n.id,"[").concat(n.name,"]:::producer--\x3e").concat(e.id,"[").concat(e.name,"]:::event\n")})).join(""),"\nclassDef event stroke:").concat(r,",stroke-width: 4px;\n\nclassDef producer stroke:#75d7b6,stroke-width: 2px;\n\nclassDef consumer stroke:#818cf8,stroke-width: 2px;\n\n").concat(t.map((function(n){return"".concat(e.id,"[").concat(e.name,"]:::event--\x3er-").concat(n.id,"[").concat(n.name,"]:::consumer\n")})).join(""),"\n").concat(n.map((function(e){return"click l-".concat(e.id,' href "').concat(e.link,'" "Go to ').concat(e.name,'" _self\n')})).join(""),"\n").concat(t.map((function(e){return"click r-".concat(e.id,' href "').concat(e.link,'" "Go to ').concat(e.name,'" _self\n')})).join(""),"\nclick ").concat(e.id,' href "').concat(e.link,'" "Go to ').concat(e.name,'" _self\n\n')};s.Z.initialize({startOnLoad:!0,theme:"forest",securityLevel:"loose",flowchart:{useMaxWidth:!1,width:"1000px"},themeCSS:"\n  .node {\n      filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .2))\n  }\n  .mermaid svg {\n      width: 10000px\n  }\n  .node rect {\n      fill: white\n  }\n    ",fontFamily:"Fira Code",width:"100%"});var x=function(e){var n=e.data,t=e.source,c=void 0===t?"event":t,i=e.rootNodeColor,o=e.charts;if((0,a.useEffect)((function(){s.Z.contentLoaded()}),[]),o)return(0,r.jsx)(r.Fragment,{children:o.map((function(e,n){return(0,r.jsx)("div",{className:"mermaid",children:e},"chart-".concat(n))}))});var l="event"===c?function(e){var n=e.name,t=e.producerNames,r=e.consumerNames,a=e.producers,s=void 0===a?[]:a,c=e.consumers,i=void 0===c?[]:c,o=e.domain,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"#2563eb",x=t.map(d).map((function(e){var n;return{id:e.replace(/ /g,"_"),name:e,link:m(e,"services",null===(n=s.find((function(n){return n.name===e})))||void 0===n?void 0:n.domain)}})),f=r.map(d).map((function(e){var n;return{id:e.replace(/ /g,"_"),name:e,link:m(e,"services",null===(n=i.find((function(n){return n.name===e})))||void 0===n?void 0:n.domain)}})),h={id:d(n.replace(/ /g,"_")),name:n,link:m(n,"events",o)};return u(h,x,f,l)}(n,i):function(e){var n=e.publishes,t=e.subscribes,r=e.name,a=e.domain,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"#2563eb",c=t.map((function(e){return{event:e,truncatedName:d(e.name)}})).map((function(e){var n=e.event,t=e.truncatedName;return{id:t.replace(/ /g,"_"),name:t,link:m(n.name,"events",n.domain)}})),i=n.map((function(e){return{event:e,truncatedName:d(e.name)}})).map((function(e){var n=e.event,t=e.truncatedName;return{id:t.replace(/ /g,"_"),name:t,link:m(n.name,"events",n.domain)}})),o={id:d(r.replace(/ /g,"_")),name:r,link:m(r,"services",a)};return u(o,c,i,s)}(n,i);return(0,r.jsx)("div",{className:"mermaid",children:l})}},46378:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSG:function(){return h},default:function(){return v}});var r=t(52322),a=t(2784),s=t(97729),c=t(80594),i=t.n(c),o=t(51930),l=t(54643),d=t(61519),m=t(44938),u=t(55008);function x(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];return n.filter(Boolean).join(" ")}var f=[{name:"Name",href:"#",current:!0},{name:"Version",href:"#",current:!1},{name:"Domains",href:"#",current:!1}],h=!0;function v(e){var n=e.services,t=(0,a.useState)(n),c=t[0],h=t[1],v=(0,a.useState)(""),g=v[0],p=v[1];(0,a.useEffect)((function(){h(function(){var e=n;return g&&(e=e.filter((function(e){return e.name.toLowerCase().includes(g.toLowerCase())}))),e}())}),[g]);var j=(0,a.useCallback)(i()((function(e){p(e.target.value)}),500),[c]),b=!!g,N=(0,a.useState)(!1),y=N[0],w=N[1],k=(0,u.ZR)().title;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.default,{children:(0,r.jsxs)("title",{children:[k," - All Services"]})}),(0,r.jsxs)("main",{className:"max-w-7xl mx-auto md:min-h-screen px-4 xl:px-0",children:[(0,r.jsxs)("div",{className:"relative z-10 flex items-baseline justify-between pt-8 pb-6 border-b border-gray-200",children:[(0,r.jsxs)("h1",{className:"text-2xl font-extrabold tracking-tight text-gray-900",children:["Services (",n.length,")"]}),(0,r.jsx)("div",{className:"flex items-center",children:(0,r.jsxs)(o.v,{as:"div",className:"relative hidden text-left",children:[(0,r.jsx)("div",{children:(0,r.jsxs)(o.v.Button,{className:"group inline-flex justify-center text-sm font-medium text-gray-700 hover:text-gray-900",children:["Sort",(0,r.jsx)(d.v4q,{className:"flex-shrink-0 -mr-1 ml-1 h-5 w-5 text-gray-400 group-hover:text-gray-500","aria-hidden":"true"})]})}),(0,r.jsx)(l.u,{as:a.Fragment,enter:"transition ease-out duration-100",enterFrom:"transform opacity-0 scale-95",enterTo:"transform opacity-100 scale-100",leave:"transition ease-in duration-75",leaveFrom:"transform opacity-100 scale-100",leaveTo:"transform opacity-0 scale-95",children:(0,r.jsx)(o.v.Items,{className:"origin-top-right absolute right-0 mt-2 w-40 rounded-md shadow-2xl bg-white ring-1 ring-black ring-opacity-5 focus:outline-none",children:(0,r.jsx)("div",{className:"py-1",children:f.map((function(e){return(0,r.jsx)(o.v.Item,{children:function(n){var t=n.active;return(0,r.jsx)("a",{href:e.href,className:x(e.current?"font-medium text-gray-900":"text-gray-500",t?"bg-gray-100":"","block px-4 py-2 text-sm"),children:e.name})}},e.name)}))})})})]})})]}),(0,r.jsx)("section",{className:"pt-6 pb-24",children:(0,r.jsxs)("div",{className:"grid grid-cols-4 gap-x-8 gap-y-10",children:[(0,r.jsxs)("form",{className:"hidden lg:block",children:[(0,r.jsxs)("div",{className:"border-b border-gray-200 pb-6",children:[(0,r.jsx)("label",{htmlFor:"service",className:"font-bold block text-sm font-medium text-gray-700",children:"Search Services"}),(0,r.jsxs)("div",{className:"mt-1 relative rounded-md shadow-sm",children:[(0,r.jsx)("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:(0,r.jsx)(d.W1M,{className:"h-5 w-5 text-gray-400","aria-hidden":"true"})}),(0,r.jsx)("input",{type:"text",name:"service",id:"service",onChange:j,className:"focus:ring-gray-500 focus:border-gray-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md"})]})]}),(0,r.jsxs)("div",{className:"border-b border-gray-200 pb-6",children:[(0,r.jsx)("h3",{className:"-my-3 flow-root",children:(0,r.jsx)("div",{className:"py-3 bg-white w-full flex items-center justify-between text-sm text-gray-400 hover:text-gray-500",children:(0,r.jsx)("span",{className:"font-medium text-gray-900",children:"Features"})})}),(0,r.jsx)("div",{className:"pt-6",children:(0,r.jsx)("div",{className:"space-y-4",children:(0,r.jsxs)("div",{className:"flex items-center",children:[(0,r.jsx)("input",{id:"show-mermaid",type:"checkbox",onChange:function(e){return w(e.target.checked)},defaultChecked:y,className:"h-4 w-4 border-gray-300 rounded text-gray-600 focus:ring-gray-500"}),(0,r.jsx)("label",{htmlFor:"show-mermaid",className:"ml-3 text-sm text-gray-600",children:"Show Mermaid Diagrams"})]})})})]})]}),(0,r.jsx)("div",{className:"col-span-4 lg:col-span-3",children:(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-gray-500 text-xs font-medium uppercase tracking-wide",children:b?"Filtered Services (".concat(c.length,"/").concat(n.length,")"):"All Services (".concat(n.length,")")}),(0,r.jsx)(m.Z,{services:c,showMermaidDiagrams:y}),0===c.length&&(0,r.jsx)("div",{className:"text-gray-400 flex h-96 justify-center items-center",children:(0,r.jsxs)("div",{children:[(0,r.jsx)(d.W1M,{className:"w-6 h-6 inline-block mr-1"}),"No services found."]})})]})})]})})]})]})}},46892:function(e,n,t){"use strict";function r(e){for(var n=0,t=0;t<e.length;t++)n=e.charCodeAt(t)+((n<<5)-n);for(var r="#",a=0;a<3;a++){r+="00".concat((n>>8*a&255).toString(16)).substr(-2)}return r}t.d(n,{Z:function(){return r}})}},function(e){e.O(0,[7812,1519,7962,6873,9774,2888,179],(function(){return n=17891,e(e.s=n);var n}));var n=e.O();_N_E=n}]);