@eventcatalog/core 4.0.3 → 4.0.4

package/dist/analytics/analytics.cjs

@@ -36,7 +36,7 @@ module.exports = __toCommonJS(analytics_exports);
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "4.0.3";
+var version = "4.0.4";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-5OGYWSP3.js";
-import "../chunk-K54LSZNF.js";
+} from "../chunk-QYEAFNQS.js";
+import "../chunk-VG53ZMUK.js";
 export {
   raiseEvent
 };

package/dist/analytics/log-build.cjs

@@ -140,7 +140,7 @@ var verifyRequiredFieldsAreInCatalogConfigFile = async (projectDirectory) => {
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "4.0.3";
+var version = "4.0.4";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,9 +1,9 @@
 import {
   log_build_default
-} from "../chunk-UXP5LLH2.js";
-import "../chunk-5OGYWSP3.js";
+} from "../chunk-B577BDMM.js";
+import "../chunk-QYEAFNQS.js";
 import "../chunk-DAOXTQVS.js";
-import "../chunk-K54LSZNF.js";
+import "../chunk-VG53ZMUK.js";
 import "../chunk-6QENHZZP.js";
 export {
   log_build_default as default

package/dist/{chunk-UXP5LLH2.js → chunk-B577BDMM.js}

@@ -1,6 +1,6 @@
 import {
   raiseEvent
-} from "./chunk-5OGYWSP3.js";
+} from "./chunk-QYEAFNQS.js";
 import {
   countResources,
   serializeCounts

package/dist/{chunk-63J5GUOH.js → chunk-EHVNV53Y.js}

@@ -1,6 +1,6 @@
 import {
   logger
-} from "./chunk-2CTETYS7.js";
+} from "./chunk-UQH6BDUK.js";
 import {
   cleanup,
   getEventCatalogConfigFile

package/dist/{chunk-5OGYWSP3.js → chunk-QYEAFNQS.js}

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-K54LSZNF.js";
+} from "./chunk-VG53ZMUK.js";
 
 // src/analytics/analytics.js
 import os from "os";

package/dist/{chunk-2CTETYS7.js → chunk-UQH6BDUK.js}

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

package/dist/{chunk-K54LSZNF.js → chunk-VG53ZMUK.js}

@@ -1,5 +1,5 @@
 // package.json
-var version = "4.0.3";
+var version = "4.0.4";
 
 // 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 = "4.0.3";
+var version = "4.0.4";
 
 // src/constants.ts
 var VERSION = version;

package/dist/constants.js

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

package/dist/eventcatalog.cjs

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

package/dist/eventcatalog.js

@@ -1,16 +1,16 @@
 import {
   log_build_default
-} from "./chunk-UXP5LLH2.js";
+} from "./chunk-B577BDMM.js";
 import {
   runMigrations
 } from "./chunk-XUAF2H54.js";
 import "./chunk-CA4U2JP7.js";
 import {
   generate
-} from "./chunk-63J5GUOH.js";
+} from "./chunk-EHVNV53Y.js";
 import {
   logger
-} from "./chunk-2CTETYS7.js";
+} from "./chunk-UQH6BDUK.js";
 import {
   resolve_catalog_dependencies_default
 } from "./chunk-LHR4G2UO.js";
@@ -20,7 +20,7 @@ import {
 import {
   watch
 } from "./chunk-O3Y2G6CY.js";
-import "./chunk-5OGYWSP3.js";
+import "./chunk-QYEAFNQS.js";
 import "./chunk-DAOXTQVS.js";
 import {
   catalogToAstro
@@ -28,7 +28,7 @@ import {
 import "./chunk-VC6VUJIX.js";
 import {
   VERSION
-} from "./chunk-K54LSZNF.js";
+} from "./chunk-VG53ZMUK.js";
 import {
   linkCoreNodeModules,
   resolveInstalledCoreNodeModules

package/dist/generate.cjs

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

package/dist/generate.js

@@ -1,8 +1,8 @@
 import {
   generate
-} from "./chunk-63J5GUOH.js";
-import "./chunk-2CTETYS7.js";
-import "./chunk-K54LSZNF.js";
+} from "./chunk-EHVNV53Y.js";
+import "./chunk-UQH6BDUK.js";
+import "./chunk-VG53ZMUK.js";
 import "./chunk-6QENHZZP.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 = "4.0.3";
+var version = "4.0.4";
 
 // src/constants.ts
 var VERSION = version;

package/dist/utils/cli-logger.js

@@ -1,7 +1,7 @@
 import {
   logger
-} from "../chunk-2CTETYS7.js";
-import "../chunk-K54LSZNF.js";
+} from "../chunk-UQH6BDUK.js";
+import "../chunk-VG53ZMUK.js";
 export {
   logger
 };

package/eventcatalog/src/components/Tables/Discover/DiscoverTable.tsx

@@ -20,6 +20,7 @@ import { resolveIconUrl } from '@utils/icon';
 import { FilterDropdown, CheckboxItem } from './FilterComponents';
 import { getDiscoverColumns } from './columns';
 import { formatAdrStatus, type AdrStatus } from '@utils/collections/adr-constants';
+import { buildDiscoverFilterSearch, filterKnownValues, parseDiscoverFilterSearch } from './url-filters';
 
 export type CollectionType =
   | 'agents'
@@ -161,6 +162,9 @@ const AgentProviderIcon = ({ provider, className }: { provider: string; classNam
   return <img src={providerIconUrls.default} alt="" className={className} loading="lazy" />;
 };
 
+const areStringArraysEqual = (left: string[], right: string[]) =>
+  left.length === right.length && left.every((value, index) => value === right[index]);
+
 export function DiscoverTable<T extends DiscoverTableData>({
   data: initialData,
   collectionType,
@@ -185,34 +189,6 @@ export function DiscoverTable<T extends DiscoverTableData>({
     () => getDiscoverColumns(collectionType, tableConfiguration ?? { columns: {} }),
     [collectionType, tableConfiguration]
   );
-  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);
-  const [sorting, setSorting] = useState<SortingState>([]);
-  const [tableFilter, setTableFilter] = useState('');
-  const PAGE_SIZE_OPTIONS = [10, 25, 50, 100];
-  const PAGE_SIZE_STORAGE_KEY = 'eventcatalog-discover-page-size';
-  const [pageSize, setPageSize] = useState<number>(() => {
-    if (typeof window === 'undefined') return 10;
-    const stored = Number(window.localStorage.getItem(PAGE_SIZE_STORAGE_KEY));
-    return PAGE_SIZE_OPTIONS.includes(stored) ? stored : 10;
-  });
-  useEffect(() => {
-    if (typeof window !== 'undefined') {
-      window.localStorage.setItem(PAGE_SIZE_STORAGE_KEY, String(pageSize));
-    }
-  }, [pageSize]);
-  const [showOnlyLatest, setShowOnlyLatest] = useState(true);
-  const [onlyShowDrafts, setOnlyShowDrafts] = useState(false);
-  const [selectedDomains, setSelectedDomains] = useState<string[]>([]);
-  const [selectedOwners, setSelectedOwners] = useState<string[]>([]);
-  const [selectedProducers, setSelectedProducers] = useState<string[]>([]);
-  const [selectedConsumers, setSelectedConsumers] = useState<string[]>([]);
-  const [selectedAgentProviders, setSelectedAgentProviders] = useState<string[]>([]);
-  const [selectedAgentModels, setSelectedAgentModels] = useState<string[]>([]);
-  const [selectedBadges, setSelectedBadges] = useState<string[]>([]);
-  const [selectedProperties, setSelectedProperties] = useState<string[]>([]);
-  const [selectedStatuses, setSelectedStatuses] = useState<string[]>([]);
-  const selectedKind = collectionKinds.find((kind) => kind.id === collectionType);
-
   // Collect unique badges from all items
   const allBadges = useMemo(() => {
     const badgeMap = new Map<string, { content: string; backgroundColor?: string; textColor?: string; count: number }>();
@@ -234,6 +210,168 @@ export function DiscoverTable<T extends DiscoverTableData>({
     });
     return Array.from(badgeMap.values()).sort((a, b) => b.count - a.count);
   }, [initialData]);
+  const statusCounts = useMemo(() => {
+    const counts: Record<string, number> = {};
+    initialData.forEach((item) => {
+      const status = item.data.status;
+      if (status) counts[status] = (counts[status] || 0) + 1;
+    });
+    return counts;
+  }, [initialData]);
+
+  const statusOptions = useMemo(
+    () =>
+      Object.keys(statusCounts)
+        .map((status) => ({
+          id: status,
+          name: formatAdrStatus(status as AdrStatus),
+          count: statusCounts[status],
+        }))
+        .sort((a, b) => a.name.localeCompare(b.name)),
+    [statusCounts]
+  );
+  const [initialUrlFilters] = useState(() =>
+    parseDiscoverFilterSearch(typeof window === 'undefined' ? '' : window.location.search)
+  );
+  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);
+  const [sorting, setSorting] = useState<SortingState>([]);
+  const [tableFilter, setTableFilter] = useState(initialUrlFilters.q);
+  const PAGE_SIZE_OPTIONS = [10, 25, 50, 100];
+  const PAGE_SIZE_STORAGE_KEY = 'eventcatalog-discover-page-size';
+  const [pageSize, setPageSize] = useState<number>(() => {
+    if (typeof window === 'undefined') return 10;
+    const stored = Number(window.localStorage.getItem(PAGE_SIZE_STORAGE_KEY));
+    return PAGE_SIZE_OPTIONS.includes(stored) ? stored : 10;
+  });
+  useEffect(() => {
+    if (typeof window !== 'undefined') {
+      window.localStorage.setItem(PAGE_SIZE_STORAGE_KEY, String(pageSize));
+    }
+  }, [pageSize]);
+  const [showOnlyLatest, setShowOnlyLatest] = useState(initialUrlFilters.showOnlyLatest);
+  const [onlyShowDrafts, setOnlyShowDrafts] = useState(initialUrlFilters.onlyShowDrafts);
+  const [selectedDomains, setSelectedDomains] = useState<string[]>(() =>
+    showDomainsFilter ? filterKnownValues(initialUrlFilters.domains, new Set(domains.map((domain) => domain.id))) : []
+  );
+  const [selectedOwners, setSelectedOwners] = useState<string[]>(() =>
+    showOwnersFilter ? filterKnownValues(initialUrlFilters.owners, new Set(owners.map((owner) => owner.id))) : []
+  );
+  const [selectedProducers, setSelectedProducers] = useState<string[]>(() =>
+    showProducersFilter ? filterKnownValues(initialUrlFilters.producers, new Set(producers.map((producer) => producer.id))) : []
+  );
+  const [selectedConsumers, setSelectedConsumers] = useState<string[]>(() =>
+    showConsumersFilter ? filterKnownValues(initialUrlFilters.consumers, new Set(consumers.map((consumer) => consumer.id))) : []
+  );
+  const [selectedAgentProviders, setSelectedAgentProviders] = useState<string[]>(() =>
+    collectionType === 'agents'
+      ? filterKnownValues(initialUrlFilters.agentProviders, new Set(agentProviders.map((provider) => provider.id)))
+      : []
+  );
+  const [selectedAgentModels, setSelectedAgentModels] = useState<string[]>(() =>
+    collectionType === 'agents'
+      ? filterKnownValues(initialUrlFilters.agentModels, new Set(agentModels.map((model) => model.id)))
+      : []
+  );
+  const [selectedBadges, setSelectedBadges] = useState<string[]>(() =>
+    filterKnownValues(initialUrlFilters.badges, new Set(allBadges.map((badge) => badge.content)))
+  );
+  const [selectedProperties, setSelectedProperties] = useState<string[]>(() =>
+    filterKnownValues(initialUrlFilters.properties, new Set(propertyOptions.map((property) => property.id)))
+  );
+  const [selectedStatuses, setSelectedStatuses] = useState<string[]>(() =>
+    collectionType === 'adrs'
+      ? filterKnownValues(initialUrlFilters.statuses, new Set(statusOptions.map((status) => status.id)))
+      : []
+  );
+  const selectedKind = collectionKinds.find((kind) => kind.id === collectionType);
+  const knownFilterValues = useMemo(
+    () => ({
+      domains: showDomainsFilter ? new Set(domains.map((domain) => domain.id)) : new Set<string>(),
+      owners: showOwnersFilter ? new Set(owners.map((owner) => owner.id)) : new Set<string>(),
+      producers: showProducersFilter ? new Set(producers.map((producer) => producer.id)) : new Set<string>(),
+      consumers: showConsumersFilter ? new Set(consumers.map((consumer) => consumer.id)) : new Set<string>(),
+      agentProviders: collectionType === 'agents' ? new Set(agentProviders.map((provider) => provider.id)) : new Set<string>(),
+      agentModels: collectionType === 'agents' ? new Set(agentModels.map((model) => model.id)) : new Set<string>(),
+      badges: new Set(allBadges.map((badge) => badge.content)),
+      properties: new Set(propertyOptions.map((property) => property.id)),
+      statuses: collectionType === 'adrs' ? new Set(statusOptions.map((status) => status.id)) : new Set<string>(),
+    }),
+    [
+      agentModels,
+      agentProviders,
+      allBadges,
+      collectionType,
+      consumers,
+      domains,
+      owners,
+      producers,
+      propertyOptions,
+      showConsumersFilter,
+      showDomainsFilter,
+      showOwnersFilter,
+      showProducersFilter,
+      statusOptions,
+    ]
+  );
+  const currentUrlFilters = useMemo(
+    () => ({
+      q: tableFilter,
+      domains: selectedDomains,
+      owners: selectedOwners,
+      producers: selectedProducers,
+      consumers: selectedConsumers,
+      agentProviders: selectedAgentProviders,
+      agentModels: selectedAgentModels,
+      badges: selectedBadges,
+      properties: selectedProperties,
+      statuses: selectedStatuses,
+      showOnlyLatest,
+      onlyShowDrafts,
+    }),
+    [
+      onlyShowDrafts,
+      selectedAgentModels,
+      selectedAgentProviders,
+      selectedBadges,
+      selectedConsumers,
+      selectedDomains,
+      selectedOwners,
+      selectedProducers,
+      selectedProperties,
+      selectedStatuses,
+      showOnlyLatest,
+      tableFilter,
+    ]
+  );
+
+  useEffect(() => {
+    const pruneState = (values: string[], knownValues: Set<string>) => {
+      const nextValues = filterKnownValues(values, knownValues);
+      return areStringArraysEqual(values, nextValues) ? values : nextValues;
+    };
+
+    setSelectedDomains((values) => pruneState(values, knownFilterValues.domains));
+    setSelectedOwners((values) => pruneState(values, knownFilterValues.owners));
+    setSelectedProducers((values) => pruneState(values, knownFilterValues.producers));
+    setSelectedConsumers((values) => pruneState(values, knownFilterValues.consumers));
+    setSelectedAgentProviders((values) => pruneState(values, knownFilterValues.agentProviders));
+    setSelectedAgentModels((values) => pruneState(values, knownFilterValues.agentModels));
+    setSelectedBadges((values) => pruneState(values, knownFilterValues.badges));
+    setSelectedProperties((values) => pruneState(values, knownFilterValues.properties));
+    setSelectedStatuses((values) => pruneState(values, knownFilterValues.statuses));
+  }, [knownFilterValues]);
+
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+
+    const nextSearch = buildDiscoverFilterSearch(currentUrlFilters, window.location.search);
+    const nextUrl = `${window.location.pathname}${nextSearch}${window.location.hash}`;
+    const currentUrl = `${window.location.pathname}${window.location.search}${window.location.hash}`;
+
+    if (nextUrl !== currentUrl) {
+      window.history.replaceState(window.history.state, '', nextUrl);
+    }
+  }, [currentUrlFilters]);
 
   // Filter data based on all filter states
   const filteredData = useMemo(() => {
@@ -514,27 +652,6 @@ export function DiscoverTable<T extends DiscoverTableData>({
     return counts;
   }, [initialData]);
 
-  const statusCounts = useMemo(() => {
-    const counts: Record<string, number> = {};
-    initialData.forEach((item) => {
-      const status = item.data.status;
-      if (status) counts[status] = (counts[status] || 0) + 1;
-    });
-    return counts;
-  }, [initialData]);
-
-  const statusOptions = useMemo(
-    () =>
-      Object.keys(statusCounts)
-        .map((status) => ({
-          id: status,
-          name: formatAdrStatus(status as AdrStatus),
-          count: statusCounts[status],
-        }))
-        .sort((a, b) => a.name.localeCompare(b.name)),
-    [statusCounts]
-  );
-
   const toggleDomain = (domainId: string) => {
     setSelectedDomains((prev) => (prev.includes(domainId) ? prev.filter((id) => id !== domainId) : [...prev, domainId]));
   };
@@ -576,7 +693,7 @@ export function DiscoverTable<T extends DiscoverTableData>({
   const navigateToKind = (kindId: CollectionType) => {
     const selectedKind = collectionKinds.find((kind) => kind.id === kindId);
     if (!selectedKind || selectedKind.id === collectionType) return;
-    window.location.href = selectedKind.href;
+    window.location.href = `${selectedKind.href}${buildDiscoverFilterSearch(currentUrlFilters)}`;
   };
 
   const clearAllFilters = () => {
@@ -606,7 +723,8 @@ export function DiscoverTable<T extends DiscoverTableData>({
     selectedStatuses.length +
     selectedProperties.length +
     (!showOnlyLatest ? 1 : 0) +
-    (onlyShowDrafts ? 1 : 0);
+    (onlyShowDrafts ? 1 : 0) +
+    (tableFilter ? 1 : 0);
 
   // Get selected domain names for display
   const selectedDomainNames = selectedDomains.map((id) => domains.find((d) => d.id === id)?.name || id);

package/eventcatalog/src/components/Tables/Discover/url-filters.ts

@@ -0,0 +1,85 @@
+export interface DiscoverFilterQueryState {
+  q: string;
+  domains: string[];
+  owners: string[];
+  producers: string[];
+  consumers: string[];
+  agentProviders: string[];
+  agentModels: string[];
+  badges: string[];
+  properties: string[];
+  statuses: string[];
+  showOnlyLatest: boolean;
+  onlyShowDrafts: boolean;
+}
+
+const FILTER_PARAM_NAMES = [
+  'q',
+  'domain',
+  'owner',
+  'producer',
+  'consumer',
+  'agentProvider',
+  'agentModel',
+  'badge',
+  'property',
+  'status',
+  'latest',
+  'drafts',
+];
+
+const uniqueNonEmpty = (values: string[]) => Array.from(new Set(values.map((value) => value.trim()).filter(Boolean)));
+
+const getValues = (params: URLSearchParams, paramName: string) => uniqueNonEmpty(params.getAll(paramName));
+
+const isFalse = (value: string | null) => value === 'false' || value === '0';
+
+const isTrue = (value: string | null) => value === 'true' || value === '1';
+
+export const parseDiscoverFilterSearch = (search: string): DiscoverFilterQueryState => {
+  const params = new URLSearchParams(search);
+
+  return {
+    q: params.get('q')?.trim() ?? '',
+    domains: getValues(params, 'domain'),
+    owners: getValues(params, 'owner'),
+    producers: getValues(params, 'producer'),
+    consumers: getValues(params, 'consumer'),
+    agentProviders: getValues(params, 'agentProvider'),
+    agentModels: getValues(params, 'agentModel'),
+    badges: getValues(params, 'badge'),
+    properties: getValues(params, 'property'),
+    statuses: getValues(params, 'status'),
+    showOnlyLatest: !isFalse(params.get('latest')),
+    onlyShowDrafts: isTrue(params.get('drafts')),
+  };
+};
+
+export const filterKnownValues = (values: string[], knownValues: Set<string>) => values.filter((value) => knownValues.has(value));
+
+export const buildDiscoverFilterSearch = (filters: DiscoverFilterQueryState, currentSearch = '') => {
+  const params = new URLSearchParams(currentSearch);
+  FILTER_PARAM_NAMES.forEach((paramName) => params.delete(paramName));
+
+  const appendValues = (paramName: string, values: string[]) => {
+    uniqueNonEmpty(values).forEach((value) => params.append(paramName, value));
+  };
+
+  const q = filters.q.trim();
+  if (q) params.set('q', q);
+  appendValues('domain', filters.domains);
+  appendValues('owner', filters.owners);
+  appendValues('producer', filters.producers);
+  appendValues('consumer', filters.consumers);
+  appendValues('agentProvider', filters.agentProviders);
+  appendValues('agentModel', filters.agentModels);
+  appendValues('badge', filters.badges);
+  appendValues('property', filters.properties);
+  appendValues('status', filters.statuses);
+
+  if (!filters.showOnlyLatest) params.set('latest', 'false');
+  if (filters.onlyShowDrafts) params.set('drafts', 'true');
+
+  const search = params.toString();
+  return search ? `?${search}` : '';
+};

package/package.json

@@ -7,7 +7,7 @@
   },
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
-  "version": "4.0.3",
+  "version": "4.0.4",
   "publishConfig": {
     "access": "public"
   },