@eventcatalog/core 0.0.13 → 0.0.14

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @eventcatalog/core
 
+## 0.0.14
+
+### Patch Changes
+
+- [`7c23703`](https://github.com/boyney123/eventcatalog/commit/7c237039535d7f5d6f229396cf59eb5cbf5b0645) [#109](https://github.com/boyney123/eventcatalog/pull/109) Thanks [@boyney123](https://github.com/boyney123)! - fix: issue with long names for services and events rendering incorrectly
+
 ## 0.0.13
 
 ### Patch Changes

package/components/Grids/EventGrid.tsx

@@ -38,7 +38,7 @@ function EventGrid({ events = [], showMermaidDiagrams = false }: EventGridProps)
                 />
                 <div className="w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md ">
                   <div className="p-4 text-sm space-y-2 flex flex-col justify-between h-full">
-                    <div className="text-gray-900 font-bold hover:text-gray-600">
+                    <div className="text-gray-900 font-bold hover:text-gray-600 break-all">
                       {event.name}
                       <span className="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">
                         v{event.version}

package/components/Grids/ServiceGrid.tsx

@@ -4,14 +4,16 @@ import Link from 'next/link';
 import { CubeIcon } from '@heroicons/react/outline';
 
 import { Service } from '@eventcatalog/types';
+import Mermaid from '@/components/Mermaid';
 
 import getBackgroundColor from '@/utils/random-bg';
 
 interface ServiceGridProps {
   services: Service[];
+  showMermaidDiagrams?: boolean;
 }
 
-function ServiceGrid({ services = [] }: ServiceGridProps) {
+function ServiceGrid({ services = [], showMermaidDiagrams = false }: ServiceGridProps) {
   return (
     <ul className="mt-3 grid grid-cols-1 gap-5 md:grid-cols-2">
       {services.map((service) => {
@@ -38,6 +40,11 @@ function ServiceGrid({ services = [] }: ServiceGridProps) {
                       )}
                       <div className="text-gray-500 text-xs font-normal mt-2 line-clamp-3">{service.summary}</div>
                     </div>
+                    {showMermaidDiagrams && (
+                      <div className="h-full items-center flex">
+                        <Mermaid source="service" data={service} rootNodeColor={getBackgroundColor(service.name)} />
+                      </div>
+                    )}
                     <div className="flex space-x-4 text-xs pt-2 relative bottom-0 left-0">
                       <div className=" font-medium text-gray-500">
                         <CubeIcon className="h-4 w-4 text-green-400 inline-block mr-2" aria-hidden="true" />

package/components/NotFound/index.tsx

@@ -16,8 +16,9 @@ export default function Example(props: NotFoundProps) {
           Failed to find {type}
         </p>
         <h1 className="mt-2 text-4xl font-extrabold text-gray-900 tracking-tight sm:text-5xl">Missing Documentation</h1>
-        <p className="mt-2 text-lg font-medium text-gray-700 text-opacity-50">
-          Documentation for {type} <span className="underline">{name}</span> is missing!
+        <p className="mt-2 text-lg font-medium text-gray-700 text-opacity-50 text-center ">
+          Documentation for {type} is missing!
+          <span className="block font-bold text-gray-800 underline break-all max-w-2xl mx-auto py-4">{name}</span>
         </p>
         <p className="mt-4 text-xs text-gray-400">Help the eco-system and add the documentation for others ❤️ </p>
         {editUrl && (
@@ -29,7 +30,7 @@ export default function Example(props: NotFoundProps) {
               rel="noreferrer"
             >
               <DocumentAddIcon className="-ml-1 mr-2 h-5 w-5" aria-hidden="true" />
-              Add <span className="underline px-1">{name}</span> documentation
+              Add missing <span className="underline px-1">{type}</span> documentation
             </a>
           </div>
         )}

package/components/Sidebars/ServiceSidebar.tsx

@@ -42,13 +42,13 @@ function ServiceSidebar({ service }: ServiceSideBarProps) {
           </h2>
           <ul className="mt-2 leading-8">
             {publishes.map((event) => (
-              <li className="inline" key={event.name}>
+              <li className="inline " key={event.name}>
                 <Link href={`/events/${event.name}`}>
                   <a href="#" className="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5">
                     <div className="absolute flex-shrink-0 flex items-center justify-center">
                       <span className="h-1.5 w-1.5 rounded-full bg-indigo-500 animate animate-pulse" aria-hidden="true" />
                     </div>
-                    <div className="ml-3.5 text-sm font-medium text-gray-900">{event.name}</div>
+                    <div className="ml-3.5 text-sm font-medium text-gray-900 truncate max-w-xs">{event.name}</div>
                   </a>
                 </Link>
               </li>
@@ -70,7 +70,7 @@ function ServiceSidebar({ service }: ServiceSideBarProps) {
                     <div className="absolute flex-shrink-0 flex items-center justify-center">
                       <span className="h-1.5 w-1.5 rounded-full bg-green-500  animate animate-pulse" aria-hidden="true" />
                     </div>
-                    <div className="ml-3.5 text-sm font-medium text-gray-900">{event.name}</div>
+                    <div className="ml-3.5 text-sm font-medium text-gray-900 truncate max-w-xs">{event.name}</div>
                   </a>
                 </Link>
               </li>

package/lib/graphs.ts

@@ -1,11 +1,15 @@
 import type { Event, Service } from '@eventcatalog/types';
 
+const MAX_LENGTH_FOR_NODES = '50';
+
+const truncateNode = (value) => (value.length > MAX_LENGTH_FOR_NODES ? `${value.substring(0, MAX_LENGTH_FOR_NODES)}...` : value);
+
 const buildMermaid = (centerNode, leftNodes, rightNodes, rootNodeColor) => {
   // mermaid does not work with spaces in nodes
   const removeSpacesInNames = (nodes) => nodes.map((node) => node.replace(/ /g, '_'));
-  const lNodes = removeSpacesInNames(leftNodes);
-  const rNodes = removeSpacesInNames(rightNodes);
-  const nodeValue = centerNode.replace(/ /g, '_');
+  const lNodes = removeSpacesInNames(leftNodes).map(truncateNode);
+  const rNodes = removeSpacesInNames(rightNodes).map(truncateNode);
+  const nodeValue = truncateNode(centerNode.replace(/ /g, '_'));
 
   return `flowchart LR
 ${lNodes.map((node) => `${node}:::producer-->${nodeValue}:::event\n`).join('')}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eventcatalog/core",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "publishConfig": {
     "access": "public"
   },

package/pages/events.tsx

@@ -2,8 +2,6 @@ import { Fragment, useState } from 'react';
 import Head from 'next/head';
 import type { Event, Service } from '@eventcatalog/types';
 
-import Link from 'next/link';
-
 import { Menu, Transition } from '@headlessui/react';
 import { ChevronDownIcon } from '@heroicons/react/solid';
 import EventGrid from '@/components/Grids/EventGrid';
@@ -28,7 +26,7 @@ export default function Page({ events, services }: PageProps) {
   const filters = [
     {
       id: 'services',
-      name: 'Services',
+      name: 'Filter by Services',
       options: services.map((service) => ({
         value: service,
         label: service,
@@ -123,19 +121,8 @@ export default function Page({ events, services }: PageProps) {
           <div className="grid grid-cols-4 gap-x-8 gap-y-10">
             {/* Filters */}
             <form className="hidden lg:block">
-              <span className="text-sm font-bold text-gray-900 mb-4 block">Events</span>
-              <ul className=" text-sm text-gray-600 space-y-4 pb-6 border-b border-gray-200 items-stretch">
-                {events.map((event) => (
-                  <li key={event.name}>
-                    <Link href={`/events/${event.name}`}>
-                      <a>{event.name}</a>
-                    </Link>
-                  </li>
-                ))}
-              </ul>
-
               {filters.map((section: any) => (
-                <div key={section.id} className="border-b border-gray-200 py-6">
+                <div key={section.id} 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">{section.name}</span>

package/pages/overview.tsx

@@ -12,15 +12,18 @@ function NodeElement({ node: { id } }: { node: { id: string } }) {
   return <div className={`text-sm text-center p-1 rounded-md `}>{id}</div>;
 }
 
+const MAX_LENGTH_FOR_NODES = 30;
+const truncateNode = (value) => (value.length > MAX_LENGTH_FOR_NODES ? `${value.substring(0, MAX_LENGTH_FOR_NODES)}...` : value);
+
 const graph = ({ events, services }) => {
-  const eventNodes = events.map(({ name: event }) => ({ id: event, group: 1, type: 'event' }));
-  const serviceNodes = services.map((service) => ({ id: service, group: 2, type: 'service' }));
+  const eventNodes = events.map(({ name: event }) => ({ id: truncateNode(event), group: 1, type: 'event' }));
+  const serviceNodes = services.map((service) => ({ id: truncateNode(service), group: 2, type: 'service' }));
 
   // Create all links
   const links = events.reduce((nodes, event) => {
     const { consumers = [], producers = [], name } = event;
-    const consumerNodes = consumers.map((consumer) => ({ source: name, target: consumer }));
-    const producerNodes = producers.map((producer) => ({ source: producer, target: name }));
+    const consumerNodes = consumers.map((consumer) => ({ source: truncateNode(name), target: truncateNode(consumer) }));
+    const producerNodes = producers.map((producer) => ({ source: truncateNode(producer), target: truncateNode(name) }));
     return nodes.concat(consumerNodes).concat(producerNodes);
   }, []);
 

package/pages/services.tsx

@@ -1,9 +1,7 @@
-import { Fragment } from 'react';
+import { Fragment, useState } from 'react';
 import Head from 'next/head';
 import { Service } from '@eventcatalog/types';
 
-import Link from 'next/link';
-
 import { Menu, Transition } from '@headlessui/react';
 import { ChevronDownIcon } from '@heroicons/react/solid';
 import ServiceGrid from '@/components/Grids/ServiceGrid';
@@ -24,6 +22,8 @@ export interface PageProps {
 }
 
 export default function Page({ services }: PageProps) {
+  const [showMermaidDiagrams, setShowMermaidDiagrams] = useState(false);
+
   return (
     <>
       <Head>
@@ -83,22 +83,35 @@ export default function Page({ services }: PageProps) {
           <div className="grid grid-cols-4 gap-x-8 gap-y-10">
             {/* Filters */}
             <form className="hidden lg:block">
-              <span className="text-sm font-bold text-gray-900 mb-4 block">Services</span>
-              <ul className=" text-sm font-medium text-gray-900 space-y-4 pb-6 border-b border-gray-200 items-stretch">
-                {services.map((service) => (
-                  <li key={service.name}>
-                    <Link href={`/services/${service.name}`}>
-                      <a>{service.name}</a>
-                    </Link>
-                  </li>
-                ))}
-              </ul>
+              <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>
+                  </div>
+                </h3>
+                <div className="pt-6">
+                  <div className="space-y-4">
+                    <div className="flex items-center">
+                      <input
+                        id="show-mermaid"
+                        type="checkbox"
+                        onChange={(e) => setShowMermaidDiagrams(e.target.checked)}
+                        defaultChecked={showMermaidDiagrams}
+                        className="h-4 w-4 border-gray-300 rounded text-gray-600 focus:ring-gray-500"
+                      />
+                      <label htmlFor="show-mermaid" className="ml-3 text-sm text-gray-600">
+                        Show Mermaid Diagrams
+                      </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">Services</h2>
-                <ServiceGrid services={services} />
+                <ServiceGrid services={services} showMermaidDiagrams={showMermaidDiagrams} />
               </div>
             </div>
           </div>

package/.next/static/_xDKoQkSTiqn78cDjL9uS/_buildManifest.js

@@ -1 +0,0 @@
-self.__BUILD_MANIFEST=function(s,e,c,a,t,n,i){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":["static/chunks/pages/index-3eeab7e4014a02ea.js"],"/_error":["static/chunks/pages/_error-5a714c45c50a8db4.js"],"/events":[c,s,e,t,"static/chunks/pages/events-a38d51b4dd9dd7cf.js"],"/events/[name]":[c,s,e,n,a,i,"static/chunks/pages/events/[name]-578828157369b5cd.js"],"/events/[name]/logs":[s,"static/chunks/364-3cb3c8cf1d3c95de.js","static/css/5eeed9cb243ce668.css","static/chunks/pages/events/[name]/logs-d159d7b82f44847f.js"],"/events/[name]/v/[version]":[c,s,e,n,a,i,"static/chunks/pages/events/[name]/v/[version]-963d3e8377b51e86.js"],"/overview":["static/chunks/pages/overview-5ac749891cbe1922.js"],"/services":[s,e,t,"static/chunks/pages/services-bcc61898062e1bf4.js"],"/services/[name]":[c,s,e,a,"static/chunks/pages/services/[name]-881a79d880506d8a.js"],"/users/[id]":[c,e,"static/chunks/pages/users/[id]-a2fec953b3532a74.js"],sortedPages:["/","/_app","/_error","/events","/events/[name]","/events/[name]/logs","/events/[name]/v/[version]","/overview","/services","/services/[name]","/users/[id]"]}}("static/chunks/519-7f22292093abd7c3.js","static/chunks/962-d5070461f6d4a478.js","static/chunks/176cb4e4-8a0f6f010ef8accb.js","static/chunks/336-323c44d05b2ca502.js","static/chunks/274-11c4d093341d7201.js","static/chunks/954-4d4a09c3269dda3f.js","static/chunks/873-31046e43f178cc08.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();

package/.next/static/chunks/pages/events-a38d51b4dd9dd7cf.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[695],{74461:function(e,r,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/events",function(){return t(68209)}])},90526:function(e,r,t){"use strict";var n=t(52322),s=(t(2784),t(39097)),a=t(17962),i=t(46892),c=t(4573);function l(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return r.filter(Boolean).join(" ")}r.Z=function(e){var r=e.events,t=void 0===r?[]:r,o=e.showMermaidDiagrams,d=void 0!==o&&o;return(0,n.jsx)("ul",{className:"mt-3 grid grid-cols-1 gap-5 md:grid-cols-2",children:t.map((function(e){var r=e.draft;return(0,n.jsx)("li",{className:"flex",children:(0,n.jsx)(s.default,{href:"/events/".concat(e.name),children:(0,n.jsxs)("a",{className:"flex shadow-sm rounded-md w-full",children:[(0,n.jsx)("div",{style:{background:(0,i.Z)(e.name)},className:l("bg-red-500","flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md")}),(0,n.jsx)("div",{className:"w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md ",children:(0,n.jsxs)("div",{className:"p-4 text-sm space-y-2 flex flex-col justify-between h-full",children:[(0,n.jsxs)("div",{className:"text-gray-900 font-bold hover:text-gray-600",children:[e.name,(0,n.jsxs)("span",{className:"ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800",children:["v",e.version]}),r&&(0,n.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,n.jsx)("div",{className:"text-gray-500 text-xs font-normal mt-2 ",children:e.summary})]}),d&&(0,n.jsx)("div",{className:"h-full items-center flex",children:(0,n.jsx)(c.Z,{source:"event",data:e,rootNodeColor:(0,i.Z)(e.name)})}),(0,n.jsxs)("div",{className:"flex space-x-4 text-xs pt-2 relative bottom-0 left-0",children:[(0,n.jsxs)("div",{className:" font-medium text-gray-500",children:[(0,n.jsx)(a.FMB,{className:"h-4 w-4 text-green-400 inline-block mr-2","aria-hidden":"true"}),"Producers (",e.producers.length,")"]}),(0,n.jsxs)("div",{className:" font-medium text-gray-500",children:[(0,n.jsx)(a.FMB,{className:"h-4 w-4 text-indigo-400 inline-block mr-2","aria-hidden":"true"}),"Subscribers (",e.consumers.length,")"]})]})]})})]})})},e.name)}))})}},4573:function(e,r,t){"use strict";t.d(r,{Z:function(){return c}});var n=t(52322),s=t(2784),a=t(14689),i=function(e,r,t,n){var s=function(e){return e.map((function(e){return e.replace(/ /g,"_")}))},a=s(r),i=s(t),c=e.replace(/ /g,"_");return"flowchart LR\n".concat(a.map((function(e){return"".concat(e,":::producer--\x3e").concat(c,":::event\n")})).join(""),"\nclassDef event stroke:").concat(n,",stroke-width: 4px;\nclassDef producer stroke:#75d7b6,stroke-width: 2px;\nclassDef consumer stroke:#818cf8,stroke-width: 2px;\n").concat(i.map((function(e){return"".concat(c,":::event--\x3e").concat(e,":::consumer\n")})).join(""),"\n  ")};a.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 c=function(e){var r=e.data,t=e.source,c=void 0===t?"event":t,l=e.rootNodeColor,o=e.charts;if((0,s.useEffect)((function(){a.Z.contentLoaded()}),[]),o)return(0,n.jsx)(n.Fragment,{children:o.map((function(e,r){return(0,n.jsx)("div",{className:"mermaid",children:e},"chart-".concat(r))}))});var d="event"===c?function(e,r){var t=e.name,n=e.producers,s=e.consumers;return i(t,n,s,void 0===r?"#2563eb":r)}(r,l):function(e,r){var t=e.publishes,n=e.subscribes,s=e.name,a=void 0===r?"#2563eb":r;return i(s,n.map((function(e){return e.name})),t.map((function(e){return e.name})),a)}(r,l);return(0,n.jsx)("div",{className:"mermaid",children:d})}},68209:function(e,r,t){"use strict";t.r(r),t.d(r,{__N_SSP:function(){return h},default:function(){return v}});var n=t(52322),s=t(2784),a=t(97729),i=t(39097),c=t(51930),l=t(54643),o=t(61519),d=t(90526);function m(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function u(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){m(e,r,t[r])}))}return e}function x(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return r.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 r=e.events,t=[{id:"services",name:"Services",options:e.services.map((function(e){return{value:e,label:e,checked:!1}}))}],h=(0,s.useState)({services:[]}),v=h[0],g=h[1],p=(0,s.useState)(!1),j=p[0],y=p[1],b=r;return v.services.length>0&&(b=b.filter((function(e){var r=v.services,t=e.consumers.some((function(e){return r.indexOf(e)>-1})),n=e.producers.some((function(e){return r.indexOf(e)>-1}));return t||n}))),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.default,{children:(0,n.jsx)("title",{children:"EventCatalog - All Events"})}),(0,n.jsxs)("main",{className:"max-w-7xl mx-auto min-h-screen px-4 md:px-0",children:[(0,n.jsxs)("div",{className:"relative z-10 flex items-baseline justify-between pt-8 pb-6 border-b border-gray-200",children:[(0,n.jsxs)("h1",{className:"text-2xl font-extrabold tracking-tight text-gray-900",children:["Events (",r.length,")"]}),(0,n.jsx)("div",{className:"flex items-center",children:(0,n.jsxs)(c.v,{as:"div",className:"hidden relative text-left",children:[(0,n.jsx)("div",{children:(0,n.jsxs)(c.v.Button,{className:"group inline-flex justify-center text-sm font-medium text-gray-700 hover:text-gray-900",children:["Sort",(0,n.jsx)(o.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,n.jsx)(l.u,{as:s.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,n.jsx)(c.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,n.jsx)("div",{className:"py-1",children:f.map((function(e){return(0,n.jsx)(c.v.Item,{children:function(r){var t=r.active;return(0,n.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,n.jsx)("section",{className:"pt-6 pb-24",children:(0,n.jsxs)("div",{className:"grid grid-cols-4 gap-x-8 gap-y-10",children:[(0,n.jsxs)("form",{className:"hidden lg:block",children:[(0,n.jsx)("span",{className:"text-sm font-bold text-gray-900 mb-4 block",children:"Events"}),(0,n.jsx)("ul",{className:" text-sm text-gray-600 space-y-4 pb-6 border-b border-gray-200 items-stretch",children:r.map((function(e){return(0,n.jsx)("li",{children:(0,n.jsx)(i.default,{href:"/events/".concat(e.name),children:(0,n.jsx)("a",{children:e.name})})},e.name)}))}),t.map((function(e){return(0,n.jsxs)("div",{className:"border-b border-gray-200 py-6",children:[(0,n.jsx)("h3",{className:"-my-3 flow-root",children:(0,n.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,n.jsx)("span",{className:"font-medium text-gray-900",children:e.name})})}),(0,n.jsx)("div",{className:"pt-6",children:(0,n.jsx)("div",{className:"space-y-4",children:e.options.map((function(r,t){return(0,n.jsxs)("div",{className:"flex items-center",children:[(0,n.jsx)("input",{id:"filter-".concat(e.id,"-").concat(t),name:"".concat(e.id,"[]"),defaultValue:r.value,type:"checkbox",onChange:function(t){return function(e,r,t){if(t.target.checked){var n=v[r].concat([e.value]);g(u({},v,m({},r,n)))}else{var s=v[r].filter((function(r){return r!==e.value}));g(u({},v,m({},r,s)))}}(r,e.id,t)},defaultChecked:r.checked,className:"h-4 w-4 border-gray-300 rounded text-gray-600 focus:ring-gray-500"}),(0,n.jsx)("label",{htmlFor:"filter-".concat(e.id,"-").concat(t),className:"ml-3 text-sm text-gray-600",children:r.label})]},r.value)}))})})]},e.id)})),(0,n.jsxs)("div",{className:"border-b border-gray-200 py-6",children:[(0,n.jsx)("h3",{className:"-my-3 flow-root",children:(0,n.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,n.jsx)("span",{className:"font-medium text-gray-900",children:"Features"})})}),(0,n.jsx)("div",{className:"pt-6",children:(0,n.jsx)("div",{className:"space-y-4",children:(0,n.jsxs)("div",{className:"flex items-center",children:[(0,n.jsx)("input",{id:"show-mermaid",type:"checkbox",onChange:function(e){return y(e.target.checked)},defaultChecked:j,className:"h-4 w-4 border-gray-300 rounded text-gray-600 focus:ring-gray-500"}),(0,n.jsx)("label",{htmlFor:"show-mermaid",className:"ml-3 text-sm text-gray-600",children:"Show Mermaid Diagrams"})]})})})]})]}),(0,n.jsx)("div",{className:"col-span-4 lg:col-span-3",children:(0,n.jsxs)("div",{children:[(0,n.jsxs)("h2",{className:"text-gray-500 text-xs font-medium uppercase tracking-wide",children:["Events (",b.length,")"]}),(0,n.jsx)(d.Z,{events:b,showMermaidDiagrams:j})]})})]})})]})]})}},46892:function(e,r,t){"use strict";function n(e){for(var r=0,t=0;t<e.length;t++)r=e.charCodeAt(t)+((r<<5)-r);for(var n="#",s=0;s<3;s++){n+="00".concat((r>>8*s&255).toString(16)).substr(-2)}return n}t.d(r,{Z:function(){return n}})}},function(e){e.O(0,[812,519,962,274,774,888,179],(function(){return r=74461,e(e.s=r);var r}));var r=e.O();_N_E=r}]);

package/.next/static/chunks/pages/services/[name]-881a79d880506d8a.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[532],{30876:function(e,r,n){"use strict";n.r(r),n.d(r,{MDXContext:function(){return o},MDXProvider:function(){return m},mdx:function(){return p},useMDXComponents:function(){return d},withMDXComponents:function(){return u}});var t=n(2784);function a(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function s(){return(s=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e}).apply(this,arguments)}function l(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function i(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?l(Object(n),!0).forEach((function(r){a(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}function c(e,r){if(null==e)return{};var n,t,a=function(e,r){if(null==e)return{};var n,t,a={},s=Object.keys(e);for(t=0;t<s.length;t++)n=s[t],r.indexOf(n)>=0||(a[n]=e[n]);return a}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(t=0;t<s.length;t++)n=s[t],r.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var o=t.createContext({}),u=function(e){return function(r){var n=d(r.components);return t.createElement(e,s({},r,{components:n}))}},d=function(e){var r=t.useContext(o),n=r;return e&&(n="function"===typeof e?e(r):i(i({},r),e)),n},m=function(e){var r=d(e.components);return t.createElement(o.Provider,{value:r},e.children)},f={inlineCode:"code",wrapper:function(e){var r=e.children;return t.createElement(t.Fragment,{},r)}},x=t.forwardRef((function(e,r){var n=e.components,a=e.mdxType,s=e.originalType,l=e.parentName,o=c(e,["components","mdxType","originalType","parentName"]),u=d(n),m=a,x=u["".concat(l,".").concat(m)]||u[m]||f[m]||s;return n?t.createElement(x,i(i({ref:r},o),{},{components:n})):t.createElement(x,i({ref:r},o))}));function p(e,r){var n=arguments,a=r&&r.mdxType;if("string"===typeof e||a){var s=n.length,l=new Array(s);l[0]=x;var i={};for(var c in r)hasOwnProperty.call(r,c)&&(i[c]=r[c]);i.originalType=e,i.mdxType="string"===typeof e?e:a,l[1]=i;for(var o=2;o<s;o++)l[o]=n[o];return t.createElement.apply(null,l)}return t.createElement.apply(null,n)}x.displayName="MDXCreateElement"},23816:function(e,r,n){"use strict";var t=n(2784),a=n(30876);function s(e){return e&&"object"===typeof e&&"default"in e?e:{default:e}}function l(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var i=s(t),c=l(a);"undefined"!==typeof window&&(window.requestIdleCallback=window.requestIdleCallback||function(e){var r=Date.now();return setTimeout((function(){e({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-r))}})}),1)},window.cancelIdleCallback=window.cancelIdleCallback||function(e){clearTimeout(e)}),r.R=function({compiledSource:e,scope:r,components:n={},lazy:a}){const[s,l]=t.useState(!a||"undefined"===typeof window);t.useEffect((()=>{if(a){const e=window.requestIdleCallback((()=>{l(!0)}));return()=>window.cancelIdleCallback(e)}}),[]);const o=t.useMemo((()=>{const n=Object.assign({mdx:c.mdx,React:i.default},r),t=Object.keys(n),a=Object.values(n),s=Reflect.construct(Function,t.concat(`${e}; return MDXContent;`));return s.apply(s,a)}),[r,e]);if(!s)return i.default.createElement("div",{dangerouslySetInnerHTML:{__html:""},suppressHydrationWarning:!0});const u=i.default.createElement(c.MDXProvider,{components:n},i.default.createElement(o,null));return a?i.default.createElement("div",null,u):u}},75080:function(e,r,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/services/[name]",function(){return n(34585)}])},34585:function(e,r,n){"use strict";n.r(r),n.d(r,{__N_SSG:function(){return v},default:function(){return g}});var t=n(52322),a=n(97729),s=n(23816),l=n(62455),i=n(61790),c=n(4573),o=(n(2784),n(39097)),u=n(17962),d=n(55008),m=n(46892),f=["purple","pink","green","yellow","blue","indigo"];var x=function(e){var r=e.service,n=(0,d.aF)().getUserById,a=r.owners,s=r.subscribes,l=r.publishes,i=r.repository,c=r.tags,x=void 0===c?[]:c,p=r.externalLinks,h=i.language,y=i.url,j=[];h&&(j=Array.isArray(h)?h:[h]);var b="";return y&&(b=y.replace(/(^\w+:|^)\/\//,"")),(0,t.jsxs)("aside",{className:"hidden xl:block xl:pl-8",children:[(0,t.jsx)("h2",{className:"sr-only",children:"Details"}),(0,t.jsx)("div",{className:"pt-6 py-6 space-y-8",children:(0,t.jsxs)("div",{children:[(0,t.jsxs)("h2",{className:"text-sm font-medium text-gray-500",children:[(0,t.jsx)(u.FMB,{className:"h-5 w-5 text-indigo-400 inline-block mr-2","aria-hidden":"true"}),"Publishes Events (",l.length,")"]}),(0,t.jsx)("ul",{className:"mt-2 leading-8",children:l.map((function(e){return(0,t.jsx)("li",{className:"inline",children:(0,t.jsx)(o.default,{href:"/events/".concat(e.name),children:(0,t.jsxs)("a",{href:"#",className:"relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5",children:[(0,t.jsx)("div",{className:"absolute flex-shrink-0 flex items-center justify-center",children:(0,t.jsx)("span",{className:"h-1.5 w-1.5 rounded-full bg-indigo-500 animate animate-pulse","aria-hidden":"true"})}),(0,t.jsx)("div",{className:"ml-3.5 text-sm font-medium text-gray-900",children:e.name})]})})},e.name)}))})]})}),(0,t.jsx)("div",{className:"border-t border-gray-200 py-6 space-y-8",children:(0,t.jsxs)("div",{children:[(0,t.jsxs)("h2",{className:"text-sm font-medium text-gray-500",children:[(0,t.jsx)(u.FMB,{className:"h-5 w-5 text-green-400 inline-block mr-2","aria-hidden":"true"}),"Subscribes to Events (",s.length,")"]}),(0,t.jsx)("ul",{className:"mt-2 leading-8",children:s.map((function(e){return(0,t.jsx)("li",{className:"inline",children:(0,t.jsx)(o.default,{href:"/events/".concat(e.name),children:(0,t.jsxs)("a",{className:"relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5",children:[(0,t.jsx)("div",{className:"absolute flex-shrink-0 flex items-center justify-center",children:(0,t.jsx)("span",{className:"h-1.5 w-1.5 rounded-full bg-green-500 animate animate-pulse","aria-hidden":"true"})}),(0,t.jsx)("div",{className:"ml-3.5 text-sm font-medium text-gray-900",children:e.name})]})})},e.name)}))})]})}),(0,t.jsx)("div",{className:"border-t border-gray-200 py-6 space-y-8",children:(0,t.jsxs)("div",{children:[(0,t.jsxs)("h2",{className:"text-sm font-medium text-gray-500",children:["Service Owners (",a.length,")"]}),(0,t.jsx)("ul",{className:"mt-4 leading-8 space-y-2",children:a.map((function(e){var r=n(e);return r?(0,t.jsx)("li",{className:"flex justify-start",children:(0,t.jsx)(o.default,{href:"/users/".concat(r.id),children:(0,t.jsxs)("a",{className:"flex items-center space-x-3",children:[(0,t.jsx)("div",{className:"flex-shrink-0",children:(0,t.jsx)("img",{className:"h-5 w-5 rounded-full",src:r.avatarUrl,alt:""})}),(0,t.jsx)("div",{className:"text-sm font-medium text-gray-900",children:r.name})]})})},r.id):null}))})]})}),(null===i||void 0===i?void 0:i.url)&&(0,t.jsx)("div",{className:"border-t border-gray-200 py-6 space-y-8",children:(0,t.jsxs)("div",{className:"space-y-3",children:[(0,t.jsx)("h2",{className:"text-sm font-medium text-gray-500",children:"Repository"}),(0,t.jsx)("ul",{className:" leading-8 space-y-2",children:(0,t.jsx)("li",{className:"flex justify-start",children:(0,t.jsx)("a",{href:null===i||void 0===i?void 0:i.url,target:"_blank",className:"flex items-center space-x-3 text-blue-600 underline text-sm",rel:"noreferrer",children:b})})})]})}),j.length>0&&(0,t.jsx)("div",{className:"border-t border-gray-200 py-6 space-y-8",children:(0,t.jsxs)("div",{className:"space-y-3",children:[(0,t.jsx)("h2",{className:"text-sm font-medium text-gray-500",children:"Language"}),j.map((function(e){return(0,t.jsxs)("div",{className:"relative flex items-center mt-2",children:[(0,t.jsx)("div",{className:"absolute flex-shrink-0 flex items-center justify-center",children:(0,t.jsx)("span",{className:"h-2 w-2 rounded-full","aria-hidden":"true",style:{background:(0,m.Z)(e)}})}),(0,t.jsx)("div",{className:"ml-3.5 text-sm font-medium text-gray-900",children:e})]},e)}))]})}),p.length>0&&(0,t.jsx)("div",{className:"border-t border-gray-200 py-6 space-y-8",children:(0,t.jsx)("div",{className:"space-y-3",children:p.map((function(e){return(0,t.jsxs)("a",{href:e.url,target:"_blank",type:"button",className:"hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-teal-300 shadow-sm text-sm font-medium rounded-md text-teal-800 hover:bg-teal-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-teal-200",rel:"noreferrer",children:[(0,t.jsx)(u.h0n,{className:"-ml-1 mr-2 h-5 w-5 text-teal-200","aria-hidden":"true"}),(0,t.jsx)("span",{children:"".concat(e.label)})]},e.url)}))})}),x.length>0&&(0,t.jsx)("div",{className:"border-t border-gray-200 py-6 space-y-8",children:(0,t.jsxs)("div",{children:[(0,t.jsxs)("h2",{className:"text-sm font-medium text-gray-500",children:[(0,t.jsx)(u.lO_,{className:"h-5 w-5 text-gray-400 inline-block mr-2","aria-hidden":"true"}),"Tags"]}),(0,t.jsx)("div",{className:"mt-3 space-y-2",children:x.map((function(e,r){var n=e.label,a=e.url,s=f[r%f.length];return a?(0,t.jsx)("a",{href:a,className:"inline-block underline",target:"_blank",rel:"noreferrer",children:(0,t.jsx)("span",{className:"underline inline-block mr-2 items-center px-2.5 py-0.5 rounded-full text-xs font-medium -top-0.5 relative bg-".concat(s,"-100 text-").concat(s,"-800"),children:n})}):(0,t.jsx)("span",{className:"inline-block mr-2 items-center px-2.5 py-0.5 rounded-full text-xs font-medium -top-0.5 relative bg-".concat(s,"-100 text-").concat(s,"-800"),children:n})}))})]})})]})},p=n(52428),h=n(4488);function y(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function j(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},t=Object.keys(n);"function"===typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),t.forEach((function(r){y(e,r,n[r])}))}return e}function b(e){var r=e.title,n=e.service,a=e.charts;return(0,t.jsxs)("div",{className:"mx-auto w-full py-10",children:[r&&(0,t.jsx)("h2",{className:"text-lg font-medium text-gray-900 underline",children:r}),(0,t.jsx)(c.Z,{source:"service",data:n,rootNodeColor:(0,m.Z)(n.name),charts:a})]})}var v=!0;function g(e){var r=e.service,n=e.markdown,c=e.notFound,o=(0,d.wG)(),u=o.getEditUrl,m=o.hasEditUrl;if(c)return(0,t.jsx)(h.Z,{type:"service",name:r.name,editUrl:m?u("/services/".concat(r.name,"/index.md")):""});var f=r.name,y=r.summary,v=r.draft,g=n.lastModifiedDate,N=function(e){return{Admonition:i.Z,Mermaid:function(r){var n=r.title,a=r.charts;return(0,t.jsx)(b,{service:e,title:n,charts:a})}}}(r),w=[{name:"Services",href:"/services",current:!1},{name:f,href:"/services/".concat(f),current:!0}];return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(a.default,{children:(0,t.jsx)("title",{children:f})}),(0,t.jsx)(l.Z,{title:f,editUrl:m?u("/services/".concat(f,"/index.md")):"",subtitle:y,draft:v,lastModifiedDate:g,breadCrumbs:(0,t.jsx)(p.Z,{pages:w,homePath:"/services"}),sidebar:(0,t.jsx)(x,{service:r}),children:(0,t.jsx)(s.R,j({},n.source,{components:N}))})]})}}},function(e){e.O(0,[812,519,962,336,774,888,179],(function(){return r=75080,e(e.s=r);var r}));var r=e.O();_N_E=r}]);

package/.next/static/chunks/pages/services-bcc61898062e1bf4.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54],{17891:function(e,r,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/services",function(){return s(46378)}])},44938:function(e,r,s){"use strict";var t=s(52322),n=(s(2784),s(39097)),a=s(17962),i=s(46892);r.Z=function(e){var r=e.services,s=void 0===r?[]:r;return(0,t.jsx)("ul",{className:"mt-3 grid grid-cols-1 gap-5 md:grid-cols-2",children:s.map((function(e){var r=e.draft;return(0,t.jsx)("li",{className:"flex",children:(0,t.jsx)(n.default,{href:"/services/".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}),r&&(0,t.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,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"}),"Subscribe Events (",e.subscribes.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"}),"Publish Events (",e.publishes.length,")"]})]})]})})]})})},e.name)}))})}},46378:function(e,r,s){"use strict";s.r(r),s.d(r,{__N_SSP:function(){return u},default:function(){return h}});var t=s(52322),n=s(2784),a=s(97729),i=s(39097),l=s(51930),c=s(54643),d=s(61519),o=s(44938);function m(){for(var e=arguments.length,r=new Array(e),s=0;s<e;s++)r[s]=arguments[s];return r.filter(Boolean).join(" ")}var x=[{name:"Name",href:"#",current:!0},{name:"Version",href:"#",current:!1},{name:"Domains",href:"#",current:!1}],u=!0;function h(e){var r=e.services;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(a.default,{children:(0,t.jsx)("title",{children:"EventCatalog - All Services"})}),(0,t.jsxs)("main",{className:"max-w-7xl mx-auto md:min-h-screen px-4 md:px-0",children:[(0,t.jsxs)("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:["Services (",r.length,")"]}),(0,t.jsx)("div",{className:"flex items-center",children:(0,t.jsxs)(l.v,{as:"div",className:"relative hidden text-left",children:[(0,t.jsx)("div",{children:(0,t.jsxs)(l.v.Button,{className:"group inline-flex justify-center text-sm font-medium text-gray-700 hover:text-gray-900",children:["Sort",(0,t.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,t.jsx)(c.u,{as:n.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,t.jsx)(l.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,t.jsx)("div",{className:"py-1",children:x.map((function(e){return(0,t.jsx)(l.v.Item,{children:function(r){var s=r.active;return(0,t.jsx)("a",{href:e.href,className:m(e.current?"font-medium text-gray-900":"text-gray-500",s?"bg-gray-100":"","block px-4 py-2 text-sm"),children:e.name})}},e.name)}))})})})]})})]}),(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.jsxs)("form",{className:"hidden lg:block",children:[(0,t.jsx)("span",{className:"text-sm font-bold text-gray-900 mb-4 block",children:"Services"}),(0,t.jsx)("ul",{className:" text-sm font-medium text-gray-900 space-y-4 pb-6 border-b border-gray-200 items-stretch",children:r.map((function(e){return(0,t.jsx)("li",{children:(0,t.jsx)(i.default,{href:"/services/".concat(e.name),children:(0,t.jsx)("a",{children:e.name})})},e.name)}))})]}),(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:"Services"}),(0,t.jsx)(o.Z,{services:r})]})})]})})]})]})}},46892:function(e,r,s){"use strict";function t(e){for(var r=0,s=0;s<e.length;s++)r=e.charCodeAt(s)+((r<<5)-r);for(var t="#",n=0;n<3;n++){t+="00".concat((r>>8*n&255).toString(16)).substr(-2)}return t}s.d(r,{Z:function(){return t}})}},function(e){e.O(0,[519,962,274,774,888,179],(function(){return r=17891,e(e.s=r);var r}));var r=e.O();_N_E=r}]);

package/.next/static/chunks/pages/users/[id]-a2fec953b3532a74.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[108],{84852:function(e,s,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/users/[id]",function(){return r(10429)}])},90526:function(e,s,r){"use strict";var n=r(52322),t=(r(2784),r(39097)),a=r(17962),l=r(46892),i=r(4573);function c(){for(var e=arguments.length,s=new Array(e),r=0;r<e;r++)s[r]=arguments[r];return s.filter(Boolean).join(" ")}s.Z=function(e){var s=e.events,r=void 0===s?[]:s,d=e.showMermaidDiagrams,o=void 0!==d&&d;return(0,n.jsx)("ul",{className:"mt-3 grid grid-cols-1 gap-5 md:grid-cols-2",children:r.map((function(e){var s=e.draft;return(0,n.jsx)("li",{className:"flex",children:(0,n.jsx)(t.default,{href:"/events/".concat(e.name),children:(0,n.jsxs)("a",{className:"flex shadow-sm rounded-md w-full",children:[(0,n.jsx)("div",{style:{background:(0,l.Z)(e.name)},className:c("bg-red-500","flex-shrink-0 flex items-center justify-center w-4 text-white text-sm font-medium rounded-l-md")}),(0,n.jsx)("div",{className:"w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md ",children:(0,n.jsxs)("div",{className:"p-4 text-sm space-y-2 flex flex-col justify-between h-full",children:[(0,n.jsxs)("div",{className:"text-gray-900 font-bold hover:text-gray-600",children:[e.name,(0,n.jsxs)("span",{className:"ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800",children:["v",e.version]}),s&&(0,n.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,n.jsx)("div",{className:"text-gray-500 text-xs font-normal mt-2 ",children:e.summary})]}),o&&(0,n.jsx)("div",{className:"h-full items-center flex",children:(0,n.jsx)(i.Z,{source:"event",data:e,rootNodeColor:(0,l.Z)(e.name)})}),(0,n.jsxs)("div",{className:"flex space-x-4 text-xs pt-2 relative bottom-0 left-0",children:[(0,n.jsxs)("div",{className:" font-medium text-gray-500",children:[(0,n.jsx)(a.FMB,{className:"h-4 w-4 text-green-400 inline-block mr-2","aria-hidden":"true"}),"Producers (",e.producers.length,")"]}),(0,n.jsxs)("div",{className:" font-medium text-gray-500",children:[(0,n.jsx)(a.FMB,{className:"h-4 w-4 text-indigo-400 inline-block mr-2","aria-hidden":"true"}),"Subscribers (",e.consumers.length,")"]})]})]})})]})})},e.name)}))})}},44938:function(e,s,r){"use strict";var n=r(52322),t=(r(2784),r(39097)),a=r(17962),l=r(46892);s.Z=function(e){var s=e.services,r=void 0===s?[]:s;return(0,n.jsx)("ul",{className:"mt-3 grid grid-cols-1 gap-5 md:grid-cols-2",children:r.map((function(e){var s=e.draft;return(0,n.jsx)("li",{className:"flex",children:(0,n.jsx)(t.default,{href:"/services/".concat(e.name),children:(0,n.jsxs)("a",{className:"flex shadow-sm w-full",children:[(0,n.jsx)("div",{style:{background:(0,l.Z)(e.name)},className:"w-4 rounded-l-md"}),(0,n.jsx)("div",{className:"w-full border-t border-r border-b border-gray-200 bg-white rounded-r-md ",children:(0,n.jsxs)("div",{className:"p-4 text-sm space-y-2 flex flex-col justify-between h-full",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("span",{className:"text-gray-900 font-bold",children:e.name}),s&&(0,n.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,n.jsx)("div",{className:"text-gray-500 text-xs font-normal mt-2 line-clamp-3",children:e.summary})]}),(0,n.jsxs)("div",{className:"flex space-x-4 text-xs pt-2 relative bottom-0 left-0",children:[(0,n.jsxs)("div",{className:" font-medium text-gray-500",children:[(0,n.jsx)(a.FMB,{className:"h-4 w-4 text-green-400 inline-block mr-2","aria-hidden":"true"}),"Subscribe Events (",e.subscribes.length,")"]}),(0,n.jsxs)("div",{className:" font-medium text-gray-500",children:[(0,n.jsx)(a.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,s,r){"use strict";r.d(s,{Z:function(){return i}});var n=r(52322),t=r(2784),a=r(14689),l=function(e,s,r,n){var t=function(e){return e.map((function(e){return e.replace(/ /g,"_")}))},a=t(s),l=t(r),i=e.replace(/ /g,"_");return"flowchart LR\n".concat(a.map((function(e){return"".concat(e,":::producer--\x3e").concat(i,":::event\n")})).join(""),"\nclassDef event stroke:").concat(n,",stroke-width: 4px;\nclassDef producer stroke:#75d7b6,stroke-width: 2px;\nclassDef consumer stroke:#818cf8,stroke-width: 2px;\n").concat(l.map((function(e){return"".concat(i,":::event--\x3e").concat(e,":::consumer\n")})).join(""),"\n  ")};a.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 i=function(e){var s=e.data,r=e.source,i=void 0===r?"event":r,c=e.rootNodeColor,d=e.charts;if((0,t.useEffect)((function(){a.Z.contentLoaded()}),[]),d)return(0,n.jsx)(n.Fragment,{children:d.map((function(e,s){return(0,n.jsx)("div",{className:"mermaid",children:e},"chart-".concat(s))}))});var o="event"===i?function(e,s){var r=e.name,n=e.producers,t=e.consumers;return l(r,n,t,void 0===s?"#2563eb":s)}(s,c):function(e,s){var r=e.publishes,n=e.subscribes,t=e.name,a=void 0===s?"#2563eb":s;return l(t,n.map((function(e){return e.name})),r.map((function(e){return e.name})),a)}(s,c);return(0,n.jsx)("div",{className:"mermaid",children:o})}},10429:function(e,s,r){"use strict";r.r(s),r.d(s,{__N_SSP:function(){return i},default:function(){return c}});var n=r(52322),t=r(90526),a=r(44938),l=r(55008),i=!0;function c(e){var s=e.events,r=e.services,i=e.userId,c=(0,(0,l.aF)().getUserById)(i);return(0,n.jsx)("div",{className:"flex relative min-h-screen",children:(0,n.jsx)("div",{className:"flex-1 ",children:(0,n.jsx)("div",{className:"py-8 xl:py-10",children:(0,n.jsxs)("div",{className:"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 xl:max-w-7xl xl:grid xl:grid-cols-4",children:[(0,n.jsxs)("div",{className:"xl:col-span-3 xl:pr-8 xl:border-r xl:border-gray-200 min-h-screen",children:[(0,n.jsx)("div",{className:"xl:border-b pb-4 flex justify-between ",children:(0,n.jsx)("div",{className:"space-y-2",children:(0,n.jsx)("h1",{className:"text-3xl font-bold text-gray-900 relative",children:c.name})})}),(0,n.jsxs)("div",{className:" border-b border-gray-100 pb-6",children:[(0,n.jsxs)("h1",{className:"text-lg font-bold text-gray-800 relative mt-4",children:["Owner of Events (",s.length,")"]}),(0,n.jsx)(t.Z,{events:s})]}),(0,n.jsxs)("div",{children:[(0,n.jsxs)("h1",{className:"text-lg font-bold text-gray-800 relative mt-4",children:["Owner of Services (",r.length,")"]}),(0,n.jsx)(a.Z,{services:r})]})]}),(0,n.jsxs)("div",{className:"px-8",children:[(0,n.jsxs)("div",{className:"flex items-center space-x-5 mt-4 ",children:[(0,n.jsx)("div",{className:"flex-shrink-0",children:(0,n.jsxs)("div",{className:"relative",children:[(0,n.jsx)("img",{className:"h-16 w-16 rounded-full",src:c.avatarUrl,alt:""}),(0,n.jsx)("span",{className:"absolute inset-0 shadow-inner rounded-full","aria-hidden":"true"})]})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("h1",{className:"text-xl font-bold text-gray-900",children:c.name}),(0,n.jsx)("p",{className:"text-sm font-medium text-gray-500",children:c.role})]})]}),(0,n.jsx)("div",{className:"mt-6 flow-root border-t border-gray-200 py-6 text-sm",children:c.summary})]})]})})})})}},46892:function(e,s,r){"use strict";function n(e){for(var s=0,r=0;r<e.length;r++)s=e.charCodeAt(r)+((s<<5)-s);for(var n="#",t=0;t<3;t++){n+="00".concat((s>>8*t&255).toString(16)).substr(-2)}return n}r.d(s,{Z:function(){return n}})}},function(e){e.O(0,[812,962,774,888,179],(function(){return s=84852,e(e.s=s);var s}));var s=e.O();_N_E=s}]);

package/.next/static/css/de0d3fef7340ebfc.css

@@ -1,3 +0,0 @@
-/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */
-
-/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */html{-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{box-sizing:border-box;border:0 solid}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9ca3af}input::placeholder,textarea::placeholder{color:#9ca3af}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}[type=text],[type=time],[type=url],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}[type=text]:focus,[type=time]:focus,[type=url]:focus,select:focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}[type=checkbox],select{-webkit-print-color-adjust:exact;color-adjust:exact}[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000;border-radius:0}[type=checkbox]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked{background-size:100% 100%;background-position:50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}[type=checkbox]:checked,[type=checkbox]:checked:focus,[type=checkbox]:checked:hover{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px auto -webkit-focus-ring-color}.prose{color:#374151;max-width:65ch}.prose a{color:#111827;text-decoration:underline;font-weight:500}.prose strong{color:#111827;font-weight:600}.prose ol[type=a],.prose ol[type=a s]{--list-counter-style:lower-alpha}.prose ol[type=i],.prose ol[type=i s]{--list-counter-style:lower-roman}.prose ol[type="1"]{--list-counter-style:decimal}.prose ol>li{position:relative;padding-left:1.75em}.prose ol>li:before{content:counter(list-item,var(--list-counter-style,decimal)) ".";position:absolute;font-weight:400;color:#6b7280;left:0}.prose ul>li{position:relative;padding-left:1.75em}.prose ul>li:before{content:"";position:absolute;background-color:#d1d5db;border-radius:50%;width:.375em;height:.375em;top:calc(.875em - .1875em);left:.25em}.prose hr{border-color:#e5e7eb;border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose blockquote{font-weight:500;font-style:italic;color:#111827;border-left-width:.25rem;border-left-color:#e5e7eb;quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose blockquote p:first-of-type:before{content:open-quote}.prose blockquote p:last-of-type:after{content:close-quote}.prose h1{color:#111827;font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose h2{color:#111827;font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose h3{font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose h3,.prose h4{color:#111827;font-weight:600}.prose h4{margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose figure figcaption{color:#6b7280;font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose code{color:#111827;font-weight:600;font-size:.875em}.prose code:after,.prose code:before{content:"`"}.prose a code{color:#111827}.prose pre{color:#e5e7eb;background-color:#1f2937;overflow-x:auto;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding:.8571429em 1.1428571em}.prose pre code{background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:400;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose pre code:after,.prose pre code:before{content:none}.prose table{width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose thead{color:#111827;font-weight:600;border-bottom-width:1px;border-bottom-color:#d1d5db}.prose thead th{vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose tbody tr{border-bottom-width:1px;border-bottom-color:#e5e7eb}.prose tbody tr:last-child{border-bottom-width:0}.prose tbody td{vertical-align:top;padding:.5714286em}.prose{font-size:1rem;line-height:1.75}.prose p{margin-top:1.25em;margin-bottom:1.25em}.prose figure,.prose img,.prose video{margin-top:2em;margin-bottom:2em}.prose figure>*{margin-top:0;margin-bottom:0}.prose h2 code{font-size:.875em}.prose h3 code{font-size:.9em}.prose ol,.prose ul{margin-top:1.25em;margin-bottom:1.25em}.prose li{margin-top:.5em;margin-bottom:.5em}.prose>ul>li p{margin-top:.75em;margin-bottom:.75em}.prose>ul>li>:first-child{margin-top:1.25em}.prose>ul>li>:last-child{margin-bottom:1.25em}.prose>ol>li>:first-child{margin-top:1.25em}.prose>ol>li>:last-child{margin-bottom:1.25em}.prose ol ol,.prose ol ul,.prose ul ol,.prose ul ul{margin-top:.75em;margin-bottom:.75em}.prose h2+*,.prose h3+*,.prose h4+*,.prose hr+*{margin-top:0}.prose thead th:first-child{padding-left:0}.prose thead th:last-child{padding-right:0}.prose tbody td:first-child{padding-left:0}.prose tbody td:last-child{padding-right:0}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.sr-only{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.absolute,.sr-only{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.top-1{top:.25rem}.top-2{top:.5rem}.top-4{top:1rem}.-top-0{top:0}.-top-1{top:-.25rem}.-top-0\.5{top:-.125rem}.right-0{right:0}.right-5{right:1.25rem}.bottom-0{bottom:0}.left-0{left:0}.left-4{left:1rem}.z-10{z-index:10}.col-span-4{grid-column:span 4/span 4}.mx-auto{margin-left:auto;margin-right:auto}.-mx-5{margin-left:-1.25rem;margin-right:-1.25rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.-my-2{margin-top:-.5rem;margin-bottom:-.5rem}.-my-3{margin-top:-.75rem;margin-bottom:-.75rem}.mt-0{margin-top:0}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.-mr-1{margin-right:-.25rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-10{margin-bottom:2.5rem}.mb-20{margin-bottom:5rem}.-mb-2{margin-bottom:-.5rem}.-mb-px{margin-bottom:-1px}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-3\.5{margin-left:.875rem}.-ml-1{margin-left:-.25rem}.-ml-px{margin-left:-1px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-2{height:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-16{height:4rem}.h-1\.5{height:.375rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-96{max-height:24rem}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1{width:.25rem}.w-2{width:.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-16{width:4rem}.w-40{width:10rem}.w-0\.5{width:.125rem}.w-1\.5{width:.375rem}.w-full{width:100%}.max-w-none{max-width:none}.max-w-md{max-width:28rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.origin-top-right{transform-origin:top right}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.scale-100{--tw-scale-x:1;--tw-scale-y:1}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-pulse{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-5{gap:1.25rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-10{row-gap:2.5rem}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b-2{border-bottom-width:2px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-transparent{border-color:transparent}.border-gray-100{--tw-border-opacity:1;border-color:rgba(243,244,246,var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity))}.border-green-500{--tw-border-opacity:1;border-color:rgba(16,185,129,var(--tw-border-opacity))}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgba(107,114,128,var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgba(55,65,81,var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgba(31,41,55,var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgba(17,24,39,var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgba(239,68,68,var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgba(254,243,199,var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgba(16,185,129,var(--tw-bg-opacity))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgba(219,234,254,var(--tw-bg-opacity))}.bg-blue-400{--tw-bg-opacity:1;background-color:rgba(96,165,250,var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgba(59,130,246,var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgba(37,99,235,var(--tw-bg-opacity))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgba(99,102,241,var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgba(249,250,251,var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgba(75,85,99,var(--tw-bg-opacity))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgba(55,65,81,var(--tw-bg-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgba(29,78,216,var(--tw-bg-opacity))}.bg-opacity-75{--tw-bg-opacity:0.75}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-blue-700{--tw-gradient-from:#1d4ed8;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(29,78,216,0))}.to-gray-800{--tw-gradient-to:#1f2937}.bg-cover{background-size:cover}.bg-top{background-position:top}.p-1{padding:.25rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-24{padding-bottom:6rem}.pl-7{padding-left:1.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-8{line-height:2rem}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-gray-100{--tw-text-opacity:1;color:rgba(243,244,246,var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity:1;color:rgba(229,231,235,var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity:1;color:rgba(209,213,219,var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgba(156,163,175,var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgba(107,114,128,var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgba(75,85,99,var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgba(55,65,81,var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgba(31,41,55,var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgba(17,24,39,var(--tw-text-opacity))}.text-red-400{--tw-text-opacity:1;color:rgba(248,113,113,var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity:1;color:rgba(146,64,14,var(--tw-text-opacity))}.text-green-400{--tw-text-opacity:1;color:rgba(52,211,153,var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgba(5,150,105,var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgba(59,130,246,var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgba(37,99,235,var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity:1;color:rgba(30,64,175,var(--tw-text-opacity))}.text-indigo-400{--tw-text-opacity:1;color:rgba(129,140,248,var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity:1;color:rgba(79,70,229,var(--tw-text-opacity))}.group:hover .group-hover\:text-gray-500{--tw-text-opacity:1;color:rgba(107,114,128,var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgba(107,114,128,var(--tw-text-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgba(75,85,99,var(--tw-text-opacity))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgba(55,65,81,var(--tw-text-opacity))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgba(17,24,39,var(--tw-text-opacity))}.text-opacity-50{--tw-text-opacity:0.5}.underline{text-decoration:underline}.opacity-0{opacity:0}.group:hover .group-hover\:opacity-100,.opacity-100{opacity:1}*,:after,:before{--tw-shadow:0 0 #0000}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.shadow-2xl,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.06);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}*,:after,:before{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1,.ring-8{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-8{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-black{--tw-ring-opacity:1;--tw-ring-color:rgba(0,0,0,var(--tw-ring-opacity))}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgba(255,255,255,var(--tw-ring-opacity))}.focus\:ring-gray-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(229,231,235,var(--tw-ring-opacity))}.focus\:ring-gray-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(107,114,128,var(--tw-ring-opacity))}.focus\:ring-gray-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(17,24,39,var(--tw-ring-opacity))}.ring-opacity-5{--tw-ring-opacity:0.05}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.filter{--tw-blur:var(--tw-empty,/*!*/ /*!*/);--tw-brightness:var(--tw-empty,/*!*/ /*!*/);--tw-contrast:var(--tw-empty,/*!*/ /*!*/);--tw-grayscale:var(--tw-empty,/*!*/ /*!*/);--tw-hue-rotate:var(--tw-empty,/*!*/ /*!*/);--tw-invert:var(--tw-empty,/*!*/ /*!*/);--tw-saturate:var(--tw-empty,/*!*/ /*!*/);--tw-sepia:var(--tw-empty,/*!*/ /*!*/);--tw-drop-shadow:var(--tw-empty,/*!*/ /*!*/);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-xl{--tw-blur:blur(24px)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,0.1)) drop-shadow(0 1px 1px rgba(0,0,0,0.06))}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-75{transition-duration:75ms}.duration-100{transition-duration:.1s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.mermaid svg{width:100%}.prose .event-table table{width:inherit;table-layout:inherit;text-align:inherit;margin-top:0;margin-bottom:0}.prose .event-table tbody td:first-child,.prose .event-table thead th:first-child{padding-left:20px}.prose .event-table tbody td,event-table thead th{padding-top:20px;padding-bottom:20px}.prose pre{padding:0}.prose .examples a{text-decoration:none}.prose .examples a.selected{--tw-text-opacity:1;color:rgba(5,150,105,var(--tw-text-opacity))}.node-label{font-size:12px;padding:1px 4px;border-radius:4px;background-color:rgba(0,0,0,.5);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (min-width:640px){.sm\:mt-0{margin-top:0}.sm\:ml-3{margin-left:.75rem}.sm\:ml-6{margin-left:1.5rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:items-stretch{align-items:stretch}.sm\:justify-start{justify-content:flex-start}.sm\:justify-center{justify-content:center}.sm\:bg-top{background-position:top}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-24{padding-top:6rem;padding-bottom:6rem}.sm\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:768px){.md\:mt-0{margin-top:0}.md\:mt-8{margin-top:2rem}.md\:inline-flex{display:inline-flex}.md\:min-h-screen{min-height:100vh}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:px-0{padding-left:0;padding-right:0}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:col-span-3{grid-column:span 3/span 3}.lg\:block{display:block}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-48{padding-top:12rem;padding-bottom:12rem}}@media (min-width:1280px){.xl\:col-span-3{grid-column:span 3/span 3}.xl\:col-span-4{grid-column:span 4/span 4}.xl\:mt-10{margin-top:2.5rem}.xl\:block{display:block}.xl\:grid{display:grid}.xl\:max-w-7xl{max-width:80rem}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:border-r{border-right-width:1px}.xl\:border-b{border-bottom-width:1px}.xl\:border-gray-200{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.xl\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.xl\:pt-6{padding-top:1.5rem}.xl\:pr-8{padding-right:2rem}.xl\:pb-0{padding-bottom:0}.xl\:pl-8{padding-left:2rem}}