@eventcatalog/core 2.45.3 → 2.47.0

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.45.3";
+var version = "2.47.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-ZOCINDXG.js";
-import "../chunk-KLNIUFPG.js";
+} from "../chunk-UJDCXC7T.js";
+import "../chunk-LXBFFIQM.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.45.3";
+var version = "2.47.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,8 +1,8 @@
 import {
   log_build_default
-} from "../chunk-YIR6C2W3.js";
-import "../chunk-ZOCINDXG.js";
-import "../chunk-KLNIUFPG.js";
+} from "../chunk-7ZZ4EMKR.js";
+import "../chunk-UJDCXC7T.js";
+import "../chunk-LXBFFIQM.js";
 import "../chunk-E7TXTI7G.js";
 export {
   log_build_default as default

package/dist/{chunk-YIR6C2W3.js → chunk-7ZZ4EMKR.js}

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

package/dist/{chunk-KLNIUFPG.js → chunk-LXBFFIQM.js}

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

package/dist/{chunk-ZOCINDXG.js → chunk-UJDCXC7T.js}

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

package/dist/constants.cjs

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

package/dist/constants.js

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-KLNIUFPG.js";
+} from "./chunk-LXBFFIQM.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.45.3";
+var version = "2.47.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/eventcatalog.js

@@ -6,8 +6,8 @@ import {
 } from "./chunk-DCLTVJDP.js";
 import {
   log_build_default
-} from "./chunk-YIR6C2W3.js";
-import "./chunk-ZOCINDXG.js";
+} from "./chunk-7ZZ4EMKR.js";
+import "./chunk-UJDCXC7T.js";
 import {
   catalogToAstro,
   checkAndConvertMdToMdx
@@ -15,7 +15,7 @@ import {
 import "./chunk-EXAALOQA.js";
 import {
   VERSION
-} from "./chunk-KLNIUFPG.js";
+} from "./chunk-LXBFFIQM.js";
 import {
   isAuthEnabled,
   isBackstagePluginEnabled,

package/eventcatalog/astro.config.mjs

@@ -4,6 +4,7 @@ import mdx from '@astrojs/mdx';
 import react from '@astrojs/react';
 import pagefind from "astro-pagefind";
 import { mermaid } from "./src/remark-plugins/mermaid"
+import { plantuml } from "./src/remark-plugins/plantuml"
 import { join } from 'node:path';
 import remarkDirective from 'remark-directive';
 import { remarkDirectives } from "./src/remark-plugins/directives"
@@ -60,7 +61,7 @@ export default defineConfig({
     mdx({
       // https://docs.astro.build/en/guides/integrations-guide/mdx/#optimize
       optimize: config.mdxOptimize || false,
-      remarkPlugins: [remarkDirective, remarkDirectives, remarkComment, mermaid],
+      remarkPlugins: [remarkDirective, remarkDirectives, remarkComment, mermaid, plantuml],
       rehypePlugins: [
         rehypeSlug,
         [
@@ -68,13 +69,16 @@ export default defineConfig({
           {
             behavior: 'append',
             properties: { className: ['anchor-link'] },
-            
+
           },
         ],
       ],
       gfm: true,
     }),
     config.output !== 'server' && pagefind(),
+    config.output !== 'server' && (await import("astro-compress")).default({
+      Logger: 0,
+    }),
   ].filter(Boolean),
   vite: {
     define: {

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

@@ -76,9 +76,6 @@ const ServiceItem = React.memo(
     isVisualizer: boolean;
     searchTerm: string;
   }) => {
-    const asyncAPISpecifications = item.specifications?.filter((spec) => spec.type === 'asyncapi');
-    const openAPISpecifications = item.specifications?.filter((spec) => spec.type === 'openapi');
-
     return (
       <CollapsibleGroup
         isCollapsed={collapsedGroups[item.href]}

package/eventcatalog/src/components/SideNav/ListViewSideBar/utils.ts

@@ -8,6 +8,15 @@ import { getCommands } from '@utils/commands';
 import { getEvents } from '@utils/events';
 import { getQueries } from '@utils/queries';
 
+const stripCollection = (collection: any) => {
+  return collection.map((item: any) => ({
+    data: {
+      id: item.data.id,
+      version: item.data.version,
+    },
+  }));
+};
+
 export async function getResourcesForNavigation({ currentPath }: { currentPath: string }) {
   const events = await getEvents({ getAllVersions: false });
   const commands = await getCommands({ getAllVersions: false });
@@ -45,15 +54,33 @@ export async function getResourcesForNavigation({ currentPath }: { currentPath:
     const entities = isCollectionDomain || isCollectionService ? item.data.entities || null : null;
     // Add href to the sends and receives
     const sendsWithHref = sends?.map((send: any) => ({
-      ...send,
+      id: send.data.id,
+      data: {
+        name: send.data.name,
+        sidebar: send.data.sidebar,
+        aggregateRoot: send?.data?.aggregateRoot,
+      },
+      collection: send.collection,
       href: buildUrl(`/${route}/${send.collection}/${send.data.id}/${send.data.version}`),
     }));
     const receivesWithHref = receives?.map((receive: any) => ({
-      ...receive,
+      id: receive.data.id,
+      data: {
+        name: receive.data.name,
+        sidebar: receive.data.sidebar,
+        aggregateRoot: receive?.data?.aggregateRoot,
+      },
+      collection: receive.collection,
       href: buildUrl(`/${route}/${receive.collection}/${receive.data.id}/${receive.data.version}`),
     }));
     const entitiesWithHref = entities?.map((entity: any) => ({
-      ...entity,
+      id: entity.data.id,
+      data: {
+        name: entity.data.name,
+        sidebar: entity.data.sidebar,
+        aggregateRoot: entity?.data?.aggregateRoot,
+      },
+      collection: entity.collection,
       href: buildUrl(`/${route}/${entity.collection}/${entity.data.id}/${entity.data.version}`),
     }));
 
@@ -76,8 +103,8 @@ export async function getResourcesForNavigation({ currentPath }: { currentPath:
       servicesCount,
       id: item.data.id,
       name: item.data.name,
-      services: isCollectionDomain ? item.data.services : null,
-      domains: isCollectionDomain ? item.data.domains : null,
+      services: isCollectionDomain ? stripCollection(item.data.services) : null,
+      domains: isCollectionDomain ? stripCollection(item.data.domains) : null,
       sends: sendsWithHref,
       receives: receivesWithHref,
       entities: entitiesWithHref,

package/eventcatalog/src/components/SideNav/SideNav.astro

@@ -19,10 +19,10 @@ let props;
 
 const SIDENAV_TYPE = config?.docs?.sidebar?.type ?? 'LIST_VIEW';
 
-if (SIDENAV_TYPE === 'TREE_VIEW') {
-  props = getTreeView({ projectDir: process.env.PROJECT_DIR!, currentPath });
-} else if (SIDENAV_TYPE === 'LIST_VIEW') {
+if (SIDENAV_TYPE === 'LIST_VIEW') {
   props = await getListViewResources({ currentPath });
+} else if (SIDENAV_TYPE === 'TREE_VIEW') {
+  props = getTreeView({ projectDir: process.env.PROJECT_DIR!, currentPath });
 }
 ---
 

package/eventcatalog/src/enterprise/custom-documentation/pages/docs/custom/index.astro

@@ -412,3 +412,60 @@ const badges = doc?.badges || [];
 
   document.addEventListener('astro:page-load', setupObserver);
 </script>
+
+<script>
+  import('pako').then(({ deflate }: any) => {
+    document.addEventListener('astro:page-load', () => {
+      const blocks = document.getElementsByClassName('plantuml');
+      if (blocks.length > 0) {
+        renderPlantUML(blocks, deflate);
+      }
+    });
+
+    function renderPlantUML(blocks: any, deflate: any) {
+      for (const block of blocks) {
+        const content = block.getAttribute('data-content');
+        if (!content) continue;
+
+        const encoded = encodePlantUML(content, deflate);
+        const img = document.createElement('img');
+        img.src = `https://www.plantuml.com/plantuml/svg/~1${encoded}`;
+        img.alt = 'PlantUML diagram';
+        img.loading = 'lazy';
+        block.innerHTML = '';
+        img.classList.add('mx-auto');
+        block.appendChild(img);
+      }
+    }
+
+    function encodePlantUML(text: any, deflate: any) {
+      const utf8encoded = new TextEncoder().encode(text);
+      const compressed = deflate(utf8encoded, { level: 9 });
+      return encode64(compressed);
+    }
+
+    const encode64 = (data: any) => {
+      const chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_';
+      let str = '';
+      let i = 0;
+      while (i < data.length) {
+        let b1 = data[i++];
+        let b2 = i < data.length ? data[i++] : 0;
+        let b3 = i < data.length ? data[i++] : 0;
+
+        let c1 = b1 >> 2;
+        let c2 = ((b1 & 0x3) << 4) | (b2 >> 4);
+        let c3 = ((b2 & 0xf) << 2) | (b3 >> 6);
+        let c4 = b3 & 0x3f;
+
+        str += chars[c1] + chars[c2] + chars[c3] + chars[c4];
+      }
+      return str;
+    };
+
+    const graphs = document.getElementsByClassName('plantuml');
+    if (document.getElementsByClassName('plantuml').length > 0) {
+      renderPlantUML(graphs, deflate);
+    }
+  });
+</script>

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

@@ -459,4 +459,62 @@ nodeGraphs.push({
       renderDiagrams(graphs);
     }
   </script>
+
+  <script>
+    import('pako').then(({ deflate }: any) => {
+      document.addEventListener('astro:page-load', () => {
+        const blocks = document.getElementsByClassName('plantuml');
+        if (blocks.length > 0) {
+          renderPlantUML(blocks, deflate);
+        }
+      });
+
+      function renderPlantUML(blocks: any, deflate: any) {
+        for (const block of blocks) {
+          const content = block.getAttribute('data-content');
+          if (!content) continue;
+
+          const encoded = encodePlantUML(content, deflate);
+          const img = document.createElement('img');
+          img.src = `https://www.plantuml.com/plantuml/svg/~1${encoded}`;
+          img.alt = 'PlantUML diagram';
+          img.loading = 'lazy';
+          block.innerHTML = '';
+          // Add class to the img
+          img.classList.add('mx-auto');
+          block.appendChild(img);
+        }
+      }
+
+      function encodePlantUML(text: any, deflate: any) {
+        const utf8encoded = new TextEncoder().encode(text);
+        const compressed = deflate(utf8encoded, { level: 9 });
+        return encode64(compressed);
+      }
+
+      const encode64 = (data: any) => {
+        const chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_';
+        let str = '';
+        let i = 0;
+        while (i < data.length) {
+          let b1 = data[i++];
+          let b2 = i < data.length ? data[i++] : 0;
+          let b3 = i < data.length ? data[i++] : 0;
+
+          let c1 = b1 >> 2;
+          let c2 = ((b1 & 0x3) << 4) | (b2 >> 4);
+          let c3 = ((b2 & 0xf) << 2) | (b3 >> 6);
+          let c4 = b3 & 0x3f;
+
+          str += chars[c1] + chars[c2] + chars[c3] + chars[c4];
+        }
+        return str;
+      };
+
+      const graphs = document.getElementsByClassName('plantuml');
+      if (document.getElementsByClassName('plantuml').length > 0) {
+        renderPlantUML(graphs, deflate);
+      }
+    });
+  </script>
 </VerticalSideBarLayout>

package/eventcatalog/src/remark-plugins/mermaid.ts

@@ -18,9 +18,11 @@ export const mermaid: RemarkPlugin<[]> = () => (tree) => {
     // @ts-ignore test
     node.type = 'html';
     node.value = `
-      <div class="mermaid" data-content="${escapeHtml(node.value)}">
+    <div class="mermaid-block pb-4">
+      <div class="mermaid border border-gray-200 rounded-lg p-1" data-content="${escapeHtml(node.value)}">
         <p>Loading graph...</p>
       </div>
+    </div>
     `;
   });
 };

package/eventcatalog/src/remark-plugins/plantuml.ts

@@ -0,0 +1,40 @@
+import type { RemarkPlugin } from '@astrojs/markdown-remark';
+import { visit } from 'unist-util-visit';
+
+const escapeMap: Record<string, string> = {
+  '&': '&amp;',
+  '<': '&lt;',
+  '>': '&gt;',
+  '"': '&quot;',
+  "'": '&#39;',
+};
+
+const escapeHtml = (str: string) => str.replace(/[&<>"']/g, (c) => escapeMap[c]);
+
+function extractTitle(meta: string | undefined): string | null {
+  if (!meta) return null;
+  const match = meta.match(/title="([^"]+)"/);
+  return match ? match[1] : null;
+}
+
+export const plantuml: RemarkPlugin<[]> = () => (tree) => {
+  visit(tree, 'code', (node) => {
+    if (node.lang !== 'plantuml') return;
+
+    // @ts-ignore
+    const title = extractTitle(node.meta);
+    const escapedContent = escapeHtml(node.value);
+    const escapedTitle = title ? escapeHtml(title) : null;
+
+    // @ts-ignore
+    node.type = 'html';
+    node.value = `
+      <div class="plantuml-block pb-4">
+        ${escapedTitle ? `<h2 class="plantuml-title">${escapedTitle}</h2>` : ''}
+        <div class="plantuml border border-gray-200 rounded-lg p-1" data-content="${escapedContent}">
+          <p>Rendering PlantUML diagram...</p>
+        </div>
+      </div>
+    `;
+  });
+};

package/package.json

@@ -6,7 +6,7 @@
     "url": "https://github.com/event-catalog/eventcatalog.git"
   },
   "type": "module",
-  "version": "2.45.3",
+  "version": "2.47.0",
   "publishConfig": {
     "access": "public"
   },
@@ -56,6 +56,7 @@
     "@xyflow/react": "^12.3.6",
     "ai": "^4.3.9",
     "astro": "^5.9.3",
+    "astro-compress": "^2.3.8",
     "astro-expressive-code": "^0.40.1",
     "astro-pagefind": "^1.6.0",
     "astro-seo": "^0.8.4",
@@ -81,6 +82,7 @@
     "lucide-react": "^0.453.0",
     "marked": "^15.0.6",
     "mermaid": "^11.4.1",
+    "pako": "^2.1.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-markdown": "^10.1.0",
@@ -110,6 +112,7 @@
     "@types/lodash.debounce": "^4.0.9",
     "@types/lodash.merge": "4.6.9",
     "@types/node": "^20.14.2",
+    "@types/pako": "^2.0.3",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/react-syntax-highlighter": "^15.5.13",