@eventcatalog/core 2.57.2 → 2.58.1

package/dist/analytics/analytics.cjs

@@ -37,7 +37,7 @@ var import_axios = __toESM(require("axios"), 1);
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "2.57.2";
+var version = "2.58.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-IZVKIJ4Q.js";
-import "../chunk-C2EHTPRH.js";
+} from "../chunk-F3YDLMMR.js";
+import "../chunk-N7MEYFUO.js";
 export {
   raiseEvent
 };

package/dist/analytics/log-build.cjs

@@ -106,7 +106,7 @@ var import_axios = __toESM(require("axios"), 1);
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "2.57.2";
+var version = "2.58.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,8 +1,8 @@
 import {
   log_build_default
-} from "../chunk-A7SEN2P6.js";
-import "../chunk-IZVKIJ4Q.js";
-import "../chunk-C2EHTPRH.js";
+} from "../chunk-X4GKQ2ZE.js";
+import "../chunk-F3YDLMMR.js";
+import "../chunk-N7MEYFUO.js";
 import "../chunk-UPONRQSN.js";
 export {
   log_build_default as default

package/dist/{chunk-IZVKIJ4Q.js → chunk-F3YDLMMR.js}

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-C2EHTPRH.js";
+} from "./chunk-N7MEYFUO.js";
 
 // src/analytics/analytics.js
 import axios from "axios";

package/dist/{chunk-C2EHTPRH.js → chunk-N7MEYFUO.js}

@@ -1,5 +1,5 @@
 // package.json
-var version = "2.57.2";
+var version = "2.58.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/{chunk-A7SEN2P6.js → chunk-X4GKQ2ZE.js}

@@ -1,6 +1,6 @@
 import {
   raiseEvent
-} from "./chunk-IZVKIJ4Q.js";
+} from "./chunk-F3YDLMMR.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile

package/dist/constants.cjs

@@ -25,7 +25,7 @@ __export(constants_exports, {
 module.exports = __toCommonJS(constants_exports);
 
 // package.json
-var version = "2.57.2";
+var version = "2.58.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/constants.js

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-C2EHTPRH.js";
+} from "./chunk-N7MEYFUO.js";
 export {
   VERSION
 };

package/dist/eventcatalog.cjs

@@ -157,7 +157,7 @@ var import_axios = __toESM(require("axios"), 1);
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "2.57.2";
+var version = "2.58.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/eventcatalog.js

@@ -6,8 +6,8 @@ import {
 } from "./chunk-PLNJC7NZ.js";
 import {
   log_build_default
-} from "./chunk-A7SEN2P6.js";
-import "./chunk-IZVKIJ4Q.js";
+} from "./chunk-X4GKQ2ZE.js";
+import "./chunk-F3YDLMMR.js";
 import {
   catalogToAstro,
   checkAndConvertMdToMdx
@@ -15,7 +15,7 @@ import {
 import "./chunk-55D645EH.js";
 import {
   VERSION
-} from "./chunk-C2EHTPRH.js";
+} from "./chunk-N7MEYFUO.js";
 import {
   getProjectOutDir,
   isAuthEnabled,

package/eventcatalog/public/icons/graphql.svg

@@ -0,0 +1 @@
+<svg viewBox="-16 0 288 288" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g fill-rule="evenodd"> <path d="M152.575995,32.9634453 L211.722058,67.1124427 C213.387503,65.348329 215.332859,63.7907081 217.539734,62.5088708 C229.806457,55.4573413 245.452038,59.6441869 252.577021,71.9109101 C259.62855,84.1776333 255.441705,99.8232143 243.174982,106.948197 C240.984974,108.207124 238.684929,109.10784 236.343812,109.66832 L236.343812,177.99302 C238.659582,178.554683 240.934429,179.449686 243.101528,180.695443 C255.441705,187.820426 259.62855,203.466007 252.503568,215.73273 C245.452038,227.999453 229.733004,232.186299 217.46628,225.13477 C215.024105,223.730884 212.902189,221.983449 211.125456,219.988103 L152.340162,253.928803 C153.180519,256.46808 153.635248,259.18431 153.635248,262.008393 C153.635248,276.111452 142.176512,287.64364 128,287.64364 C113.823488,287.64364 102.364752,276.184905 102.364752,262.008393 C102.364752,259.488481 102.726802,257.054441 103.40181,254.755362 L44.2714887,220.615454 C42.6238257,222.34493 40.705394,223.873378 38.5337196,225.13477 C26.193543,232.186299 10.547962,227.999453 3.49643248,215.73273 C-3.55509701,203.466007 0.631748621,187.820426 12.8984718,180.695443 C15.0673397,179.448669 17.3418356,178.553222 19.6561876,177.991646 L19.6561876,109.66832 C17.3150714,109.10784 15.0150257,108.207124 12.8250184,106.948197 C0.558295189,99.8966677 -3.62855044,84.1776333 3.42297904,71.9109101 C10.4745085,59.6441869 26.193543,55.4573413 38.4602662,62.5088708 C40.6551374,63.7837361 42.5913269,65.3313931 44.2507413,67.0836756 L103.41276,32.9254664 C102.730718,30.6154532 102.364752,28.1687503 102.364752,25.6352478 C102.364752,11.4587354 113.823488,0 128,0 C142.176512,0 153.635248,11.4587354 153.635248,25.6352478 C153.635248,28.1826393 153.265258,30.6422768 152.575995,32.9634453 Z M146.413638,43.4848713 L205.700555,77.715193 C203.867899,84.1516888 204.540515,91.2885638 208.137694,97.5461579 C211.746601,103.824151 217.625783,107.985785 224.150543,109.607654 L224.150543,178.017842 C223.818032,178.099463 223.48718,178.187674 223.158201,178.282419 L145.72529,44.1686182 C145.959017,43.9450469 146.18851,43.7170876 146.413638,43.4848713 Z M110.29093,44.1841203 L32.8593279,178.295656 C32.524559,178.19844 32.1878611,178.108015 31.8494573,178.024438 L31.8494573,109.607654 C38.3742168,107.985785 44.2533992,103.824151 47.8623055,97.5461579 C51.466599,91.276189 52.1347497,84.1234583 50.2885426,77.6770157 L109.558747,43.4563434 C109.797913,43.7038019 110.042027,43.9464469 110.29093,44.1841203 Z M135.162749,50.259763 L212.576817,184.340928 C210.844241,185.99279 209.317376,187.91755 208.064241,190.097482 C206.818484,192.264581 205.923481,194.539429 205.361818,196.855198 L50.6395564,196.855198 C50.0779798,194.540846 49.1825333,192.26635 47.9357589,190.097482 C46.6776713,187.931497 45.1539248,186.017428 43.4300297,184.372667 L120.858821,50.2659993 C123.124941,50.9200822 125.520915,51.2704957 128,51.2704957 C130.486952,51.2704957 132.890265,50.9178547 135.162749,50.259763 Z M146.958084,244.737995 L205.860107,210.729899 C205.683398,210.174924 205.525483,209.614096 205.38664,209.048468 L50.6067643,209.048468 C50.5246888,209.380792 50.4360084,209.711472 50.3407792,210.040295 L109.531782,244.215239 C114.192298,239.378545 120.739739,236.373145 128,236.373145 C135.518379,236.373145 142.272352,239.596041 146.958084,244.737995 Z" fill="#E535AB"> </path> </g> </g></svg>

package/eventcatalog/src/components/Lists/SpecificationsList.astro

@@ -17,6 +17,7 @@ const specs = getSpecificationsForService(collectionItem as Service);
 
 const openAPISpecifications = specs.filter((spec) => spec.type === 'openapi');
 const asyncAPISpecifications = specs.filter((spec) => spec.type === 'asyncapi');
+const graphQLSpecifications = specs.filter((spec) => spec.type === 'graphql');
 ---
 
 <div class="space-y-2 mb-8">
@@ -49,4 +50,18 @@ const asyncAPISpecifications = specs.filter((spec) => spec.type === 'asyncapi');
         </a>
       ))
   }
+  {
+    graphQLSpecifications.length > 0 &&
+      graphQLSpecifications.map((spec) => (
+        <a
+          href={buildUrl(
+            `/docs/${collectionItem.collection}/${collectionItem.data.id}/${collectionItem.data.version}/graphql/${spec.filenameWithoutExtension}`
+          )}
+          class="px-1 text-sm font-light flex items-center space-x-1 hover:underline rounded-md hover:bg-gradient-to-l  hover:from-purple-500 hover:to-purple-700 hover:text-white"
+        >
+          <img src={buildUrl('/icons/graphql.svg', true)} class="h-4 w-4" />
+          <span>{spec.name}</span>
+        </a>
+      ))
+  }
 </div>

package/eventcatalog/src/components/MDX/Attachments.astro

@@ -91,7 +91,7 @@ const sortedGroups = Object.entries(groupedAttachments).sort(([a], [b]) => {
     ) : (
       <div class="space-y-6">
         {sortedGroups.map(([groupType, groupAttachments], index) => (
-          <div key={groupType + index}>
+          <div>
             <h4 class="text-sm font-medium text-gray-900 mb-3 uppercase tracking-wider">
               {groupType} ({groupAttachments.length})
             </h4>

package/eventcatalog/src/components/SideNav/ListViewSideBar/components/SpecificationList.tsx

@@ -17,6 +17,7 @@ interface SpecificationListProps {
 const SpecificationList: React.FC<SpecificationListProps> = ({ specifications, id, version }) => {
   const asyncAPISpecifications = specifications.filter((spec) => spec.type === 'asyncapi');
   const openAPISpecifications = specifications.filter((spec) => spec.type === 'openapi');
+  const graphQLSpecifications = specifications.filter((spec) => spec.type === 'graphql');
 
   return (
     <ul className="space-y-0.5 border-l border-gray-200/80 ml-[9px] pl-4">
@@ -56,6 +57,25 @@ const SpecificationList: React.FC<SpecificationListProps> = ({ specifications, i
             </span>
           </a>
         ))}
+      {graphQLSpecifications &&
+        graphQLSpecifications.length > 0 &&
+        graphQLSpecifications.map((spec) => (
+          <a
+            key={`${spec.name}-openapi`}
+            href={buildUrl(`/docs/services/${id}/${version}/graphql/${spec.filenameWithoutExtension}`)}
+            data-active={window.location.href.includes(`docs/services/${id}/${version}/graphql/${spec.filenameWithoutExtension}`)}
+            className={`items-center px-2 py-1.5 text-xs text-gray-600 hover:bg-purple-100 rounded-md flex justify-between ${
+              window.location.href.includes(`docs/services/${id}/${version}/graphql/${spec.filenameWithoutExtension}`)
+                ? 'bg-purple-100'
+                : 'hover:bg-purple-100'
+            }`}
+          >
+            <span className="truncate flex items-center gap-1">{spec.name}</span>
+            <span className="text-green-600 ml-2 text-[10px] uppercase font-medium bg-gray-50 px-4 py-0.5 rounded">
+              <img src={buildUrl('/icons/graphql.svg', true)} className="w-4 h-4" alt="GraphQL" />
+            </span>
+          </a>
+        ))}
     </ul>
   );
 };

package/eventcatalog/src/content.config.ts

@@ -103,10 +103,11 @@ const baseSchema = z.object({
       z.object({
         openapiPath: z.string().optional(),
         asyncapiPath: z.string().optional(),
+        graphqlPath: z.string().optional(),
       }),
       z.array(
         z.object({
-          type: z.enum(['openapi', 'asyncapi']),
+          type: z.enum(['openapi', 'asyncapi', 'graphql']),
           path: z.string(),
           name: z.string().optional(),
         })

package/eventcatalog/src/pages/docs/[type]/[id]/[version]/graphql/[filename].astro

@@ -0,0 +1,177 @@
+---
+import { Code } from 'astro-expressive-code/components';
+import fs from 'fs';
+
+import VerticalSideBarLayout from '@layouts/VerticalSideBarLayout.astro';
+import Footer from '@layouts/Footer.astro';
+import { Page } from './_[filename].data';
+import { getAbsoluteFilePathForAstroFile } from '@utils/files';
+import { buildUrl, buildEditUrlForResource } from '@utils/url-builder';
+import Admonition from '@components/MDX/Admonition';
+
+import { ServerIcon } from '@heroicons/react/24/outline';
+
+export const prerender = Page.prerender;
+export const getStaticPaths = Page.getStaticPaths;
+
+// Get data
+const { collection, data, filePath, filename } = await Page.getData(Astro);
+
+const fileName = filename || 'schema.graphql';
+const pathToSpec = getAbsoluteFilePathForAstroFile(filePath, fileName);
+const fileExists = fs.existsSync(pathToSpec);
+let content = '';
+
+if (fileExists) {
+  content = fs.readFileSync(pathToSpec, 'utf8');
+}
+
+// Create comprehensive page title
+const pageTitle = `${collection} | ${data.name} | GraphQL Schema`.replace(/^\w/, (c) => c.toUpperCase());
+
+const getServiceBadge = () => {
+  return [{ backgroundColor: 'pink', textColor: 'pink', content: 'Service', icon: ServerIcon, class: 'text-pink-400' }];
+};
+
+const getGraphQLBadge = () => {
+  return [
+    {
+      backgroundColor: 'white',
+      textColor: 'gray',
+      content: 'GraphQL Schema',
+      iconURL: buildUrl('/icons/graphql.svg', true),
+      class: 'text-black',
+      id: 'graphql-schema-badge',
+    },
+  ];
+};
+
+const badges = [...getServiceBadge(), ...getGraphQLBadge()];
+
+// Index only the latest version
+const pagefindAttributes =
+  data.version === data.latestVersion
+    ? {
+        'data-pagefind-body': '',
+        'data-pagefind-meta': `title:${pageTitle}`,
+      }
+    : {};
+---
+
+<VerticalSideBarLayout title={pageTitle} description={`GraphQL schema for ${data.name}`}>
+  <main class="flex sm:px-8 docs-layout h-full" {...pagefindAttributes}>
+    <div class="flex docs-layout w-full">
+      <div class="w-full lg:mr-2 pr-8 overflow-y-auto py-8">
+        <div class="border-b border-gray-200 md:pb-4">
+          <div>
+            <div class="flex justify-between items-start">
+              <div class="flex-1">
+                <h1 class="text-2xl md:text-4xl font-bold text-black mb-2">
+                  {data.name}
+                  <span class="text-gray-900">(v{data.version})</span>
+                </h1>
+                <h2 class="text-lg text-gray-600 font-medium mb-1">GraphQL Schema</h2>
+              </div>
+            </div>
+
+            {
+              badges && (
+                <div class="flex flex-wrap gap-3 py-4">
+                  {badges.map((badge: any) => (
+                    <span
+                      id={badge.id || ''}
+                      class={`
+                        inline-flex items-center gap-2 px-3 py-1.5 rounded-lg text-sm font-medium
+                        bg-${badge.backgroundColor || 'white'}-50 border border-${badge.backgroundColor || 'gray'}-200
+                        text-${badge.textColor || 'gray'}-700 shadow-sm
+                        transition-all duration-200 ease-out
+                        ${badge.class ? badge.class : ''}
+                      `}
+                    >
+                      {badge.icon && <badge.icon className={`w-4 h-4 flex-shrink-0 text-${badge.textColor || 'gray'}-600`} />}
+                      {badge.iconURL && <img src={badge.iconURL} class="w-4 h-4 flex-shrink-0 opacity-80" alt="" />}
+                      <span>{badge.content}</span>
+                    </span>
+                  ))}
+                </div>
+              )
+            }
+          </div>
+        </div>
+
+        <div data-pagefind-ignore>
+          {
+            data.version !== data.latestVersion && (
+              <div class="rounded-md bg-gradient-to-r from-purple-50 to-purple-100 p-4 not-prose my-4">
+                <div class="flex">
+                  <div class="flex-shrink-0">
+                    <svg class="h-5 w-5 text-purple-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                      <path
+                        fill-rule="evenodd"
+                        d="M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495zM10 5a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0v-3.5A.75.75 0 0110 5zm0 9a1 1 0 100-2 1 1 0 000 2z"
+                        clip-rule="evenodd"
+                      />
+                    </svg>
+                  </div>
+                  <div class="ml-3">
+                    <h3 class="text-sm font-medium text-purple-800">New version found</h3>
+                    <div class="mt-2 text-sm text-purple-700">
+                      <p>
+                        You are looking at a previous version of the service <strong>{data.name}</strong>.{' '}
+                        <a
+                          class="underline hover:text-primary block pt-2"
+                          href={buildUrl(`/docs/${collection}/${data.id}/${data.latestVersion}/graphql/${filename}`)}
+                        >
+                          The latest version of this GraphQL schema is
+                          <span>v{data.latestVersion}</span> &rarr;
+                        </a>
+                      </p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            )
+          }
+        </div>
+
+        {
+          !fileExists && (
+            <Admonition type="warning" title="Schema not found">
+              <p>The GraphQL schema file could not be found at the expected location.</p>
+            </Admonition>
+          )
+        }
+
+        {
+          fileExists && content && (
+            <div class="mt-6">
+              <div class="bg-gray-50 rounded-lg p-4 mb-4">
+                <div class="flex items-center gap-2 mb-2">
+                  <img src={buildUrl('/icons/graphql.svg', true)} class="w-5 h-5" alt="GraphQL" />
+                  <h3 class="text-lg font-semibold text-gray-800">GraphQL Schema</h3>
+                </div>
+                <p class="text-sm text-gray-600">
+                  This schema defines the GraphQL API structure including types, queries, mutations, and subscriptions for{' '}
+                  {data.name}.
+                </p>
+              </div>
+
+              <div class="not-prose overflow-x-auto">
+                <Code code={content} title={`${data.name} v${data.version} - Schema`} lang="graphql" />
+              </div>
+            </div>
+          )
+        }
+
+        <Footer />
+      </div>
+    </div>
+  </main>
+
+  <style is:global>
+    .docs-layout .prose {
+      max-width: none;
+      overflow: auto;
+    }
+  </style>
+</VerticalSideBarLayout>

package/eventcatalog/src/pages/docs/[type]/[id]/[version]/graphql/_[filename].data.ts

@@ -0,0 +1,98 @@
+// pages/docs/[type]/[id]/[version]/asyncapi/[filename]/index.page.ts
+import { isSSR, isAuthEnabled } from '@utils/feature';
+import { HybridPage } from '@utils/page-loaders/hybrid-page';
+import type { CollectionEntry } from 'astro:content';
+import type { CollectionTypes, PageTypes } from '@types';
+
+export class Page extends HybridPage {
+  static get prerender(): boolean {
+    return !isSSR();
+  }
+
+  static async getStaticPaths(): Promise<Array<{ params: any; props: any }>> {
+    if (isSSR()) {
+      return [];
+    }
+
+    const { pageDataLoader } = await import('@utils/page-loaders/page-data-loader');
+    const { getSpecificationsForService } = await import('@utils/collections/services');
+
+    const itemTypes: PageTypes[] = ['events', 'commands', 'queries', 'services', 'domains'];
+    const allItems = await Promise.all(itemTypes.map((type) => pageDataLoader[type]()));
+
+    const hasSpecifications = (item: CollectionEntry<CollectionTypes>) => {
+      const specifications = getSpecificationsForService(item);
+      // Ensure there is at least one 'asyncapi' specification
+      return specifications && specifications.some((spec) => spec.type === 'graphql');
+    };
+
+    const filteredItems = allItems.map((items) => items.filter(hasSpecifications));
+
+    return filteredItems.flatMap((items, index) =>
+      items.flatMap((item) => {
+        const asyncApiSpecifications = getSpecificationsForService(item).filter((spec) => spec.type === 'graphql');
+
+        return asyncApiSpecifications.map((spec) => ({
+          params: {
+            type: itemTypes[index],
+            id: item.data.id,
+            version: item.data.version,
+            filename: spec.filenameWithoutExtension || spec.type,
+          },
+          props: {
+            type: itemTypes[index],
+            filenameWithoutExtension: spec.filenameWithoutExtension || spec.type,
+            filename: spec.filename || spec.type,
+            ...item,
+          },
+        }));
+      })
+    );
+  }
+
+  protected static async fetchData(params: any) {
+    const { type, id, version, filename } = params;
+
+    if (!type || !id || !version || !filename) {
+      return null;
+    }
+
+    const { pageDataLoader } = await import('@utils/page-loaders/page-data-loader');
+    const { getSpecificationsForService } = await import('@utils/collections/services');
+
+    // Get all items of the specified type
+    const items = await pageDataLoader[type as PageTypes]();
+
+    // Find the specific item by id and version
+    const item = items.find((i) => i.data.id === id && i.data.version === version);
+
+    if (!item) {
+      return null;
+    }
+
+    // Check if this item has AsyncAPI specifications
+    const specifications = getSpecificationsForService(item);
+    const asyncApiSpecifications = specifications.filter((spec) => spec.type === 'graphql');
+
+    // Find the specific specification
+    const spec = asyncApiSpecifications.find((s) => (s.filenameWithoutExtension || s.type) === filename);
+
+    if (!spec) {
+      return null;
+    }
+
+    return {
+      type,
+      filenameWithoutExtension: spec.filenameWithoutExtension || spec.type,
+      filename: spec.filename || spec.type,
+      ...item,
+    };
+  }
+
+  protected static createNotFoundResponse(): Response {
+    return new Response(null, {
+      status: 404,
+      statusText: 'GraphQL specification not found',
+    });
+  }
+}

package/eventcatalog/src/pages/docs/[type]/[id]/[version]/index.astro

@@ -125,6 +125,7 @@ const getSpecificationBadges = () => {
 
   const asyncapiSpecs = specifications.filter((spec) => spec.type === 'asyncapi');
   const openapiSpecs = specifications.filter((spec) => spec.type === 'openapi');
+  const graphQLSpecs = specifications.filter((spec) => spec.type === 'graphql');
 
   if (openapiSpecs.length > 0) {
     for (const spec of openapiSpecs) {
@@ -156,6 +157,22 @@ const getSpecificationBadges = () => {
     }
   }
 
+  if (graphQLSpecs.length > 0) {
+    for (const spec of graphQLSpecs) {
+      badges.push({
+        backgroundColor: 'white',
+        textColor: 'gray',
+        content: spec.name || 'GraphQL Spec',
+        iconURL: buildUrl('/icons/graphql.svg', true),
+        class: 'text-black hover:underline',
+        id: 'graphql-badge',
+        url: buildUrl(
+          `/docs/${props.collection}/${props.data.id}/${props.data.version}/graphql/${spec.filenameWithoutExtension}`
+        ),
+      });
+    }
+  }
+
   return badges;
 };
 

package/package.json

@@ -6,7 +6,7 @@
     "url": "https://github.com/event-catalog/eventcatalog.git"
   },
   "type": "module",
-  "version": "2.57.2",
+  "version": "2.58.1",
   "publishConfig": {
     "access": "public"
   },