@eventcatalog/core 2.45.3 → 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.3";
+var version = "2.46.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-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.3";
+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-YIR6C2W3.js";
-import "../chunk-ZOCINDXG.js";
-import "../chunk-KLNIUFPG.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-ZOCINDXG.js → chunk-DGPDGCPS.js}

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

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

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

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

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

package/dist/constants.js

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-KLNIUFPG.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.3";
+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-YIR6C2W3.js";
-import "./chunk-ZOCINDXG.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-KLNIUFPG.js";
+} from "./chunk-GXL54GNJ.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,
         [

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.46.0",
   "publishConfig": {
     "access": "public"
   },
@@ -81,6 +81,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 +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",