@eventcatalog/core 2.16.0 → 2.16.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.16.0";
+var version = "2.16.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-BT6ILNB3.js";
-import "../chunk-DMGFALQN.js";
+} from "../chunk-J5H7ICLD.js";
+import "../chunk-GEPV3ACK.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.16.0";
+var version = "2.16.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,8 +1,8 @@
 import {
   log_build_default
-} from "../chunk-6VJTKPOS.js";
-import "../chunk-BT6ILNB3.js";
-import "../chunk-DMGFALQN.js";
+} from "../chunk-A3QFF66M.js";
+import "../chunk-J5H7ICLD.js";
+import "../chunk-GEPV3ACK.js";
 import "../chunk-E7TXTI7G.js";
 export {
   log_build_default as default

package/dist/{chunk-6VJTKPOS.js → chunk-A3QFF66M.js}

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

package/dist/{chunk-DMGFALQN.js → chunk-GEPV3ACK.js}

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

package/dist/{chunk-BT6ILNB3.js → chunk-J5H7ICLD.js}

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-DMGFALQN.js";
+} from "./chunk-GEPV3ACK.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.16.0";
+var version = "2.16.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/constants.js

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-DMGFALQN.js";
+} from "./chunk-GEPV3ACK.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.16.0";
+var version = "2.16.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/eventcatalog.js

@@ -1,13 +1,13 @@
 import {
   log_build_default
-} from "./chunk-6VJTKPOS.js";
-import "./chunk-BT6ILNB3.js";
+} from "./chunk-A3QFF66M.js";
+import "./chunk-J5H7ICLD.js";
 import {
   catalogToAstro
 } from "./chunk-55YPRY5U.js";
 import {
   VERSION
-} from "./chunk-DMGFALQN.js";
+} from "./chunk-GEPV3ACK.js";
 import {
   generate
 } from "./chunk-YEQVKHST.js";

package/eventcatalog/src/components/SideBars/CatalogResourcesSideBar/index.tsx

@@ -6,7 +6,16 @@ import { getIconForCollection as getIconForCollectionOriginal } from '@utils/col
 
 const STORAGE_KEY = 'EventCatalog:catalogSidebarCollapsedGroups';
 
-const CatalogResourcesSideBar = ({ resources, currentPath }: any) => {
+interface CatalogResourcesSideBarProps {
+  resources: any;
+  currentPath: string;
+}
+
+const CatalogResourcesSideBar: React.FC<CatalogResourcesSideBarProps> = ({ resources, currentPath }) => {
+  if (typeof window === 'undefined') {
+    return null;
+  }
+
   const [data, setData] = useState(resources);
   const [searchQuery, setSearchQuery] = useState('');
   const [isInitialized, setIsInitialized] = useState(false);

package/eventcatalog/src/components/Tables/Table.tsx

@@ -21,7 +21,7 @@ import type { CollectionTypes } from '@types';
 declare module '@tanstack/react-table' {
   // @ts-ignore
   interface ColumnMeta<TData extends RowData, TValue> {
-    filterVariant?: 'collection' | 'name';
+    filterVariant?: 'collection' | 'name' | 'badges';
     collectionFilterKey?: string;
     showFilter?: boolean;
     className?: string;
@@ -211,6 +211,16 @@ function Filter({ column }: { column: Column<any, unknown> }) {
 
       return uniqueItemsInList.sort().slice(0, 2000);
     }
+    if (filterVariant === 'badges') {
+      const allBadges = column.getFacetedUniqueValues().keys();
+      // join all badges into a single array
+      const allBadgesArray = Array.from(allBadges)
+        .flat()
+        .filter((b) => !!b);
+      const allBadgesString = allBadgesArray.map((badge) => badge.content);
+      const uniqueBadges = Array.from(new Set(allBadgesString));
+      return uniqueBadges.sort().slice(0, 2000);
+    }
     return Array.from(column.getFacetedUniqueValues().keys()).sort().slice(0, 2000);
   }, [column.getFacetedUniqueValues(), filterVariant]);
 

package/eventcatalog/src/components/Tables/columns/DomainTableColumns.tsx

@@ -2,8 +2,10 @@ import { ServerIcon } from '@heroicons/react/20/solid';
 import { RectangleGroupIcon } from '@heroicons/react/20/solid';
 import { createColumnHelper } from '@tanstack/react-table';
 import type { CollectionEntry } from 'astro:content';
-import { filterByName, filterCollectionByName } from '../filters/custom-filters';
+import { filterByBadge, filterByName, filterCollectionByName } from '../filters/custom-filters';
 import { buildUrl } from '@utils/url-builder';
+import { Tag } from 'lucide-react';
+import { createBadgesColumn } from './SharedColumns';
 
 const columnHelper = createColumnHelper<CollectionEntry<'domains'>>();
 
@@ -40,14 +42,6 @@ export const columns = () => [
     },
     filterFn: filterByName,
   }),
-  // columnHelper.accessor('data.version', {
-  //   header: () => <span>Version</span>,
-  //   cell: (info) => {
-  //     const service = info.row.original;
-  //     return <div className="text-left font-light">{`v${info.getValue()} ${service.data.latestVersion === service.data.version ? '(latest)': ''}`}</div>
-  //   },
-  //   footer: (info) => info.column.id,
-  // }),
   columnHelper.accessor('data.summary', {
     id: 'summary',
     header: () => 'Summary',
@@ -96,9 +90,9 @@ export const columns = () => [
         </ul>
       );
     },
-    // footer: (info) => info.column.id,
     filterFn: filterCollectionByName('services'),
   }),
+  createBadgesColumn(columnHelper),
   columnHelper.accessor('data.name', {
     header: () => <span />,
     cell: (info) => {

package/eventcatalog/src/components/Tables/columns/FlowTableColumns.tsx

@@ -1,10 +1,9 @@
-import { ServerIcon } from '@heroicons/react/20/solid';
-import { RectangleGroupIcon } from '@heroicons/react/20/solid';
 import { createColumnHelper } from '@tanstack/react-table';
 import type { CollectionEntry } from 'astro:content';
-import { filterByName, filterCollectionByName } from '../filters/custom-filters';
+import { filterByName } from '../filters/custom-filters';
 import { buildUrl } from '@utils/url-builder';
 import { QueueListIcon } from '@heroicons/react/24/solid';
+import { createBadgesColumn } from './SharedColumns';
 
 const columnHelper = createColumnHelper<CollectionEntry<'flows'>>();
 
@@ -61,6 +60,7 @@ export const columns = () => [
       className: 'max-w-md',
     },
   }),
+  createBadgesColumn(columnHelper),
   columnHelper.accessor('data.name', {
     header: () => <span />,
     cell: (info) => {

package/eventcatalog/src/components/Tables/columns/MessageTableColumns.tsx

@@ -3,8 +3,9 @@ import { createColumnHelper } from '@tanstack/react-table';
 import type { CollectionMessageTypes } from '@types';
 import type { CollectionEntry } from 'astro:content';
 import { useMemo } from 'react';
-import { filterByName, filterCollectionByName } from '../filters/custom-filters';
+import { filterByName, filterCollectionByName, filterByBadge } from '../filters/custom-filters';
 import { buildUrl } from '@utils/url-builder';
+import { createBadgesColumn } from './SharedColumns';
 
 const columnHelper = createColumnHelper<CollectionEntry<CollectionMessageTypes>>();
 
@@ -55,6 +56,7 @@ export const columns = () => [
     },
     filterFn: filterByName,
   }),
+
   columnHelper.accessor('data.summary', {
     id: 'summary',
     header: () => 'Summary',
@@ -62,7 +64,7 @@ export const columns = () => [
     footer: (info) => info.column.id,
     meta: {
       showFilter: false,
-      className: 'max-w-md',
+      className: 'max-w-[200px]',
     },
   }),
 
@@ -145,6 +147,7 @@ export const columns = () => [
     footer: (info) => info.column.id,
     filterFn: filterCollectionByName('consumers'),
   }),
+  createBadgesColumn(columnHelper),
   columnHelper.accessor('data.name', {
     header: () => <span />,
     cell: (info) => {

package/eventcatalog/src/components/Tables/columns/ServiceTableColumns.tsx

@@ -5,6 +5,7 @@ import { useMemo, useState } from 'react';
 import { filterByName, filterCollectionByName } from '../filters/custom-filters';
 import { buildUrl } from '@utils/url-builder';
 import { getColorAndIconForMessageType } from './MessageTableColumns';
+import { createBadgesColumn } from './SharedColumns';
 
 const columnHelper = createColumnHelper<CollectionEntry<'services'>>();
 
@@ -40,14 +41,6 @@ export const columns = () => [
     },
     filterFn: filterByName,
   }),
-  // columnHelper.accessor('data.version', {
-  //   header: () => <span>Version</span>,
-  //   cell: (info) => {
-  //     const service = info.row.original;
-  //     return <div className="text-left">{`v${info.getValue()} ${service.data.latestVersion === service.data.version ? '(latest)': ''}`}</div>
-  //   },
-  //   footer: (info) => info.column.id,
-  // }),
   columnHelper.accessor('data.summary', {
     id: 'summary',
     header: () => 'Summary',
@@ -175,6 +168,7 @@ export const columns = () => [
     },
     filterFn: filterCollectionByName('sends'),
   }),
+  createBadgesColumn(columnHelper),
   columnHelper.accessor('data.name', {
     header: () => <span />,
     cell: (info) => {

package/eventcatalog/src/components/Tables/columns/SharedColumns.tsx

@@ -0,0 +1,44 @@
+import { createColumnHelper } from '@tanstack/react-table';
+import { Tag } from 'lucide-react';
+import { filterByBadge } from '../filters/custom-filters';
+export const createBadgesColumn = <T extends { data: { badges?: any[] } }>(
+  columnHelper: ReturnType<typeof createColumnHelper<T>>
+) => {
+  return columnHelper.accessor((row) => row.data.badges, {
+    id: 'badges',
+    header: () => <span>Badges</span>,
+    cell: (info) => {
+      const item = info.row.original;
+      const badges = item.data.badges || [];
+
+      if (badges?.length === 0 || !badges)
+        return <div className="font-light text-sm text-gray-400/60 text-left italic">No badges documented</div>;
+
+      return (
+        <ul>
+          {badges.map((badge: any, index: number) => {
+            return (
+              <li key={`${badge.id}-${index}`} className="py-1 group font-light ">
+                <div className="group-hover:text-primary flex space-x-1 items-center ">
+                  <div className="flex items-center border border-gray-300 shadow-sm rounded-md">
+                    <span className="flex items-center">
+                      <span className={`bg-${badge.backgroundColor}-500 h-full rounded-tl rounded-bl p-1`}>
+                        {badge.icon && <badge.icon className="h-4 w-4 text-white" />}
+                        {!badge.icon && <Tag className="h-4 w-4 text-white" />}
+                      </span>
+                      <span className="leading-none px-2 group-hover:underline ">{badge.content}</span>
+                    </span>
+                  </div>
+                </div>
+              </li>
+            );
+          })}
+        </ul>
+      );
+    },
+    meta: {
+      filterVariant: 'badges',
+    },
+    filterFn: filterByBadge,
+  });
+};

package/eventcatalog/src/components/Tables/filters/custom-filters.ts

@@ -12,3 +12,8 @@ export const filterByName = (row: any, key: string, searchValue: string) => {
   const label = `${row?.original?.data.name} (v${row?.original?.data.version})` || '';
   return label.toLowerCase().includes(searchValue.toLowerCase());
 };
+
+export const filterByBadge = (row: any, key: string, searchValue: string) => {
+  const badges = row?.original?.data?.badges || [];
+  return badges.some((badge: any) => badge.content.toLowerCase().includes(searchValue.toLowerCase()));
+};

package/eventcatalog/src/layouts/DiscoverLayout.astro

@@ -100,7 +100,7 @@ const tabs = [
     </div>
 
     <!-- Table -->
-    <div class="pb-20 ml-6">
+    <div class="pb-20 ml-6 md:pr-10">
       <div>
         <div class="sm:flex sm:items-center py-4 pb-4" id="discover-title">
           <div class="sm:flex-auto space-y-2">

package/eventcatalog/src/utils/collections/domains.ts

@@ -56,9 +56,6 @@ export const getDomains = async ({ getAllVersions = true }: Props = {}): Promise
 export const getUbiquitousLanguage = async (domain: Domain): Promise<UbiquitousLanguage[]> => {
   const { collection, data, slug } = domain;
 
-  const allUbiquitousLanguages = await getCollection('ubiquitousLanguages');
-  console.log('allUbiquitousLanguages', allUbiquitousLanguages, collection, slug, data.name);
-
   const ubiquitousLanguages = await getCollection('ubiquitousLanguages', (ubiquitousLanguage) => {
     return ubiquitousLanguage.id.includes(`${collection}/${data.name}`);
   });

package/package.json

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