@eventcatalog/core 2.18.0 → 2.18.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.18.0";
+var version = "2.18.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-PXBZMWYY.js";
-import "../chunk-XDIRGQ5U.js";
+} from "../chunk-ZP7QFMPR.js";
+import "../chunk-T4L2ITVE.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.18.0";
+var version = "2.18.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,8 +1,8 @@
 import {
   log_build_default
-} from "../chunk-BOJXPVWN.js";
-import "../chunk-PXBZMWYY.js";
-import "../chunk-XDIRGQ5U.js";
+} from "../chunk-S5LUNNXF.js";
+import "../chunk-ZP7QFMPR.js";
+import "../chunk-T4L2ITVE.js";
 import "../chunk-E7TXTI7G.js";
 export {
   log_build_default as default

package/dist/{chunk-BOJXPVWN.js → chunk-S5LUNNXF.js}

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

package/dist/{chunk-XDIRGQ5U.js → chunk-T4L2ITVE.js}

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

package/dist/{chunk-PXBZMWYY.js → chunk-ZP7QFMPR.js}

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-XDIRGQ5U.js";
+} from "./chunk-T4L2ITVE.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.18.0";
+var version = "2.18.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/constants.js

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

package/dist/eventcatalog.cjs

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

package/dist/eventcatalog.config.d.cts

@@ -40,6 +40,9 @@ interface Config {
         services?: ResourceDependency[];
         domains?: ResourceDependency[];
     };
+    mermaid?: {
+        iconPacks?: string[];
+    };
 }
 
 export type { Config };

package/dist/eventcatalog.config.d.ts

@@ -40,6 +40,9 @@ interface Config {
         services?: ResourceDependency[];
         domains?: ResourceDependency[];
     };
+    mermaid?: {
+        iconPacks?: string[];
+    };
 }
 
 export type { Config };

package/dist/eventcatalog.js

@@ -3,14 +3,14 @@ import {
 } from "./chunk-SHCMAL37.js";
 import {
   log_build_default
-} from "./chunk-BOJXPVWN.js";
-import "./chunk-PXBZMWYY.js";
+} from "./chunk-S5LUNNXF.js";
+import "./chunk-ZP7QFMPR.js";
 import {
   catalogToAstro
 } from "./chunk-WF34R5UT.js";
 import {
   VERSION
-} from "./chunk-XDIRGQ5U.js";
+} from "./chunk-T4L2ITVE.js";
 import {
   generate
 } from "./chunk-YEQVKHST.js";

package/eventcatalog/package-lock.json

@@ -17,6 +17,7 @@
         "@asyncapi/react-component": "^2.4.3",
         "@headlessui/react": "^2.0.3",
         "@heroicons/react": "^2.1.3",
+        "@iconify-json/logos": "^1.2.4",
         "@stoplight/json-schema-viewer": "^4.7.0",
         "@stoplight/mosaic": "^1.53.2",
         "@tailwindcss/typography": "^0.5.13",
@@ -1359,6 +1360,14 @@
         "react": ">= 16 || ^19.0.0-rc"
       }
     },
+    "node_modules/@iconify-json/logos": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@iconify-json/logos/-/logos-1.2.4.tgz",
+      "integrity": "sha512-XC4If5D/hbaZvUkTV8iaZuGlQCyG6CNOlaAaJaGa13V5QMYwYjgtKk3vPP8wz3wtTVNVEVk3LRx1fOJz+YnSMw==",
+      "dependencies": {
+        "@iconify/types": "*"
+      }
+    },
     "node_modules/@iconify/types": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",

package/eventcatalog/package.json

@@ -26,6 +26,7 @@
     "@asyncapi/react-component": "^2.4.3",
     "@headlessui/react": "^2.0.3",
     "@heroicons/react": "^2.1.3",
+    "@iconify-json/logos": "^1.2.4",
     "@stoplight/json-schema-viewer": "^4.7.0",
     "@stoplight/mosaic": "^1.53.2",
     "@tailwindcss/typography": "^0.5.13",

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

@@ -21,6 +21,8 @@ import { pageDataLoader } from '@utils/page-loaders/page-data-loader';
 import { ViewTransitions } from 'astro:transitions';
 import { ArrowsRightLeftIcon } from '@heroicons/react/20/solid';
 
+import config from '@config';
+
 type PageTypesWithFlows = PageTypes | 'flows';
 
 export async function getStaticPaths() {
@@ -229,21 +231,29 @@ const badges = [getBadge(), ...contentBadges, ...getSpecificationBadges()];
   <style is:global>
     .docs-layout .prose {
       max-width: none;
-      /* max-height: 80vh; */
       overflow: auto;
     }
 
     .mermaid svg {
       margin: 1em auto 2em;
     }
+
+    /* Fix for architecture diagrams */
+    .mermaid[data-content*='architecture'] svg {
+      max-width: 350px !important;
+      margin: 0;
+      /* width: 100px !important; */
+    }
   </style>
 
-  <script define:vars={{ props }}>
+  <script define:vars={{ props, config }}>
     // Fix to pass information to componets that are client side only
     // and require catalog information
     window.eventcatalog = {};
     // @ts-ignore
     window.eventcatalog[`${props.collection}-${props.data.id}`] = props.catalog;
+
+    window.eventcatalog.mermaid = config.mermaid;
   </script>
 
   <script>
@@ -260,6 +270,23 @@ const badges = [getBadge(), ...contentBadges, ...getSpecificationBadges()];
      */
     async function renderDiagrams(graphs: any) {
       const { default: mermaid } = await import('mermaid');
+
+      if (window.eventcatalog.mermaid) {
+        const { icons } = await import('@iconify-json/logos');
+        const { iconPacks = [] } = window.eventcatalog.mermaid ?? {};
+
+        if (iconPacks.length > 0) {
+          const iconPacksToRegister = iconPacks.map((name: string) => {
+            return {
+              name,
+              icons,
+            };
+          });
+
+          mermaid.registerIconPacks(iconPacksToRegister);
+        }
+      }
+
       mermaid.initialize({
         // fontSize: 2,
         flowchart: {
@@ -271,6 +298,9 @@ const badges = [getBadge(), ...contentBadges, ...getSpecificationBadges()];
         fontFamily: 'var(--sans-font)',
         // @ts-ignore This works, but TS expects a enum for some reason
         theme: 'light',
+        architecture: {
+          useMaxWidth: true,
+        },
       });
 
       for (const graph of graphs) {

package/package.json

@@ -6,7 +6,7 @@
     "url": "https://github.com/event-catalog/eventcatalog.git"
   },
   "type": "module",
-  "version": "2.18.0",
+  "version": "2.18.1",
   "publishConfig": {
     "access": "public"
   },
@@ -49,6 +49,7 @@
     "@asyncapi/react-component": "^2.4.3",
     "@headlessui/react": "^2.0.3",
     "@heroicons/react": "^2.1.3",
+    "@iconify-json/logos": "^1.2.4",
     "@parcel/watcher": "^2.4.1",
     "@stoplight/json-schema-viewer": "^4.7.0",
     "@stoplight/mosaic": "^1.53.2",