@eventcatalog/core 2.2.5 → 2.2.7

package/src/components/Seo.astro

@@ -4,12 +4,7 @@ import config from '@config';
 import defaultImageFile from '../../public/opengraph.png';
 import { buildUrl } from '@utils/url-builder';
 
-const {
-	title = config.title,
-	description = config.tagline,
-	ogTitle = title,
-	ogType = 'website',
-} = Astro.props;
+const { title = config.title, description = config.tagline, ogTitle = title, ogType = 'website' } = Astro.props;
 
 const siteBaseURL = new URL(Astro.url);
 const defaultImage = new URL(defaultImageFile.src, siteBaseURL);
@@ -19,13 +14,12 @@ _image = _image || defaultImage;
 
 let image = null;
 if (typeof _image === 'string') {
-    image = new URL(_image, siteBaseURL);
+  image = new URL(_image, siteBaseURL);
 } else if (_image && typeof _image['href'] !== 'undefined') {
-    image = new URL(_image['href'], siteBaseURL);
+  image = new URL(_image['href'], siteBaseURL);
 } else {
-	image = defaultImage;
+  image = defaultImage;
 }
-
 ---
 
 <meta charset="UTF-8" />
@@ -34,47 +28,47 @@ if (typeof _image === 'string') {
 <link rel="icon" type="image/svg+xml" href={buildUrl('/favicon.ico', true)} />
 
 <SEO
-	title={title}
-	description={description}
-	openGraph={{
-		basic: {
-			url: config.homepageLink,
-			title: ogTitle,
-			type: ogType,
-			image: _image?.src ? _image.src : defaultImage.toString(),
-		},
-		image: {
-			url: image.toString(),
-			secureUrl: image.toString(),
-			alt: ogTitle,
-			height: _image?.height,
-			width: _image?.width,
-			type: _image?.format && `image/${_image.format}`,
-		},
-	}}
-	twitter={{
-		creator: '@liran_tal',
-		image: image ? image.toString() : undefined,
-		imageAlt: ogTitle,
-		title: ogTitle,
-		site: '@liran_tal',
-		description: description,
-		card: image ? 'summary_large_image' : 'summary',
-	}}
-	extend={{
-		meta: [
-			{
-				name: 'og:locale',
-				content: 'en_US',
-			},
-			{
-				name: 'og:description',
-				content: description,
-			},
-			{
-				name: 'og:site_name',
-				content: config.homepageLink,
-			}
-		]
-	}}
-/>
+  title={title}
+  description={description}
+  openGraph={{
+    basic: {
+      url: config.homepageLink,
+      title: ogTitle,
+      type: ogType,
+      image: _image?.src ? _image.src : defaultImage.toString(),
+    },
+    image: {
+      url: image.toString(),
+      secureUrl: image.toString(),
+      alt: ogTitle,
+      height: _image?.height,
+      width: _image?.width,
+      type: _image?.format && `image/${_image.format}`,
+    },
+  }}
+  twitter={{
+    creator: '@liran_tal',
+    image: image ? image.toString() : undefined,
+    imageAlt: ogTitle,
+    title: ogTitle,
+    site: '@liran_tal',
+    description: description,
+    card: image ? 'summary_large_image' : 'summary',
+  }}
+  extend={{
+    meta: [
+      {
+        name: 'og:locale',
+        content: 'en_US',
+      },
+      {
+        name: 'og:description',
+        content: description,
+      },
+      {
+        name: 'og:site_name',
+        content: config.homepageLink,
+      },
+    ],
+  }}
+/>

package/src/components/SideBars/DomainSideBar.astro

@@ -11,7 +11,7 @@ interface Props {
 const { domain } = Astro.props;
 
 // @ts-ignore
-const services = domain.data.services as CollectionEntry<'services'>[] || [];
+const services = (domain.data.services as CollectionEntry<'services'>[]) || [];
 
 const ownersRaw = domain.data?.owners || [];
 const owners = await Promise.all(ownersRaw.map((o) => getEntry(o)));
@@ -30,17 +30,35 @@ const ownersList = owners.map((o) => ({
   avatarUrl: o.collection === 'users' ? o.data.avatarUrl : '',
   href: buildUrl(`/docs/${o.collection}/${o.data.id}`),
 }));
-
 ---
 
 <aside class="sticky top-28 left-0 space-y-8 h-full overflow-y-auto">
   <div>
-    <PillList title={`Services (${services.length})`} pills={serviceList} emptyMessage={`This domain does not contain any services.`} color="pink" client:load />
-    <OwnersList title={`Service owners (${ownersList.length})`} owners={ownersList} emptyMessage={`This domain does not have any documented owners.`} client:load />
+    <PillList
+      title={`Services (${services.length})`}
+      pills={serviceList}
+      emptyMessage={`This domain does not contain any services.`}
+      color="pink"
+      client:load
+    />
+    <OwnersList
+      title={`Service owners (${ownersList.length})`}
+      owners={ownersList}
+      emptyMessage={`This domain does not have any documented owners.`}
+      client:load
+    />
     {domain.data.versions && <VersionList versions={domain.data.versions} collectionItem={domain} />}
     <div class="space-y-2">
-      <a href={buildUrl(`/visualiser/${domain.collection}/${domain.data.id}/${domain.data.version}`)} class="block text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-purple-500">View in Visualiser</a>
-      <a href={buildUrl(`/docs/${domain.collection}/${domain.data.id}/${domain.data.version}/changelog`)} class="block text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-purple-500">Changelog</a>
+      <a
+        href={buildUrl(`/visualiser/${domain.collection}/${domain.data.id}/${domain.data.version}`)}
+        class="block text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-purple-500"
+        >View in Visualiser</a
+      >
+      <a
+        href={buildUrl(`/docs/${domain.collection}/${domain.data.id}/${domain.data.version}/changelog`)}
+        class="block text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-purple-500"
+        >Changelog</a
+      >
     </div>
   </div>
 </aside>

package/src/components/SideBars/MessageSideBar.astro

@@ -43,15 +43,31 @@ const type = message.collection.slice(0, -1);
 // @ts-ignore
 const publicPath = message?.catalog?.publicPath;
 const schemaFilePath = message?.data?.schemaPath;
-const schemaURL = path.join(publicPath, schemaFilePath || '')
-
+const schemaURL = path.join(publicPath, schemaFilePath || '');
 ---
 
-<aside class="sticky top-28 left-0 space-y-8 h-full overflow-y-auto pb-20 ">
+<aside class="sticky top-28 left-0 space-y-8 h-full overflow-y-auto pb-20">
   <div class="">
-    <PillList color="pink" title={`${type} Producers (${producerList.length})`} pills={producerList} emptyMessage={`This ${type} does not get produced by any services.`} client:load />
-    <PillList color="pink" title={`${type} Consumers (${consumerList.length})`} pills={consumerList} emptyMessage={`This ${type} does not get consumed by any services.`} client:load />
-    <OwnersList title={`${type} owners (${ownersList.length})`} owners={ownersList} emptyMessage={`This ${type} does not have any documented owners.`} client:load />
+    <PillList
+      color="pink"
+      title={`${type} Producers (${producerList.length})`}
+      pills={producerList}
+      emptyMessage={`This ${type} does not get produced by any services.`}
+      client:load
+    />
+    <PillList
+      color="pink"
+      title={`${type} Consumers (${consumerList.length})`}
+      pills={consumerList}
+      emptyMessage={`This ${type} does not get consumed by any services.`}
+      client:load
+    />
+    <OwnersList
+      title={`${type} owners (${ownersList.length})`}
+      owners={ownersList}
+      emptyMessage={`This ${type} does not have any documented owners.`}
+      client:load
+    />
 
     {message.data.versions && <VersionList versions={message.data.versions} collectionItem={message} />}
 
@@ -64,8 +80,20 @@ const schemaURL = path.join(publicPath, schemaFilePath || '')
             class="hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-200 bg-gray-800 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900"
           >
             <>
-              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="-ml-1 mr-2 h-5 w-5 text-gray-200">
-                <path stroke-linecap="round" stroke-linejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" />
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke-width="2"
+                stroke="currentColor"
+                aria-hidden="true"
+                class="-ml-1 mr-2 h-5 w-5 text-gray-200"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
+                />
               </svg>
               <span>Download Schema</span>
             </>
@@ -78,8 +106,11 @@ const schemaURL = path.join(publicPath, schemaFilePath || '')
         >View in Visualiser</a
       >
 
-      <a href={buildUrl(`/docs/${message.collection}/${message.data.id}/${message.data.version}/changelog`)} class="block text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-purple-500">Changelog</a>
-     
+      <a
+        href={buildUrl(`/docs/${message.collection}/${message.data.id}/${message.data.version}/changelog`)}
+        class="block text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-purple-500"
+        >Changelog</a
+      >
     </div>
   </div>
 </aside>

package/src/components/SideBars/ServiceSideBar.astro

@@ -4,7 +4,7 @@ import PillList from '@components/Lists/PillList';
 import VersionList from '@components/Lists/VersionList.astro';
 import { buildUrl } from '@utils/url-builder';
 import { getEntry, type CollectionEntry } from 'astro:content';
-import { join } from 'node:path'
+import { join } from 'node:path';
 interface Props {
   service: CollectionEntry<'services'>;
 }
@@ -12,9 +12,9 @@ interface Props {
 const { service } = Astro.props;
 
 // @ts-ignore
-const sends = service.data.sends as CollectionEntry<'events'>[] || [];
+const sends = (service.data.sends as CollectionEntry<'events'>[]) || [];
 // @ts-ignore
-const receives = service.data.receives as CollectionEntry<'events'>[] || [];
+const receives = (service.data.receives as CollectionEntry<'events'>[]) || [];
 
 const ownersRaw = service.data?.owners || [];
 const owners = await Promise.all(ownersRaw.map((o) => getEntry(o)));
@@ -45,14 +45,31 @@ const ownersList = owners.map((o) => ({
 // @ts-ignore
 const publicPath = service?.catalog?.publicPath;
 const schemaFilePath = service?.data?.schemaPath;
-const schemaURL = join(publicPath, schemaFilePath || '')
+const schemaURL = join(publicPath, schemaFilePath || '');
 ---
 
 <aside class="sticky top-28 left-0 space-y-8 h-full overflow-y-auto">
   <div id="sidebar-cta-portal">
-    <PillList title={`Receives Messages (${receivesList.length})`} pills={receivesList} emptyMessage={`This service does not receive any messages.`} color="orange" client:load />
-    <PillList title={`Sends Messages (${sendsList.length})`} pills={sendsList} emptyMessage={`This service does not send any messages.`} color="orange" client:load />
-    <OwnersList title={`Service owners (${ownersList.length})`} owners={ownersList} emptyMessage={`This service does not have any documented owners.`} client:load />
+    <PillList
+      title={`Receives Messages (${receivesList.length})`}
+      pills={receivesList}
+      emptyMessage={`This service does not receive any messages.`}
+      color="orange"
+      client:load
+    />
+    <PillList
+      title={`Sends Messages (${sendsList.length})`}
+      pills={sendsList}
+      emptyMessage={`This service does not send any messages.`}
+      color="orange"
+      client:load
+    />
+    <OwnersList
+      title={`Service owners (${ownersList.length})`}
+      owners={ownersList}
+      emptyMessage={`This service does not have any documented owners.`}
+      client:load
+    />
 
     {service.data.versions && <VersionList versions={service.data.versions} collectionItem={service} />}
 
@@ -65,17 +82,42 @@ const schemaURL = join(publicPath, schemaFilePath || '')
             class="hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-200 bg-gray-800 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900"
           >
             <>
-              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="-ml-1 mr-2 h-5 w-5 text-gray-200">
-                <path stroke-linecap="round" stroke-linejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" />
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke-width="2"
+                stroke="currentColor"
+                aria-hidden="true"
+                class="-ml-1 mr-2 h-5 w-5 text-gray-200"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
+                />
               </svg>
               <span>Download Schema</span>
             </>
           </a>
         )
       }
-      <a href={buildUrl(`/visualiser/${service.collection}/${service.data.id}/${service.data.version}`)} class="block text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-purple-500">View in Visualiser</a>
-      <a id="open-api-button" href={buildUrl(`/docs/${service.collection}/${service.data.id}/${service.data.version}/spec`)} class="hidden text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-purple-500">View API spec</a>
-      <a href={buildUrl(`/docs/${service.collection}/${service.data.id}/${service.data.version}/changelog`)} class="block text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-purple-500">Changelog</a>
+      <a
+        href={buildUrl(`/visualiser/${service.collection}/${service.data.id}/${service.data.version}`)}
+        class="block text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-purple-500"
+        >View in Visualiser</a
+      >
+      <a
+        id="open-api-button"
+        href={buildUrl(`/docs/${service.collection}/${service.data.id}/${service.data.version}/spec`)}
+        class="hidden text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-purple-500"
+        >View API spec</a
+      >
+      <a
+        href={buildUrl(`/docs/${service.collection}/${service.data.id}/${service.data.version}/changelog`)}
+        class="block text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-purple-500"
+        >Changelog</a
+      >
     </div>
   </div>
 </aside>
@@ -89,5 +131,4 @@ const schemaURL = join(publicPath, schemaFilePath || '')
       openApiButton.style.display = 'block';
     }
   });
-
 </script>

package/src/layouts/CustomDocsPageLayout.astro

@@ -33,44 +33,91 @@ import { buildUrl } from '@utils/url-builder';
         <div class="pl-0 sm:pl-56 xl:pl-80 w-full pt-8 pb-40">
           <div class="prose prose-sm">
             <div class="bg-white">
-              <div class="mx-auto max-w-7xl ">
+              <div class="mx-auto max-w-7xl">
                 <div class="mx-auto max-w-2xl lg:mx-0 lg:max-w-none">
                   <h1 class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl mb-0">EventCatalog</h1>
-                  <div class=" grid max-w-xl grid-cols-1 md:gap-8 text-base leading-7 text-gray-700 lg:max-w-none lg:grid-cols-1">
+                  <div class="grid max-w-xl grid-cols-1 md:gap-8 text-base leading-7 text-gray-700 lg:max-w-none lg:grid-cols-1">
                     <div>
                       <p>
-                        Welcome to <a href="https://www.eventcatalog.dev/">EventCatalog</a>. 
+                        Welcome to <a href="https://www.eventcatalog.dev/">EventCatalog</a>.
                       </p>
                       <p>
-                        This open-source project is designed to help you and your teams
-                        bring discoverability and clarity to your event-driven architectures (EDA). 
+                        This open-source project is designed to help you and your teams bring discoverability and clarity to your
+                        event-driven architectures (EDA).
                       </p>
                       <p>
-                        To get started you can read the following guides: 
+                        To get started you can read the following guides:
                         <ul>
-                          <li><a class="text-purple-500" href="https://eventcatalog.dev/docs/development/getting-started/introduction">Getting started with EventCatalog</a></li>
-                          <li><a class="text-purple-500" href="https://eventcatalog.dev/docs/development/guides/domains/adding-domains">Creating domains</a></li>
-                          <li><a class="text-purple-500" href="https://eventcatalog.dev/docs/development/guides/services/adding-services">Creating services</a></li>
-                          <li><a class="text-purple-500" href="https://eventcatalog.dev/docs/development/guides/messages/commands/introduction">Creating commands</a></li>
-                          <li><a class="text-purple-500" href="https://eventcatalog.dev/docs/development/guides/messages/events/introduction">Creating events</a></li>
-                          <li><a class="text-purple-500" href="https://eventcatalog.dev/docs/owners">Assigning owners to resources</a></li>
-                          <li><a class="text-purple-500" href="https://eventcatalog.dev/docs/development/components/using-components">Using components in your pages (Schemas, OpenAPI, etc)</a></li>
-                          <li><a class="text-purple-500" href="https://eventcatalog.dev/docs/development/deployment">Deploying and hosting your EventCatalog</a></li>
+                          <li>
+                            <a
+                              class="text-purple-500"
+                              href="https://eventcatalog.dev/docs/development/getting-started/introduction"
+                              >Getting started with EventCatalog</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="text-purple-500"
+                              href="https://eventcatalog.dev/docs/development/guides/domains/adding-domains">Creating domains</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="text-purple-500"
+                              href="https://eventcatalog.dev/docs/development/guides/services/adding-services"
+                              >Creating services</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="text-purple-500"
+                              href="https://eventcatalog.dev/docs/development/guides/messages/commands/introduction"
+                              >Creating commands</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="text-purple-500"
+                              href="https://eventcatalog.dev/docs/development/guides/messages/events/introduction"
+                              >Creating events</a
+                            >
+                          </li>
+                          <li>
+                            <a class="text-purple-500" href="https://eventcatalog.dev/docs/owners"
+                              >Assigning owners to resources</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="text-purple-500"
+                              href="https://eventcatalog.dev/docs/development/components/using-components"
+                              >Using components in your pages (Schemas, OpenAPI, etc)</a
+                            >
+                          </li>
+                          <li>
+                            <a class="text-purple-500" href="https://eventcatalog.dev/docs/development/deployment"
+                              >Deploying and hosting your EventCatalog</a
+                            >
+                          </li>
                         </ul>
                       </p>
-                      <h3>
-                        Join the community
-                      </h3>
-                      <p>Got questions about EventCatalog? Feature requests or need support? <a class="text-purple-500" href="https://discord.gg/3rjaZMmrAm">Join our community on Discord.</a></p>
-                      <h3>
-                        Enterprise support
-                      </h3>
+                      <h3>Join the community</h3>
                       <p>
-                        Using EventCatalog and needs enterprise support? Work with us, find out what we offer on our <a class="text-purple-500" href="https://eventcatalog.dev/enterprise">enterprise page</a>.
+                        Got questions about EventCatalog? Feature requests or need support? <a
+                          class="text-purple-500"
+                          href="https://discord.gg/3rjaZMmrAm">Join our community on Discord.</a
+                        >
+                      </p>
+                      <h3>Enterprise support</h3>
+                      <p>
+                        Using EventCatalog and needs enterprise support? Work with us, find out what we offer on our <a
+                          class="text-purple-500"
+                          href="https://eventcatalog.dev/enterprise">enterprise page</a
+                        >.
                       </p>
                     </div>
                   </div>
-                
+
                   <Footer />
                 </div>
               </div>

package/src/layouts/DiscoverLayout.astro

@@ -76,7 +76,9 @@ const tabs = [
                   class={` text-black  group inline-flex items-center py-4 px-1 text-sm font-light ${tab.isActive ? `border-${tab.activeColor}-500 border-b-[2px] text-${tab.activeColor}-500` : 'opacity-80'} ${!tab.enabled ? 'disabled' : ''}`}
                   aria-current="page"
                 >
-                  <tab.icon className={`w-6 h-6 -ml-0.5 mr-2  ${tab.isActive ? `text-${tab.activeColor}-500` : 'text-gray-500'}`} />
+                  <tab.icon
+                    className={`w-6 h-6 -ml-0.5 mr-2  ${tab.isActive ? `text-${tab.activeColor}-500` : 'text-gray-500'}`}
+                  />
                   <span>{tab.label}</span>
                 </a>
               ))

package/src/layouts/DocsLayout.astro

@@ -16,18 +16,18 @@ import SEO from '../components/Seo.astro';
   <head>
     <SEO title={`EventCatalog | ${title}`} description={description} ogTitle={title} />
   </head>
-<body>
+  <body>
     <div class="px-10 max-w-[96em] mx-auto">
       <Header />
 
       <div class="md:pt-20">
-        <nav class="hidden sm:flex grow w-56 xl:w-[19em] fixed overflow-y-auto h-full py-2 ">
-          <div class="w-full ">
+        <nav class="hidden sm:flex grow w-56 xl:w-[19em] fixed overflow-y-auto h-full py-2">
+          <div class="w-full">
             <SideBar />
           </div>
         </nav>
 
-        <div class="pl-0 sm:pl-64 lg:pl-72 xl:pl-80 w-full pt-0 pb-40 ">
+        <div class="pl-0 sm:pl-64 lg:pl-72 xl:pl-80 w-full pt-0 pb-40">
           <slot />
         </div>
       </div>

package/src/layouts/Footer.astro

@@ -1,14 +1,27 @@
 ---
-import { buildUrl } from "@utils/url-builder"
-
+import { buildUrl } from '@utils/url-builder';
 ---
 
 <footer class="py-4 space-y-8 border-t border-gray-300">
   <div class="flex justify-between items-center py-8 text-gray-500 text-sm font-light">
     <div class="flex space-x-5">
-      <a href="https://github.com/event-catalog/eventcatalog" target="_blank"><svg class="w-5 h-5 bg-gray-400  hover:bg-purple-500 dark:hover:bg-gray-400" style={`mask-image: url("${buildUrl('/icons/github.svg', true)}"); mask-repeat: no-repeat; mask-position: center center;`}></svg></a>
-      <a href="https://x.com/event_catalog" target="_blank"><span class="sr-only">x</span><svg class="w-5 h-5 bg-gray-400  hover:bg-purple-500 dark:hover:bg-gray-400" style={`mask-image: url("${buildUrl('/icons/x-twitter.svg', true)}"); mask-repeat: no-repeat; mask-position: center center;`}></svg></a>
+      <a href="https://github.com/event-catalog/eventcatalog" target="_blank"
+        ><svg
+          class="w-5 h-5 bg-gray-400 hover:bg-purple-500 dark:hover:bg-gray-400"
+          style={`mask-image: url("${buildUrl('/icons/github.svg', true)}"); mask-repeat: no-repeat; mask-position: center center;`}
+        ></svg></a
+      >
+      <a href="https://x.com/event_catalog" target="_blank"
+        ><span class="sr-only">x</span><svg
+          class="w-5 h-5 bg-gray-400 hover:bg-purple-500 dark:hover:bg-gray-400"
+          style={`mask-image: url("${buildUrl('/icons/x-twitter.svg', true)}"); mask-repeat: no-repeat; mask-position: center center;`}
+        ></svg></a
+      >
     </div>
-    <a target="_blank" class="hover:text-purple-500 hover:underline text-gray-400 font-light not-prose" href="https://eventcatalog.dev">Powered by EventCatalog</a>
+    <a
+      target="_blank"
+      class="hover:text-purple-500 hover:underline text-gray-400 font-light not-prose"
+      href="https://eventcatalog.dev">Powered by EventCatalog</a
+    >
   </div>
-</footer>
+</footer>

package/src/pages/discover/[type]/index.astro

@@ -8,32 +8,37 @@ import { getServices } from '@utils/services/services';
 import { getDomains } from '@utils/domains/domains';
 
 export async function getStaticPaths() {
-    const events = await getEvents();
-    const commands = await getCommands();
-    const services = await getServices();
-    const domains = await getDomains();
+  const events = await getEvents();
+  const commands = await getCommands();
+  const services = await getServices();
+  const domains = await getDomains();
 
-    const buildPage = (type: string, collection: CollectionEntry<CollectionTypes>[]) => {
-        return {
-            params: {
-                type,
-            },
-            props: {
-                type,
-                data: collection,
-            },
-        };
+  const buildPage = (type: string, collection: CollectionEntry<CollectionTypes>[]) => {
+    return {
+      params: {
+        type,
+      },
+      props: {
+        type,
+        data: collection,
+      },
     };
+  };
 
-    return [
-        buildPage('events', events),
-        buildPage('commands', commands),
-        buildPage('services', services),
-        buildPage('domains', domains),
-    ];
+  return [
+    buildPage('events', events),
+    buildPage('commands', commands),
+    buildPage('services', services),
+    buildPage('domains', domains),
+  ];
 }
 
 const { type, data } = Astro.props;
 ---
 
-<DiscoverLayout title={`${type} (${data.length})`} subtitle={`Find, filter and search for any ${type} in your system.`} data={data} type={type} />
+<DiscoverLayout
+  title={`${type} (${data.length})`}
+  subtitle={`Find, filter and search for any ${type} in your system.`}
+  data={data}
+  type={type}
+/>