@eventcatalog/core 3.25.6 → 3.26.0

package/dist/generate.cjs

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

package/dist/generate.js

@@ -1,8 +1,8 @@
 import {
   generate
-} from "./chunk-53HXLUNO.js";
-import "./chunk-R7P4GTFQ.js";
-import "./chunk-P23BMUBV.js";
+} from "./chunk-ASC3AR2X.js";
+import "./chunk-XUN32ZVJ.js";
+import "./chunk-GCNIIIFG.js";
 import "./chunk-5T63CXKU.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.25.6";
+var version = "3.26.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/utils/cli-logger.js

@@ -1,7 +1,7 @@
 import {
   logger
-} from "../chunk-R7P4GTFQ.js";
-import "../chunk-P23BMUBV.js";
+} from "../chunk-XUN32ZVJ.js";
+import "../chunk-GCNIIIFG.js";
 export {
   logger
 };

package/eventcatalog/astro.config.mjs

@@ -149,9 +149,10 @@ export default defineConfig({
       }
     },
     ssr: {
-      external: ['eventcatalog.auth.js', 'eventcatalog.chat.js'],
+      external: ['eventcatalog.auth.js', 'eventcatalog.chat.js', 'better-sqlite3'],
     },
     optimizeDeps: {
+      exclude: ['better-sqlite3'],
       // Pre-bundle heavy dependencies so Vite doesn't discover and transform
       // them lazily on first request. This significantly reduces initial page
       // load time in dev mode.

package/eventcatalog/integrations/eventcatalog-features.ts

@@ -11,6 +11,7 @@ import {
   isDevMode,
   isIntegrationsEnabled,
   isExportPDFEnabled,
+  isSSR,
 } from '../src/utils/feature';
 
 const catalogDirectory = process.env.CATALOG_DIR || process.cwd();
@@ -94,6 +95,18 @@ export default function eventCatalogIntegration(): AstroIntegration {
           });
         }
 
+        // Fields Explorer (requires SSR — pages live outside src/pages to avoid static-mode auto-discovery)
+        if (isSSR()) {
+          params.injectRoute({
+            pattern: '/schemas/fields',
+            entrypoint: path.join(catalogDirectory, 'src/enterprise/fields/pages/fields.astro'),
+          });
+          params.injectRoute({
+            pattern: '/api/schemas/fields',
+            entrypoint: path.join(catalogDirectory, 'src/enterprise/fields/pages/api/fields.ts'),
+          });
+        }
+
         // Warn if integrations are configured without Scale plan
         if (config.integrations && !isIntegrationsEnabled()) {
           console.warn('[EventCatalog] Integrations require the Scale plan. Analytics integrations will not be loaded.');

package/eventcatalog/public/icons/graphql.svg

@@ -1 +1,3 @@
-<svg viewBox="-16 0 288 288" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g fill-rule="evenodd"> <path d="M152.575995,32.9634453 L211.722058,67.1124427 C213.387503,65.348329 215.332859,63.7907081 217.539734,62.5088708 C229.806457,55.4573413 245.452038,59.6441869 252.577021,71.9109101 C259.62855,84.1776333 255.441705,99.8232143 243.174982,106.948197 C240.984974,108.207124 238.684929,109.10784 236.343812,109.66832 L236.343812,177.99302 C238.659582,178.554683 240.934429,179.449686 243.101528,180.695443 C255.441705,187.820426 259.62855,203.466007 252.503568,215.73273 C245.452038,227.999453 229.733004,232.186299 217.46628,225.13477 C215.024105,223.730884 212.902189,221.983449 211.125456,219.988103 L152.340162,253.928803 C153.180519,256.46808 153.635248,259.18431 153.635248,262.008393 C153.635248,276.111452 142.176512,287.64364 128,287.64364 C113.823488,287.64364 102.364752,276.184905 102.364752,262.008393 C102.364752,259.488481 102.726802,257.054441 103.40181,254.755362 L44.2714887,220.615454 C42.6238257,222.34493 40.705394,223.873378 38.5337196,225.13477 C26.193543,232.186299 10.547962,227.999453 3.49643248,215.73273 C-3.55509701,203.466007 0.631748621,187.820426 12.8984718,180.695443 C15.0673397,179.448669 17.3418356,178.553222 19.6561876,177.991646 L19.6561876,109.66832 C17.3150714,109.10784 15.0150257,108.207124 12.8250184,106.948197 C0.558295189,99.8966677 -3.62855044,84.1776333 3.42297904,71.9109101 C10.4745085,59.6441869 26.193543,55.4573413 38.4602662,62.5088708 C40.6551374,63.7837361 42.5913269,65.3313931 44.2507413,67.0836756 L103.41276,32.9254664 C102.730718,30.6154532 102.364752,28.1687503 102.364752,25.6352478 C102.364752,11.4587354 113.823488,0 128,0 C142.176512,0 153.635248,11.4587354 153.635248,25.6352478 C153.635248,28.1826393 153.265258,30.6422768 152.575995,32.9634453 Z M146.413638,43.4848713 L205.700555,77.715193 C203.867899,84.1516888 204.540515,91.2885638 208.137694,97.5461579 C211.746601,103.824151 217.625783,107.985785 224.150543,109.607654 L224.150543,178.017842 C223.818032,178.099463 223.48718,178.187674 223.158201,178.282419 L145.72529,44.1686182 C145.959017,43.9450469 146.18851,43.7170876 146.413638,43.4848713 Z M110.29093,44.1841203 L32.8593279,178.295656 C32.524559,178.19844 32.1878611,178.108015 31.8494573,178.024438 L31.8494573,109.607654 C38.3742168,107.985785 44.2533992,103.824151 47.8623055,97.5461579 C51.466599,91.276189 52.1347497,84.1234583 50.2885426,77.6770157 L109.558747,43.4563434 C109.797913,43.7038019 110.042027,43.9464469 110.29093,44.1841203 Z M135.162749,50.259763 L212.576817,184.340928 C210.844241,185.99279 209.317376,187.91755 208.064241,190.097482 C206.818484,192.264581 205.923481,194.539429 205.361818,196.855198 L50.6395564,196.855198 C50.0779798,194.540846 49.1825333,192.26635 47.9357589,190.097482 C46.6776713,187.931497 45.1539248,186.017428 43.4300297,184.372667 L120.858821,50.2659993 C123.124941,50.9200822 125.520915,51.2704957 128,51.2704957 C130.486952,51.2704957 132.890265,50.9178547 135.162749,50.259763 Z M146.958084,244.737995 L205.860107,210.729899 C205.683398,210.174924 205.525483,209.614096 205.38664,209.048468 L50.6067643,209.048468 C50.5246888,209.380792 50.4360084,209.711472 50.3407792,210.040295 L109.531782,244.215239 C114.192298,239.378545 120.739739,236.373145 128,236.373145 C135.518379,236.373145 142.272352,239.596041 146.958084,244.737995 Z" fill="#E535AB"> </path> </g> </g></svg>
+<svg viewBox="-16 0 288 288" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
+  <path d="M152.575995,32.9634453 L211.722058,67.1124427 C213.387503,65.348329 215.332859,63.7907081 217.539734,62.5088708 C229.806457,55.4573413 245.452038,59.6441869 252.577021,71.9109101 C259.62855,84.1776333 255.441705,99.8232143 243.174982,106.948197 C240.984974,108.207124 238.684929,109.10784 236.343812,109.66832 L236.343812,177.99302 C238.659582,178.554683 240.934429,179.449686 243.101528,180.695443 C255.441705,187.820426 259.62855,203.466007 252.503568,215.73273 C245.452038,227.999453 229.733004,232.186299 217.46628,225.13477 C215.024105,223.730884 212.902189,221.983449 211.125456,219.988103 L152.340162,253.928803 C153.180519,256.46808 153.635248,259.18431 153.635248,262.008393 C153.635248,276.111452 142.176512,287.64364 128,287.64364 C113.823488,287.64364 102.364752,276.184905 102.364752,262.008393 C102.364752,259.488481 102.726802,257.054441 103.40181,254.755362 L44.2714887,220.615454 C42.6238257,222.34493 40.705394,223.873378 38.5337196,225.13477 C26.193543,232.186299 10.547962,227.999453 3.49643248,215.73273 C-3.55509701,203.466007 0.631748621,187.820426 12.8984718,180.695443 C15.0673397,179.448669 17.3418356,178.553222 19.6561876,177.991646 L19.6561876,109.66832 C17.3150714,109.10784 15.0150257,108.207124 12.8250184,106.948197 C0.558295189,99.8966677 -3.62855044,84.1776333 3.42297904,71.9109101 C10.4745085,59.6441869 26.193543,55.4573413 38.4602662,62.5088708 C40.6551374,63.7837361 42.5913269,65.3313931 44.2507413,67.0836756 L103.41276,32.9254664 C102.730718,30.6154532 102.364752,28.1687503 102.364752,25.6352478 C102.364752,11.4587354 113.823488,0 128,0 C142.176512,0 153.635248,11.4587354 153.635248,25.6352478 C153.635248,28.1826393 153.265258,30.6422768 152.575995,32.9634453 Z M146.413638,43.4848713 L205.700555,77.715193 C203.867899,84.1516888 204.540515,91.2885638 208.137694,97.5461579 C211.746601,103.824151 217.625783,107.985785 224.150543,109.607654 L224.150543,178.017842 C223.818032,178.099463 223.48718,178.187674 223.158201,178.282419 L145.72529,44.1686182 C145.959017,43.9450469 146.18851,43.7170876 146.413638,43.4848713 Z M110.29093,44.1841203 L32.8593279,178.295656 C32.524559,178.19844 32.1878611,178.108015 31.8494573,178.024438 L31.8494573,109.607654 C38.3742168,107.985785 44.2533992,103.824151 47.8623055,97.5461579 C51.466599,91.276189 52.1347497,84.1234583 50.2885426,77.6770157 L109.558747,43.4563434 C109.797913,43.7038019 110.042027,43.9464469 110.29093,44.1841203 Z M135.162749,50.259763 L212.576817,184.340928 C210.844241,185.99279 209.317376,187.91755 208.064241,190.097482 C206.818484,192.264581 205.923481,194.539429 205.361818,196.855198 L50.6395564,196.855198 C50.0779798,194.540846 49.1825333,192.26635 47.9357589,190.097482 C46.6776713,187.931497 45.1539248,186.017428 43.4300297,184.372667 L120.858821,50.2659993 C123.124941,50.9200822 125.520915,51.2704957 128,51.2704957 C130.486952,51.2704957 132.890265,50.9178547 135.162749,50.259763 Z M146.958084,244.737995 L205.860107,210.729899 C205.683398,210.174924 205.525483,209.614096 205.38664,209.048468 L50.6067643,209.048468 C50.5246888,209.380792 50.4360084,209.711472 50.3407792,210.040295 L109.531782,244.215239 C114.192298,239.378545 120.739739,236.373145 128,236.373145 C135.518379,236.373145 142.272352,239.596041 146.958084,244.737995 Z" fill="#E535AB" fill-rule="evenodd"/>
+</svg>

package/eventcatalog/src/components/FieldsExplorer/FieldFilters.tsx

@@ -0,0 +1,225 @@
+import { useState, useEffect } from 'react';
+import { Search, X, Filter } from 'lucide-react';
+import { FilterDropdown, CheckboxItem } from '../Tables/Discover/FilterComponents';
+
+export interface FieldFiltersProps {
+  searchQuery: string;
+  onSearchChange: (value: string) => void;
+  selectedFormats: string[];
+  onFormatsChange: (values: string[]) => void;
+  selectedMessageTypes: string[];
+  onMessageTypesChange: (values: string[]) => void;
+  sharedOnly: boolean;
+  onSharedOnlyChange: (value: boolean) => void;
+  conflictingOnly: boolean;
+  onConflictingOnlyChange: (value: boolean) => void;
+  facets: {
+    formats: { value: string; count: number }[];
+    messageTypes: { value: string; count: number }[];
+  } | null;
+  isScaleEnabled?: boolean;
+}
+
+export default function FieldFilters({
+  searchQuery,
+  onSearchChange,
+  selectedFormats,
+  onFormatsChange,
+  selectedMessageTypes,
+  onMessageTypesChange,
+  sharedOnly,
+  onSharedOnlyChange,
+  conflictingOnly,
+  onConflictingOnlyChange,
+  facets,
+  isScaleEnabled = false,
+}: FieldFiltersProps) {
+  const [localSearch, setLocalSearch] = useState(searchQuery);
+
+  // Sync external changes
+  useEffect(() => {
+    setLocalSearch(searchQuery);
+  }, [searchQuery]);
+
+  // Debounce search input
+  useEffect(() => {
+    const timeout = setTimeout(() => {
+      onSearchChange(localSearch);
+    }, 500);
+    return () => clearTimeout(timeout);
+  }, [localSearch]);
+
+  const toggleFormat = (value: string) => {
+    if (selectedFormats.includes(value)) {
+      onFormatsChange(selectedFormats.filter((f) => f !== value));
+    } else {
+      onFormatsChange([...selectedFormats, value]);
+    }
+  };
+
+  const toggleMessageType = (value: string) => {
+    if (selectedMessageTypes.includes(value)) {
+      onMessageTypesChange(selectedMessageTypes.filter((t) => t !== value));
+    } else {
+      onMessageTypesChange([...selectedMessageTypes, value]);
+    }
+  };
+
+  const activeFilterCount =
+    selectedFormats.length + selectedMessageTypes.length + (sharedOnly ? 1 : 0) + (conflictingOnly ? 1 : 0);
+
+  const clearAllFilters = () => {
+    onFormatsChange([]);
+    onMessageTypesChange([]);
+    onSharedOnlyChange(false);
+    onConflictingOnlyChange(false);
+    setLocalSearch('');
+    onSearchChange('');
+  };
+
+  return (
+    <div className="space-y-4">
+      {/* Search Input */}
+      <div className="relative">
+        <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[rgb(var(--ec-icon-color))]" />
+        <input
+          type="text"
+          value={localSearch}
+          onChange={(e) => setLocalSearch(e.target.value)}
+          placeholder="Search fields..."
+          className="w-full pl-9 pr-8 py-2 text-sm bg-[rgb(var(--ec-dropdown-bg))] text-[rgb(var(--ec-input-text))] border border-[rgb(var(--ec-dropdown-border))] rounded-lg placeholder:text-[rgb(var(--ec-icon-color))] focus:outline-hidden focus:ring-1 focus:ring-[rgb(var(--ec-accent)/0.3)] focus:border-[rgb(var(--ec-accent))] transition-colors"
+        />
+        {localSearch && (
+          <button
+            onClick={() => {
+              setLocalSearch('');
+              onSearchChange('');
+            }}
+            className="absolute right-2 top-1/2 -translate-y-1/2 p-0.5 text-[rgb(var(--ec-icon-color))] hover:text-[rgb(var(--ec-page-text))]"
+          >
+            <X className="w-3.5 h-3.5" />
+          </button>
+        )}
+      </div>
+
+      {/* Filter Section Header */}
+      <div className="flex items-center gap-2">
+        <Filter className="w-3.5 h-3.5 text-[rgb(var(--ec-icon-color))]" />
+        <h3 className="text-[11px] font-bold uppercase tracking-widest text-[rgb(var(--ec-page-text))]">Filters</h3>
+      </div>
+
+      {/* Schema Format Filter */}
+      {facets && facets.formats.length > 0 && (
+        <div>
+          <label className="block text-xs font-medium text-[rgb(var(--ec-page-text)/0.8)] mb-1.5">Schema Format</label>
+          <FilterDropdown
+            label="Select formats..."
+            selectedItems={selectedFormats}
+            onClear={() => onFormatsChange([])}
+            onRemoveItem={(item) => toggleFormat(item)}
+          >
+            {facets.formats.map((format) => (
+              <CheckboxItem
+                key={format.value}
+                label={format.value.charAt(0).toUpperCase() + format.value.slice(1)}
+                checked={selectedFormats.includes(format.value)}
+                onChange={() => toggleFormat(format.value)}
+                count={format.count}
+              />
+            ))}
+          </FilterDropdown>
+        </div>
+      )}
+
+      {/* Message Type Filter */}
+      {facets && facets.messageTypes.length > 0 && (
+        <div>
+          <label className="block text-xs font-medium text-[rgb(var(--ec-page-text)/0.8)] mb-1.5">Message Type</label>
+          <FilterDropdown
+            label="Select message types..."
+            selectedItems={selectedMessageTypes}
+            onClear={() => onMessageTypesChange([])}
+            onRemoveItem={(item) => toggleMessageType(item)}
+          >
+            {facets.messageTypes.map((msgType) => (
+              <CheckboxItem
+                key={msgType.value}
+                label={msgType.value.charAt(0).toUpperCase() + msgType.value.slice(1)}
+                checked={selectedMessageTypes.includes(msgType.value)}
+                onChange={() => toggleMessageType(msgType.value)}
+                count={msgType.count}
+              />
+            ))}
+          </FilterDropdown>
+        </div>
+      )}
+
+      {/* Shared Fields Only Toggle */}
+      <div>
+        <label className="flex items-center gap-2 cursor-pointer group">
+          <div
+            className={`w-4 h-4 flex-shrink-0 rounded border flex items-center justify-center transition-colors ${
+              sharedOnly
+                ? 'bg-[rgb(var(--ec-accent))] border-[rgb(var(--ec-accent))]'
+                : 'border-[rgb(var(--ec-page-border))] bg-[rgb(var(--ec-input-bg))] group-hover:border-[rgb(var(--ec-icon-color))]'
+            }`}
+            onClick={() => onSharedOnlyChange(!sharedOnly)}
+          >
+            {sharedOnly && (
+              <svg className="w-3 h-3 text-white" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3">
+                <path d="M5 13l4 4L19 7" strokeLinecap="round" strokeLinejoin="round" />
+              </svg>
+            )}
+          </div>
+          <span className="text-sm text-[rgb(var(--ec-page-text))]" onClick={() => onSharedOnlyChange(!sharedOnly)}>
+            Shared fields only
+          </span>
+        </label>
+        <p className="text-[11px] text-[rgb(var(--ec-page-text-muted))] mt-1 ml-6">
+          Show only fields that appear in multiple messages
+        </p>
+      </div>
+
+      {/* Conflicting Fields Only Toggle */}
+      {isScaleEnabled && (
+        <div>
+          <label className="flex items-center gap-2 cursor-pointer group">
+            <div
+              className={`w-4 h-4 flex-shrink-0 rounded border flex items-center justify-center transition-colors ${
+                conflictingOnly
+                  ? 'bg-amber-500 border-amber-500'
+                  : 'border-[rgb(var(--ec-page-border))] bg-[rgb(var(--ec-input-bg))] group-hover:border-[rgb(var(--ec-icon-color))]'
+              }`}
+              onClick={() => onConflictingOnlyChange(!conflictingOnly)}
+            >
+              {conflictingOnly && (
+                <svg className="w-3 h-3 text-white" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3">
+                  <path d="M5 13l4 4L19 7" strokeLinecap="round" strokeLinejoin="round" />
+                </svg>
+              )}
+            </div>
+            <span className="text-sm text-[rgb(var(--ec-page-text))]" onClick={() => onConflictingOnlyChange(!conflictingOnly)}>
+              Conflicting fields
+            </span>
+          </label>
+          <p className="text-[11px] text-[rgb(var(--ec-page-text-muted))] mt-1 ml-6">
+            Show only fields with inconsistent types across messages
+          </p>
+        </div>
+      )}
+
+      {/* Results & Clear */}
+      {activeFilterCount > 0 && (
+        <div className="flex items-center justify-between pt-3 mt-2 border-t border-[rgb(var(--ec-page-border))]">
+          <span className="text-xs text-[rgb(var(--ec-page-text-muted))]">
+            <span className="font-semibold text-[rgb(var(--ec-page-text))]">{activeFilterCount}</span> active{' '}
+            {activeFilterCount === 1 ? 'filter' : 'filters'}
+          </span>
+          <button onClick={clearAllFilters} className="text-xs font-medium text-[rgb(var(--ec-accent))] hover:underline">
+            Clear all
+          </button>
+        </div>
+      )}
+    </div>
+  );
+}