@eventcatalog/core 2.65.0 → 3.0.0-beta.0

package/eventcatalog/src/pages/architecture/[type]/[id]/[version]/_index.data.ts

@@ -0,0 +1,64 @@
+import { isSSR } from '@utils/feature';
+import { HybridPage } from '@utils/page-loaders/hybrid-page';
+import type { PageTypes } from '@types';
+import { pageDataLoader } from '@utils/page-loaders/page-data-loader';
+
+/**
+ * Documentation page class for all collection types with versioning
+ */
+export class Page extends HybridPage {
+  static async getStaticPaths() {
+    if (isSSR()) {
+      return [];
+    }
+
+    const itemTypes: PageTypes[] = ['services', 'domains'];
+    const allItems = await Promise.all(itemTypes.map((type) => pageDataLoader[type]()));
+
+    return allItems.flatMap((items, index) =>
+      items.map((item) => ({
+        params: {
+          type: itemTypes[index],
+          id: item.data.id,
+          version: item.data.version,
+        },
+        props: {
+          type: itemTypes[index],
+          ...item,
+          // Not everything needs the body of the page itself.
+          body: undefined,
+        },
+      }))
+    );
+  }
+
+  protected static async fetchData(params: any) {
+    const { type, id, version } = params;
+
+    if (!type || !id || !version) {
+      return null;
+    }
+
+    // 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;
+    }
+
+    return {
+      type,
+      ...item,
+    };
+  }
+
+  protected static createNotFoundResponse(): Response {
+    return new Response(null, {
+      status: 404,
+      statusText: 'Documentation not found',
+    });
+  }
+}

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

@@ -0,0 +1,29 @@
+---
+import DomainGrid from '@components/Grids/DomainGrid';
+import MessageGrid from '@components/Grids/MessageGrid';
+
+import VerticalSideBarLayout from '@layouts/VerticalSideBarLayout.astro';
+import { Page } from './_index.data';
+
+export const prerender = Page.prerender;
+export const getStaticPaths = Page.getStaticPaths;
+
+// Get data
+const props = await Page.getData(Astro);
+let domain = props;
+
+const pageTitle = `${props.type} | ${props.data.name}`.replace(/^\w/, (c) => c.toUpperCase());
+
+const type = props.type;
+---
+
+<VerticalSideBarLayout title={pageTitle}>
+  <div class="bg-white min-h-screen">
+    <div class="mx-auto h-full">
+      <div class="px-6 py-6 h-full">
+        {type === 'domains' && <DomainGrid domain={domain} client:load />}
+        {type === 'services' && <MessageGrid service={props} client:load />}
+      </div>
+    </div>
+  </div>
+</VerticalSideBarLayout>

package/eventcatalog/src/pages/directory/[type]/_index.data.ts

@@ -8,8 +8,8 @@ export class Page extends HybridPage {
   }
 
   static async getStaticPaths(): Promise<Array<{ params: any; props: any }>> {
-    const { getUsers } = await import('@utils/users');
-    const { getTeams } = await import('@utils/teams');
+    const { getUsers } = await import('@utils/collections/users');
+    const { getTeams } = await import('@utils/collections/teams');
 
     const loaders = {
       users: getUsers,
@@ -37,8 +37,8 @@ export class Page extends HybridPage {
       return null;
     }
 
-    const { getUsers } = await import('@utils/users');
-    const { getTeams } = await import('@utils/teams');
+    const { getUsers } = await import('@utils/collections/users');
+    const { getTeams } = await import('@utils/collections/teams');
 
     const loaders = {
       users: getUsers,

package/eventcatalog/src/pages/docs/[type]/[id]/[version]/_index.data.ts

@@ -32,10 +32,7 @@ export class Page extends HybridPage {
           id: item.data.id,
           version: item.data.version,
         },
-        props: {
-          type: itemTypes[index],
-          ...item,
-        },
+        props: {},
       }))
     );
   }

package/eventcatalog/src/pages/docs/[type]/[id]/[version]/changelog/_index.data.ts

@@ -1,4 +1,4 @@
-import { isSSR } from '@utils/feature';
+import { isSSR, isChangelogEnabled } from '@utils/feature';
 import { HybridPage } from '@utils/page-loaders/hybrid-page';
 import type { PageTypes } from '@types';
 
@@ -8,7 +8,7 @@ export class Page extends HybridPage {
   }
 
   static async getStaticPaths(): Promise<Array<{ params: any; props: any }>> {
-    if (isSSR()) {
+    if (isSSR() || !isChangelogEnabled()) {
       return [];
     }
 
@@ -36,7 +36,7 @@ export class Page extends HybridPage {
   protected static async fetchData(params: any) {
     const { type, id, version } = params;
 
-    if (!type || !id || !version) {
+    if (!type || !id || !version || !isChangelogEnabled()) {
       return null;
     }
 

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

@@ -16,7 +16,7 @@ import 'diff2html/bundles/css/diff2html.min.css';
 
 import { buildUrl } from '@utils/url-builder';
 import { getPreviousVersion } from '@utils/collections/util';
-import { getDiffsForCurrentAndPreviousVersion } from '@utils/collections/file-diffs';
+import { getDiffsForCurrentAndPreviousVersion } from '@utils/file-diffs';
 import VerticalSideBarLayout from '@layouts/VerticalSideBarLayout.astro';
 import { ClientRouter } from 'astro:transitions';
 import { isChangelogEnabled } from '@utils/feature';
@@ -29,10 +29,6 @@ export const getStaticPaths = Page.getStaticPaths;
 // Get data
 const props = await Page.getData(Astro);
 
-if (!isChangelogEnabled()) {
-  return Astro.redirect('/docs');
-}
-
 let collectionItem = props;
 const logs = await getChangeLogs(props);