@eventcatalog/core 2.33.3 → 2.33.4

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

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-5QUF2S7L.js";
-import "../chunk-557OECV4.js";
+} from "../chunk-AUIYWFSM.js";
+import "../chunk-2OM7CIOD.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.33.3";
+var version = "2.33.4";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,8 +1,8 @@
 import {
   log_build_default
-} from "../chunk-5TXSONUY.js";
-import "../chunk-5QUF2S7L.js";
-import "../chunk-557OECV4.js";
+} from "../chunk-MRFHOQZ5.js";
+import "../chunk-AUIYWFSM.js";
+import "../chunk-2OM7CIOD.js";
 import "../chunk-E7TXTI7G.js";
 export {
   log_build_default as default

package/dist/{chunk-557OECV4.js → chunk-2OM7CIOD.js}

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

package/dist/{chunk-5QUF2S7L.js → chunk-AUIYWFSM.js}

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-557OECV4.js";
+} from "./chunk-2OM7CIOD.js";
 
 // src/analytics/analytics.js
 import axios from "axios";

package/dist/{chunk-5TXSONUY.js → chunk-MRFHOQZ5.js}

@@ -1,6 +1,6 @@
 import {
   raiseEvent
-} from "./chunk-5QUF2S7L.js";
+} from "./chunk-AUIYWFSM.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.33.3";
+var version = "2.33.4";
 
 // src/constants.ts
 var VERSION = version;

package/dist/constants.js

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-557OECV4.js";
+} from "./chunk-2OM7CIOD.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.33.3";
+var version = "2.33.4";
 
 // src/constants.ts
 var VERSION = version;

package/dist/eventcatalog.js

@@ -6,15 +6,15 @@ import {
 } from "./chunk-UKJ7F5WR.js";
 import {
   log_build_default
-} from "./chunk-5TXSONUY.js";
-import "./chunk-5QUF2S7L.js";
+} from "./chunk-MRFHOQZ5.js";
+import "./chunk-AUIYWFSM.js";
 import {
   catalogToAstro,
   checkAndConvertMdToMdx
 } from "./chunk-7SI5EVOX.js";
 import {
   VERSION
-} from "./chunk-557OECV4.js";
+} from "./chunk-2OM7CIOD.js";
 import {
   isBackstagePluginEnabled,
   isEventCatalogScaleEnabled,

package/eventcatalog/src/enterprise/custom-documentation/components/CustomDocsNav/components/NestedItem.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { buildUrl } from '@utils/url-builder';
 import type { SidebarItem } from '../types';
+import { ExternalLinkIcon } from 'lucide-react';
 
 interface NestedItemProps {
   item: SidebarItem;
@@ -89,16 +90,45 @@ const NestedItem: React.FC<NestedItemProps> = ({
     );
   }
 
-  const itemPath = item.slug ? buildUrl(`/docs/custom/${item.slug}`) : '#';
+  let itemPath = item.slug ? buildUrl(`/docs/custom/${item.slug}`) : '#';
   const isActive = currentPath === itemPath || currentPath.endsWith(`/${item.slug}`);
 
+  // Convert string style to React CSSProperties if needed
+  const attrs = item.attrs
+    ? {
+        ...item.attrs,
+        style:
+          typeof item.attrs.style === 'string'
+            ? item.attrs.style
+                .split(';')
+                .filter((style) => style.trim())
+                .reduce((acc, style) => {
+                  const [key, value] = style.split(':').map((s) => s.trim());
+                  const camelKey = key.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
+                  return { ...acc, [camelKey]: value };
+                }, {})
+            : item.attrs.style,
+      }
+    : null;
+
+  const isExternalLink = item.slug?.startsWith('http');
+
+  if (isExternalLink && item.slug) {
+    itemPath = item.slug;
+  }
+
   return (
     <a
       href={itemPath}
+      {...(attrs || {})}
       className={`flex items-center px-2 py-1.5 text-xs ${isActive ? 'bg-purple-100 text-purple-900 font-medium' : 'text-gray-600 hover:bg-purple-100'} rounded-md`}
       data-active={isActive}
+      target={isExternalLink ? '_blank' : undefined}
     >
-      <span className="truncate">{item.label}</span>
+      <span className="truncate flex items-center gap-1.5">
+        {item.label}
+        {isExternalLink && <ExternalLinkIcon className="w-3 -mt-0.5 h-3" />}
+      </span>
       {item.badge && item?.badge?.text && (
         <span
           className={`text-${item.badge.color || 'purple'}-600 ml-2 text-[10px] font-medium bg-${item.badge.color || 'purple'}-50 px-2 py-0.5 rounded uppercase`}

package/eventcatalog/src/enterprise/custom-documentation/components/CustomDocsNav/types.ts

@@ -1,6 +1,8 @@
 export interface SidebarItem {
   label: string;
   slug?: string;
+  link?: string;
+  attrs?: Record<string, string>;
   items?: SidebarItem[];
   badge?: {
     text: string;

package/eventcatalog/src/enterprise/custom-documentation/utils/custom-docs.ts

@@ -1,4 +1,3 @@
-// import { getCollection } from "astro:content";
 import config from '@config';
 import fs from 'node:fs';
 import path from 'node:path';
@@ -16,6 +15,8 @@ type SidebarItem = {
   items?: SidebarItem[];
   badge?: Badge;
   collapsed?: boolean;
+  link?: string;
+  attrs?: Record<string, string>;
 };
 
 type SideBarConfigurationItem = {
@@ -28,6 +29,8 @@ type SideBarConfigurationItem = {
   };
   badge?: Badge;
   collapsed?: boolean;
+  link?: string;
+  attrs?: Record<string, string>;
 };
 
 type AdjacentPage = {
@@ -52,39 +55,45 @@ const processAutoGeneratedDirectory = async (
   collapsed?: boolean
 ): Promise<SidebarItem> => {
   // @ts-ignore
-  const files = fs.readdirSync(path.join(process.env.PROJECT_DIR || '', DOCS_DIR, directory));
-
-  // Convert files to frontmatter
-  const docsWithFrontmatter = files.map((file) => {
-    // @ts-ignore
-    const content = fs.readFileSync(path.join(process.env.PROJECT_DIR || '', DOCS_DIR, directory, file), 'utf8');
-    const { data } = matter(content);
-    return { ...data, file };
-  });
-
-  // If user defined slug use it, otherwise use the file
-  const astroIdsForFiles = docsWithFrontmatter.map(
-    (doc: any) => doc.slug || path.join(DOCS_DIR, directory, doc.file).replace('.mdx', '')
-  );
+  const items = fs.readdirSync(path.join(process.env.PROJECT_DIR || '', DOCS_DIR, directory));
 
-  const entries = await Promise.all(
-    astroIdsForFiles.map(async (astroId) => {
-      const entry = await getEntry('customPages', astroId);
-      return entry;
-    })
-  );
+  const allItems: SidebarItem[] = [];
 
-  // Filter anything we haven't found
-  const filteredEntries = entries.filter((entry) => entry !== undefined);
+  for (const item of items) {
+    const fullPath = path.join(process.env.PROJECT_DIR || '', DOCS_DIR, directory, item);
+    const isDirectory = fs.statSync(fullPath).isDirectory();
+
+    if (isDirectory) {
+      // Recursively process subdirectory
+      const subdirResult = await processAutoGeneratedDirectory(
+        path.join(directory, item),
+        item, // Use directory name as label
+        undefined, // No badge for subdirectories
+        collapsed // Inherit collapsed state
+      );
+      allItems.push(subdirResult);
+    } else {
+      // Process file
+      const content = fs.readFileSync(fullPath, 'utf8');
+      const { data } = matter(content);
+
+      const astroId = data.slug || path.join(DOCS_DIR, directory, item).replace('.mdx', '');
+      const entry = await getEntry('customPages', astroId.toLowerCase());
+
+      if (entry) {
+        allItems.push({
+          label: entry.data.title,
+          slug: entry.data.slug || entry.id.replace(DOCS_DIR, ''),
+        });
+      }
+    }
+  }
 
   return {
     label,
     badge,
     collapsed,
-    items: filteredEntries.map((entry) => ({
-      label: entry?.data?.title,
-      slug: entry?.data?.slug || entry?.id.replace(DOCS_DIR, ''),
-    })),
+    items: allItems,
   };
 };
 
@@ -118,7 +127,16 @@ const processSidebarItems = async (items: SideBarConfigurationItem[]): Promise<S
     }
     // Otherwise, it's a regular item
     else {
-      processedItems.push(item as SidebarItem);
+      // if its a link, add it to the processedItems
+      if (item.link) {
+        processedItems.push({
+          label: item.label,
+          slug: item.link,
+          attrs: item.attrs,
+        });
+      } else {
+        processedItems.push(item as SidebarItem);
+      }
     }
   }
 

package/package.json

@@ -6,7 +6,7 @@
     "url": "https://github.com/event-catalog/eventcatalog.git"
   },
   "type": "module",
-  "version": "2.33.3",
+  "version": "2.33.4",
   "publishConfig": {
     "access": "public"
   },