@eventcatalog/core 2.45.2 → 2.46.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.2";
+var version = "2.46.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-LAXPNLIC.js";
-import "../chunk-GHBK2QBQ.js";
+} from "../chunk-DGPDGCPS.js";
+import "../chunk-GXL54GNJ.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.2";
+var version = "2.46.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,8 +1,8 @@
 import {
   log_build_default
-} from "../chunk-JGJBD36S.js";
-import "../chunk-LAXPNLIC.js";
-import "../chunk-GHBK2QBQ.js";
+} from "../chunk-IVCYYU5X.js";
+import "../chunk-DGPDGCPS.js";
+import "../chunk-GXL54GNJ.js";
 import "../chunk-E7TXTI7G.js";
 export {
   log_build_default as default

package/dist/{chunk-LAXPNLIC.js → chunk-DGPDGCPS.js}

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

package/dist/{chunk-GHBK2QBQ.js → chunk-GXL54GNJ.js}

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

package/dist/{chunk-JGJBD36S.js → chunk-IVCYYU5X.js}

@@ -1,6 +1,6 @@
 import {
   raiseEvent
-} from "./chunk-LAXPNLIC.js";
+} from "./chunk-DGPDGCPS.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.45.2";
+var version = "2.46.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/constants.js

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-GHBK2QBQ.js";
+} from "./chunk-GXL54GNJ.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.2";
+var version = "2.46.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-JGJBD36S.js";
-import "./chunk-LAXPNLIC.js";
+} from "./chunk-IVCYYU5X.js";
+import "./chunk-DGPDGCPS.js";
 import {
   catalogToAstro,
   checkAndConvertMdToMdx
@@ -15,7 +15,7 @@ import {
 import "./chunk-EXAALOQA.js";
 import {
   VERSION
-} from "./chunk-GHBK2QBQ.js";
+} from "./chunk-GXL54GNJ.js";
 import {
   isAuthEnabled,
   isBackstagePluginEnabled,

package/eventcatalog/astro.config.mjs

@@ -4,12 +4,14 @@ 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"
 import node from '@astrojs/node';
 import remarkComment from 'remark-comment'
-import auth from 'auth-astro';
+import rehypeSlug from 'rehype-slug';
+import rehypeAutolinkHeadings from 'rehype-autolink-headings';
 
 /** @type {import('bin/eventcatalog.config').Config} */
 import config from './eventcatalog.config';
@@ -59,7 +61,18 @@ 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,
+        [
+          rehypeAutolinkHeadings,
+          {
+            behavior: 'append',
+            properties: { className: ['anchor-link'] },
+            
+          },
+        ],
+      ],
       gfm: true,
     }),
     config.output !== 'server' && pagefind(),

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/layouts/VerticalSideBarLayout.astro

@@ -189,6 +189,39 @@ const canPageBeEmbedded = process.env.ENABLE_EMBED === 'true';
         visibility: visible;
         z-index: 100;
       }
+
+      /* Hide anchor link by default */
+      .anchor-link {
+        display: inline-block;
+        width: 1em;
+        height: 1em;
+        margin-left: 0.5rem;
+        margin-top: 0.25rem;
+        background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m12.11%2015.39-3.88%203.88a2.52%202.52%200%200%201-3.5%200%202.47%202.47%200%200%201%200-3.5l3.88-3.88a1%201%200%200%200-1.42-1.42l-3.88%203.89a4.48%204.48%200%200%200%206.33%206.33l3.89-3.88a1%201%200%201%200-1.42-1.42Zm8.58-12.08a4.49%204.49%200%200%200-6.33%200l-3.89%203.88a1%201%200%200%200%201.42%201.42l3.88-3.88a2.52%202.52%200%200%201%203.5%200%202.47%202.47%200%200%201%200%203.5l-3.88%203.88a1%201%200%201%200%201.42%201.42l3.88-3.89a4.49%204.49%200%200%200%200-6.33ZM8.83%2015.17a1%201%200%200%200%201.1.22%201%201%200%200%200%20.32-.22l4.92-4.92a1%201%200%200%200-1.42-1.42l-4.92%204.92a1%201%200%200%200%200%201.42Z%22/%3E%3C/svg%3E');
+        background-repeat: no-repeat;
+        background-position: center;
+        background-size: 1em 1em;
+        opacity: 0;
+        transition: opacity 0.2s ease-in-out;
+        text-decoration: none;
+        vertical-align: -2px;
+      }
+
+      /* Show icon on heading hover */
+      h1:hover .anchor-link,
+      h2:hover .anchor-link,
+      h3:hover .anchor-link,
+      h4:hover .anchor-link,
+      h5:hover .anchor-link,
+      h6:hover .anchor-link {
+        opacity: 1;
+      }
+
+      /* Show on keyboard focus */
+      .anchor-link:focus {
+        opacity: 1;
+        outline: none;
+      }
     </style>
   </head>
   <body>

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.2",
+  "version": "2.46.0",
   "publishConfig": {
     "access": "public"
   },
@@ -81,10 +81,12 @@
     "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",
     "react-syntax-highlighter": "^15.6.1",
+    "rehype-autolink-headings": "^7.1.0",
     "rehype-slug": "^6.0.0",
     "remark-comment": "^1.0.0",
     "remark-directive": "^3.0.0",
@@ -109,6 +111,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",