@eventcatalog/core 3.4.2 → 3.5.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 = "3.4.2";
+var version = "3.5.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-363MMCIA.js";
-import "../chunk-JKOCGMX6.js";
+} from "../chunk-S4WEKWZQ.js";
+import "../chunk-THGO7LXH.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 = "3.4.2";
+var version = "3.5.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,8 +1,8 @@
 import {
   log_build_default
-} from "../chunk-6TCIKRLP.js";
-import "../chunk-363MMCIA.js";
-import "../chunk-JKOCGMX6.js";
+} from "../chunk-HKP23E7A.js";
+import "../chunk-S4WEKWZQ.js";
+import "../chunk-THGO7LXH.js";
 import "../chunk-UPONRQSN.js";
 export {
   log_build_default as default

package/dist/{chunk-JMIRAK3A.js → chunk-2SOGDOBS.js}

@@ -1,6 +1,6 @@
 import {
   logger
-} from "./chunk-E4RUDCKA.js";
+} from "./chunk-3XCGL7TC.js";
 import {
   cleanup,
   getEventCatalogConfigFile

package/dist/{chunk-E4RUDCKA.js → chunk-3XCGL7TC.js}

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-JKOCGMX6.js";
+} from "./chunk-THGO7LXH.js";
 
 // src/utils/cli-logger.ts
 import pc from "picocolors";

package/dist/{chunk-6TCIKRLP.js → chunk-HKP23E7A.js}

@@ -1,6 +1,6 @@
 import {
   raiseEvent
-} from "./chunk-363MMCIA.js";
+} from "./chunk-S4WEKWZQ.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile

package/dist/{chunk-363MMCIA.js → chunk-S4WEKWZQ.js}

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

package/dist/{chunk-JKOCGMX6.js → chunk-THGO7LXH.js}

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

package/dist/constants.cjs

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

package/dist/constants.js

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

package/dist/eventcatalog.cjs

@@ -109,7 +109,7 @@ var verifyRequiredFieldsAreInCatalogConfigFile = async (projectDirectory) => {
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "3.4.2";
+var version = "3.5.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/eventcatalog.js

@@ -6,8 +6,8 @@ import {
 } from "./chunk-PLNJC7NZ.js";
 import {
   log_build_default
-} from "./chunk-6TCIKRLP.js";
-import "./chunk-363MMCIA.js";
+} from "./chunk-HKP23E7A.js";
+import "./chunk-S4WEKWZQ.js";
 import {
   runMigrations
 } from "./chunk-BH3JMNAV.js";
@@ -21,13 +21,13 @@ import {
 } from "./chunk-5VBIXL6C.js";
 import {
   generate
-} from "./chunk-JMIRAK3A.js";
+} from "./chunk-2SOGDOBS.js";
 import {
   logger
-} from "./chunk-E4RUDCKA.js";
+} from "./chunk-3XCGL7TC.js";
 import {
   VERSION
-} from "./chunk-JKOCGMX6.js";
+} from "./chunk-THGO7LXH.js";
 import "./chunk-UPONRQSN.js";
 
 // src/eventcatalog.ts

package/dist/generate.cjs

@@ -73,7 +73,7 @@ var getEventCatalogConfigFile = async (projectDirectory) => {
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "3.4.2";
+var version = "3.5.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/generate.js

@@ -1,8 +1,8 @@
 import {
   generate
-} from "./chunk-JMIRAK3A.js";
-import "./chunk-E4RUDCKA.js";
-import "./chunk-JKOCGMX6.js";
+} from "./chunk-2SOGDOBS.js";
+import "./chunk-3XCGL7TC.js";
+import "./chunk-THGO7LXH.js";
 import "./chunk-UPONRQSN.js";
 export {
   generate

package/dist/utils/cli-logger.cjs

@@ -36,7 +36,7 @@ module.exports = __toCommonJS(cli_logger_exports);
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "3.4.2";
+var version = "3.5.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/utils/cli-logger.js

@@ -1,7 +1,7 @@
 import {
   logger
-} from "../chunk-E4RUDCKA.js";
-import "../chunk-JKOCGMX6.js";
+} from "../chunk-3XCGL7TC.js";
+import "../chunk-THGO7LXH.js";
 export {
   logger
 };

package/eventcatalog/src/components/MDX/NodeGraph/Nodes/MessageContextMenu.tsx

@@ -33,7 +33,7 @@ export default function MessageContextMenu(data: Data) {
           {schemaPath && (
             <ContextMenu.Item asChild>
               <a
-                href={buildUrl(`/generated/${messageType}/${id}/schema.json`)}
+                href={buildUrl(`/generated/${messageType}/${id}/${schemaPath}`)}
                 download={`${name}(${version})-${schemaPath}`}
                 className="text-sm px-2 py-1.5 outline-none cursor-pointer hover:bg-orange-100 rounded-sm flex items-center"
                 target="_blank"

package/eventcatalog/src/components/Search/SearchModal.tsx

@@ -26,6 +26,7 @@ import { StarIcon as StarIconSolid, CircleStackIcon } from '@heroicons/react/24/
 import { useStore } from '@nanostores/react';
 import { sidebarStore } from '../../stores/sidebar-store';
 import { favoritesStore, toggleFavorite as toggleFavoriteAction } from '../../stores/favorites-store';
+import { buildUrl } from '@utils/url-builder';
 
 const typeIcons: any = {
   Domain: RectangleGroupIcon,
@@ -94,7 +95,7 @@ const getUrlForItem = (node: any, key: string) => {
     pluralType = 'queries';
   }
 
-  return `/docs/${pluralType}/${id}/${version}`;
+  return buildUrl(`/docs/${pluralType}/${id}/${version}`);
 };
 
 export default function SearchModal() {

package/eventcatalog/src/components/SideNav/NestedSideBar/SearchBar.tsx

@@ -18,23 +18,10 @@ import {
   ArrowLeftRight,
 } from 'lucide-react';
 import type { NavNode } from '@stores/sidebar-store/state';
+import { getBadgeClasses } from './utils';
 
 const cn = (...classes: (string | false | undefined)[]) => classes.filter(Boolean).join(' ');
 
-const getBadgeClasses = (badge: string): string => {
-  const badgeColors: Record<string, string> = {
-    domain: 'bg-blue-100 text-blue-700',
-    service: 'bg-green-100 text-green-700',
-    event: 'bg-amber-100 text-amber-700',
-    command: 'bg-pink-100 text-pink-700',
-    query: 'bg-green-100 text-green-700',
-    message: 'bg-indigo-100 text-indigo-700',
-    design: 'bg-teal-100 text-teal-700',
-    channel: 'bg-indigo-100 text-indigo-700',
-  };
-  return badgeColors[badge.toLowerCase()] || 'bg-gray-100 text-gray-600';
-};
-
 type SearchResult = {
   nodeKey: string;
   node: NavNode;
@@ -53,8 +40,15 @@ export default function SearchBar({ nodes, onSelectResult, onSearchChange }: Pro
   const [showFilterDropdown, setShowFilterDropdown] = useState(false);
 
   // Pre-process searchable nodes to avoid iterating object on every render
+  // Filter out unversioned keys (e.g., "domain:OrderService") to avoid duplicates with versioned keys (e.g., "domain:OrderService:1.0.0")
   const searchableNodes = useMemo(() => {
-    return Object.entries(nodes).filter(([_, node]) => node.type !== 'group');
+    return Object.entries(nodes).filter(([key, node]) => {
+      if (node.type === 'group') return false;
+      // Only include versioned keys (those with 3+ parts like "type:id:version")
+      // Unversioned keys (2 parts like "type:id") are aliases to latest version and would cause duplicates
+      const keyParts = key.split(':');
+      return keyParts.length >= 3;
+    });
   }, [nodes]);
 
   // Get available badges from nodes
@@ -118,6 +112,7 @@ export default function SearchBar({ nodes, onSelectResult, onSearchChange }: Pro
       Container: 'container',
       Flow: 'flow',
       Design: 'design',
+      Channel: 'channel',
     };
 
     // Use the memoized array instead of Object.entries(nodes)
@@ -160,6 +155,23 @@ export default function SearchBar({ nodes, onSelectResult, onSearchChange }: Pro
   const results = searchResults();
   const showSearchResults = searchQuery.trim().length > 0;
 
+  // Group results by type (badge), sorted alphabetically
+  const groupedResults = useMemo(() => {
+    const groups: Record<string, SearchResult[]> = {};
+
+    for (const result of results) {
+      const badge = result.node.badge || 'Other';
+      if (!groups[badge]) {
+        groups[badge] = [];
+      }
+      groups[badge].push(result);
+    }
+
+    return Object.entries(groups)
+      .sort(([a], [b]) => a.localeCompare(b))
+      .map(([type, typeResults]) => ({ type, results: typeResults }));
+  }, [results]);
+
   return (
     <>
       {/* Search Input */}
@@ -267,38 +279,45 @@ export default function SearchBar({ nodes, onSelectResult, onSearchChange }: Pro
             <div className="text-[10px] font-medium text-[rgb(var(--ec-content-text-muted))] uppercase tracking-wide mb-2">
               {results.length > 0 ? `${results.length} result${results.length > 1 ? 's' : ''}` : 'No results'}
             </div>
-            {results.length > 0 && (
-              <div className="flex flex-col gap-0.5">
-                {results.map(({ nodeKey, node, matchType }) => (
-                  <button
-                    key={nodeKey}
-                    onClick={() => handleSelectResult(nodeKey, node)}
-                    className="group flex items-center justify-between w-full px-3 py-2 rounded-lg cursor-pointer text-left transition-colors hover:bg-[rgb(var(--ec-content-hover))]"
-                  >
-                    <div className="flex flex-col min-w-0 flex-1">
-                      <span className="text-sm text-[rgb(var(--ec-content-text))] truncate">{node.title}</span>
-                      {matchType === 'id' && (
-                        <span className="text-xs text-[rgb(var(--ec-content-text-muted))] truncate">
-                          ID: {nodeKey.split(':')[2]}
-                        </span>
-                      )}
+            {groupedResults.length > 0 && (
+              <div className="flex flex-col gap-3">
+                {groupedResults.map(({ type, results: typeResults }) => (
+                  <div key={type}>
+                    <div className="flex items-center gap-2 mb-1">
+                      <span
+                        className={cn(
+                          'px-1.5 py-0.5 text-[8px] font-semibold uppercase tracking-wide rounded',
+                          getBadgeClasses(type)
+                        )}
+                      >
+                        {type}
+                      </span>
+                      <span className="text-[10px] text-[rgb(var(--ec-content-text-muted))]">({typeResults.length})</span>
                     </div>
-                    <div className="flex items-center gap-2 flex-shrink-0">
-                      {node.badge && (
-                        <span
-                          className={cn(
-                            'px-1.5 py-0.5 text-[8px] font-semibold uppercase tracking-wide rounded',
-                            getBadgeClasses(node.badge)
-                          )}
+                    <div className="flex flex-col gap-0.5">
+                      {typeResults.map(({ nodeKey, node, matchType }) => (
+                        <button
+                          key={nodeKey}
+                          onClick={() => handleSelectResult(nodeKey, node)}
+                          className="group flex items-center justify-between w-full px-3 py-2 rounded-lg cursor-pointer text-left transition-colors hover:bg-[rgb(var(--ec-content-hover))]"
                         >
-                          {node.badge}
-                        </span>
-                      )}
-                      {node.pages && node.pages.length > 0 && (
-                        <ChevronRight className="w-4 h-4 text-[rgb(var(--ec-icon-color))] group-hover:text-[rgb(var(--ec-accent))]" />
-                      )}
+                          <div className="flex flex-col min-w-0 flex-1">
+                            <span className="text-sm text-[rgb(var(--ec-content-text))] truncate">{node.title}</span>
+                            {matchType === 'id' && (
+                              <span className="text-xs text-[rgb(var(--ec-content-text-muted))] truncate">
+                                ID: {nodeKey.split(':')[2]}
+                              </span>
+                            )}
+                          </div>
+                          <div className="flex items-center gap-2 flex-shrink-0">
+                            {node.pages && node.pages.length > 0 && (
+                              <ChevronRight className="w-4 h-4 text-[rgb(var(--ec-icon-color))] group-hover:text-[rgb(var(--ec-accent))]" />
+                            )}
+                          </div>
+                        </button>
+                      ))}
                     </div>
-                  </button>
+                  </div>
                 ))}
               </div>
             )}

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

@@ -9,27 +9,10 @@ import { saveState, loadState, saveCollapsedSections, loadCollapsedSections } fr
 import { useStore } from '@nanostores/react';
 import { sidebarStore } from '@stores/sidebar-store';
 import { favoritesStore, toggleFavorite as toggleFavoriteAction, type FavoriteItem } from '@stores/favorites-store';
+import { getBadgeClasses } from './utils';
 
 const cn = (...classes: (string | false | undefined)[]) => classes.filter(Boolean).join(' ');
 
-// ============================================
-// Badge color mapping (uses CSS variables from theme.css)
-// ============================================
-
-const getBadgeClasses = (badge: string): string => {
-  const badgeColors: Record<string, string> = {
-    domain: 'bg-[rgb(var(--ec-badge-domain-bg))] text-[rgb(var(--ec-badge-domain-text))]',
-    service: 'bg-[rgb(var(--ec-badge-service-bg))] text-[rgb(var(--ec-badge-service-text))]',
-    event: 'bg-[rgb(var(--ec-badge-event-bg))] text-[rgb(var(--ec-badge-event-text))]',
-    command: 'bg-[rgb(var(--ec-badge-command-bg))] text-[rgb(var(--ec-badge-command-text))]',
-    query: 'bg-[rgb(var(--ec-badge-query-bg))] text-[rgb(var(--ec-badge-query-text))]',
-    message: 'bg-[rgb(var(--ec-badge-message-bg))] text-[rgb(var(--ec-badge-message-text))]',
-    design: 'bg-[rgb(var(--ec-badge-design-bg))] text-[rgb(var(--ec-badge-design-text))]',
-    channel: 'bg-[rgb(var(--ec-badge-channel-bg))] text-[rgb(var(--ec-badge-channel-text))]',
-  };
-  return badgeColors[badge.toLowerCase()] || 'bg-[rgb(var(--ec-badge-default-bg))] text-[rgb(var(--ec-badge-default-text))]';
-};
-
 // ============================================
 // Component
 // ============================================

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

@@ -0,0 +1,19 @@
+// Shared utilities for NestedSideBar components
+
+/**
+ * Returns Tailwind classes for badge styling based on badge type.
+ * Uses CSS variables from theme.css for proper theming support.
+ */
+export const getBadgeClasses = (badge: string): string => {
+  const badgeColors: Record<string, string> = {
+    domain: 'bg-[rgb(var(--ec-badge-domain-bg))] text-[rgb(var(--ec-badge-domain-text))]',
+    service: 'bg-[rgb(var(--ec-badge-service-bg))] text-[rgb(var(--ec-badge-service-text))]',
+    event: 'bg-[rgb(var(--ec-badge-event-bg))] text-[rgb(var(--ec-badge-event-text))]',
+    command: 'bg-[rgb(var(--ec-badge-command-bg))] text-[rgb(var(--ec-badge-command-text))]',
+    query: 'bg-[rgb(var(--ec-badge-query-bg))] text-[rgb(var(--ec-badge-query-text))]',
+    message: 'bg-[rgb(var(--ec-badge-message-bg))] text-[rgb(var(--ec-badge-message-text))]',
+    design: 'bg-[rgb(var(--ec-badge-design-bg))] text-[rgb(var(--ec-badge-design-text))]',
+    channel: 'bg-[rgb(var(--ec-badge-channel-bg))] text-[rgb(var(--ec-badge-channel-text))]',
+  };
+  return badgeColors[badge.toLowerCase()] || 'bg-[rgb(var(--ec-badge-default-bg))] text-[rgb(var(--ec-badge-default-text))]';
+};

package/package.json

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