@eventcatalog/core 4.12.0-beta.3 → 4.12.0-beta.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.12.0-beta.3";
+var version = "4.12.0-beta.4";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-GGPT4I3K.js";
-import "../chunk-AVRFMQJX.js";
+} from "../chunk-AHPVNJ7S.js";
+import "../chunk-ZZSCV5ZI.js";
 export {
   raiseEvent
 };

package/dist/analytics/log-build.cjs

@@ -146,7 +146,7 @@ var verifyRequiredFieldsAreInCatalogConfigFile = async (projectDirectory) => {
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "4.12.0-beta.3";
+var version = "4.12.0-beta.4";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,9 +1,9 @@
 import {
   log_build_default
-} from "../chunk-5MBYZHYS.js";
+} from "../chunk-NAGVDHNB.js";
 import "../chunk-ZAZHAVKB.js";
-import "../chunk-GGPT4I3K.js";
-import "../chunk-AVRFMQJX.js";
+import "../chunk-AHPVNJ7S.js";
+import "../chunk-ZZSCV5ZI.js";
 import "../chunk-JE6RX7SJ.js";
 export {
   log_build_default as default

package/dist/{chunk-GGPT4I3K.js → chunk-AHPVNJ7S.js}

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

package/dist/{chunk-56TJHDS2.js → chunk-GTXK64UD.js}

@@ -1,6 +1,6 @@
 import {
   logger
-} from "./chunk-TAGBLT3L.js";
+} from "./chunk-M4MMC5MN.js";
 import {
   cleanup,
   getEventCatalogConfigFile

package/dist/{chunk-TAGBLT3L.js → chunk-M4MMC5MN.js}

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

package/dist/{chunk-5MBYZHYS.js → chunk-NAGVDHNB.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-ZAZHAVKB.js";
 import {
   raiseEvent
-} from "./chunk-GGPT4I3K.js";
+} from "./chunk-AHPVNJ7S.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile

package/dist/{chunk-AVRFMQJX.js → chunk-ZZSCV5ZI.js}

@@ -1,5 +1,5 @@
 // package.json
-var version = "4.12.0-beta.3";
+var version = "4.12.0-beta.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.12.0-beta.3";
+var version = "4.12.0-beta.4";
 
 // src/constants.ts
 var VERSION = version;

package/dist/constants.js

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

package/dist/eventcatalog.cjs

@@ -151,7 +151,7 @@ var verifyRequiredFieldsAreInCatalogConfigFile = async (projectDirectory) => {
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "4.12.0-beta.3";
+var version = "4.12.0-beta.4";
 
 // src/constants.ts
 var VERSION = version;

package/dist/eventcatalog.js

@@ -4,7 +4,7 @@ import {
 import "./chunk-CA4U2JP7.js";
 import {
   log_build_default
-} from "./chunk-5MBYZHYS.js";
+} from "./chunk-NAGVDHNB.js";
 import "./chunk-ZAZHAVKB.js";
 import {
   FederationConflictError,
@@ -30,10 +30,10 @@ import {
 } from "./chunk-3SJDIENM.js";
 import {
   generate
-} from "./chunk-56TJHDS2.js";
+} from "./chunk-GTXK64UD.js";
 import {
   logger
-} from "./chunk-TAGBLT3L.js";
+} from "./chunk-M4MMC5MN.js";
 import {
   resolve_catalog_dependencies_default
 } from "./chunk-EEZXGNF6.js";
@@ -47,7 +47,7 @@ import {
 import {
   watch
 } from "./chunk-U63GDPPY.js";
-import "./chunk-GGPT4I3K.js";
+import "./chunk-AHPVNJ7S.js";
 import {
   getAstroConfigPath
 } from "./chunk-VIJJ7JKH.js";
@@ -62,7 +62,7 @@ import {
 } from "./chunk-SAN4U2WU.js";
 import {
   VERSION
-} from "./chunk-AVRFMQJX.js";
+} from "./chunk-ZZSCV5ZI.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile

package/dist/generate.cjs

@@ -112,7 +112,7 @@ var getEventCatalogConfigFile = async (projectDirectory) => {
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "4.12.0-beta.3";
+var version = "4.12.0-beta.4";
 
 // src/constants.ts
 var VERSION = version;

package/dist/generate.js

@@ -1,8 +1,8 @@
 import {
   generate
-} from "./chunk-56TJHDS2.js";
-import "./chunk-TAGBLT3L.js";
-import "./chunk-AVRFMQJX.js";
+} from "./chunk-GTXK64UD.js";
+import "./chunk-M4MMC5MN.js";
+import "./chunk-ZZSCV5ZI.js";
 import "./chunk-JE6RX7SJ.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.12.0-beta.3";
+var version = "4.12.0-beta.4";
 
 // src/constants.ts
 var VERSION = version;

package/dist/utils/cli-logger.js

@@ -1,7 +1,7 @@
 import {
   logger
-} from "../chunk-TAGBLT3L.js";
-import "../chunk-AVRFMQJX.js";
+} from "../chunk-M4MMC5MN.js";
+import "../chunk-ZZSCV5ZI.js";
 export {
   logger
 };

package/eventcatalog/astro.config.mjs

@@ -34,7 +34,7 @@ import preprocessExpressiveCodeConfig from './integrations/expressive-code-confi
 import catalogAssets from './integrations/catalog-assets.mjs';
 import runtimeDependencies from './integrations/runtime-dependencies.mjs';
 import { getRuntimePaths } from './integrations/runtime-paths.mjs';
-import { clientDependencies } from './integrations/client-dependencies.mjs';
+import { collectClientDependencies } from './integrations/client-dependencies.mjs';
 
 const projectDirectory = process.env.PROJECT_DIR || process.cwd();
 const { runtimeDirectory } = getRuntimePaths(projectDirectory, process.env.CATALOG_DIR);
@@ -219,7 +219,7 @@ export default defineConfig({
     },
     optimizeDeps: {
       exclude: [],
-      include: clientDependencies,
+      include: collectClientDependencies(),
     },
   },
 });

package/eventcatalog/integrations/client-dependencies.mjs

@@ -1,27 +1,126 @@
-// Core's browser components live in node_modules in an installed catalog. Vite
-// skips discovering dependencies imported from there, so explicitly pre-bundle
-// the graph and chat entrypoints, including their nested CommonJS dependencies.
-export const clientDependencies = [
-  '@eventcatalog/visualiser',
-  '@xyflow/react',
-  '@ai-sdk/react',
-  'ai',
-  'lucide-react',
-  '@heroicons/react/24/outline',
-  '@heroicons/react/24/solid',
-  '@heroicons/react/20/solid',
-  '@headlessui/react',
-  '@nanostores/react',
-  'nanostores',
-  'react',
-  'react-dom',
-  'semver',
-  'diff',
-  'diff2html',
-  // ArchitectureGraph embeds also need these ready before the first request.
-  // Discovering them mid-session can invalidate already-loaded chunks.
-  'd3-force',
-  'd3-selection',
-  'd3-zoom',
-  'd3-drag',
-];
+import fs from 'node:fs';
+import path from 'node:path';
+import { getRuntimeAliases, packageDirectory } from './eventcatalog-runtime.mjs';
+
+// In an installed catalog Core's browser components live in node_modules, and
+// Vite never discovers dependencies imported from there. Anything it serves
+// unoptimized reaches the browser raw, so a CommonJS package anywhere in the
+// tree (e.g. react-markdown > hast-util-to-jsx-runtime > style-to-js) breaks
+// hydration. Astro's own crawl (vitefu) only covers Core's direct CommonJS
+// dependencies. Collect every dependency Core's browser code imports instead,
+// so Vite pre-bundles each one together with its nested dependencies.
+//
+// Entrypoints are React components and processed <script> blocks in .astro
+// files. Local and aliased JavaScript/TypeScript imports are followed. Like the
+// server dependency scan this matches literal imports rather than parsing, so
+// commented-out imports can over-include; computed specifiers are not found.
+
+// Always needed by React islands, even before a component imports them directly.
+const baseDependencies = ['react', 'react-dom', 'react-dom/client', 'react/jsx-runtime', 'react/jsx-dev-runtime'];
+
+const scriptExtensions = ['.ts', '.tsx', '.js', '.jsx', '.mjs'];
+const typeOnlyImport = /\b(?:import|export)\s+type\s+[^'";]*?\bfrom\s*['"][^'"]+['"]/g;
+const importSpecifier = /\b(?:from\s*|import\s*(?:\(\s*)?)['"]([^'"]+)['"]/g;
+const astroScript = /<script\b([^>]*)>([\s\S]*?)<\/script>/g;
+
+const packageName = (specifier) =>
+  specifier
+    .split('/')
+    .slice(0, specifier.startsWith('@') ? 2 : 1)
+    .join('/');
+
+const isTestFile = (file) => /\.(?:test|spec)\.[cm]?[jt]sx?$/.test(file) || file.split(path.sep).includes('__tests__');
+
+function resolveFile(file) {
+  const candidates = [
+    file,
+    ...scriptExtensions.map((extension) => file + extension),
+    ...scriptExtensions.map((extension) => path.join(file, `index${extension}`)),
+  ];
+  return candidates.find(
+    (candidate) =>
+      scriptExtensions.includes(path.extname(candidate)) && fs.existsSync(candidate) && fs.statSync(candidate).isFile()
+  );
+}
+
+function findPackageJson(name, fromDirectory) {
+  for (let directory = fromDirectory; ; directory = path.dirname(directory)) {
+    const file = path.join(directory, 'node_modules', name, 'package.json');
+    if (fs.existsSync(file)) return JSON.parse(fs.readFileSync(file, 'utf-8'));
+    if (path.dirname(directory) === directory) return;
+  }
+}
+
+// Astro excludes its framework packages (those built on astro) from
+// pre-bundling because they ship raw .astro files. Match its detection.
+function isAstroPackage(name, coreDirectory) {
+  const pkg = findPackageJson(name, coreDirectory);
+  return name === 'astro' || Boolean(pkg?.dependencies?.astro || pkg?.peerDependencies?.astro);
+}
+
+function listFiles(directory) {
+  return fs.readdirSync(directory, { withFileTypes: true }).flatMap((entry) => {
+    if (entry.name.startsWith('.') || entry.name === 'node_modules') return [];
+    const file = path.join(directory, entry.name);
+    return entry.isDirectory() ? listFiles(file) : [file];
+  });
+}
+
+export function collectClientDependencies(coreDirectory = packageDirectory) {
+  const { dependencies = {} } = JSON.parse(fs.readFileSync(path.join(coreDirectory, '../package.json'), 'utf-8'));
+  // Only Core's own source aliases matter here; catalog-owned aliases point at
+  // the user's project, which Vite already scans normally.
+  const aliases = getRuntimeAliases({ projectDirectory: coreDirectory, runtimeDirectory: coreDirectory, coreDirectory }).filter(
+    ({ replacement }) => replacement.startsWith(path.join(coreDirectory, 'src'))
+  );
+  const resolveAlias = (specifier) => {
+    for (const { find, replacement } of aliases) {
+      if (find instanceof RegExp) {
+        if (find.test(specifier)) return specifier.replace(find, replacement);
+      } else if (specifier === find || specifier.startsWith(`${find}/`)) {
+        return replacement + specifier.slice(find.length);
+      }
+    }
+  };
+
+  const found = new Set(baseDependencies);
+  const visited = new Set();
+  const queue = [];
+
+  const scan = (code, importer) => {
+    for (const [, specifier] of code.replace(typeOnlyImport, '').matchAll(importSpecifier)) {
+      // Vite owns query imports (for example ?raw assets) and stylesheets.
+      if (/[?#]/.test(specifier) || /\.(?:css|scss|sass|less)$/.test(specifier)) continue;
+      const local = specifier.startsWith('.') ? path.resolve(path.dirname(importer), specifier) : resolveAlias(specifier);
+      if (local !== undefined) {
+        const file = resolveFile(local);
+        if (file && !visited.has(file)) queue.push(file);
+      } else if (Object.hasOwn(dependencies, packageName(specifier))) {
+        found.add(specifier);
+      }
+    }
+  };
+
+  for (const file of listFiles(path.join(coreDirectory, 'src'))) {
+    if (isTestFile(file)) continue;
+    if (/\.[jt]sx$/.test(file)) {
+      queue.push(file);
+    } else if (file.endsWith('.astro')) {
+      for (const [, attributes, code] of fs.readFileSync(file, 'utf-8').matchAll(astroScript)) {
+        // Inline, external and data scripts are not processed by Vite.
+        if (/\bis:inline\b|\bsrc\s*=|\btype\s*=\s*['"]?(?!module)/.test(attributes)) continue;
+        scan(code, file);
+      }
+    }
+  }
+
+  while (queue.length > 0) {
+    const file = queue.pop();
+    if (visited.has(file) || isTestFile(file)) continue;
+    visited.add(file);
+    scan(fs.readFileSync(file, 'utf-8'), file);
+  }
+
+  const astroPackages = new Set([...found].map(packageName).filter((name) => isAstroPackage(name, coreDirectory)));
+  return [...found].filter((specifier) => !astroPackages.has(packageName(specifier))).sort();
+}

package/eventcatalog/src/components/ChatPanel/ChatPanel.tsx

@@ -847,8 +847,10 @@ const ChatPanel = ({ isOpen, onClose, configured = false }: ChatPanelProps) => {
 
   return (
     <>
-      {/* Keyframes for fade-in animation - using constant to avoid re-injection */}
-      <style>{CHAT_PANEL_STYLES}</style>
+      {/* Keyframes for fade-in animation - using constant to avoid re-injection.
+          Injected raw: React 18's server renderer escapes the `>` selectors in
+          text children, which the client doesn't, causing a hydration mismatch. */}
+      <style dangerouslySetInnerHTML={{ __html: CHAT_PANEL_STYLES }} />
 
       {/* Panel - hidden when fullscreen modal is open */}
       {!isFullscreen && (

package/eventcatalog/src/components/SchemaExplorer/JSONSchemaViewer.tsx

@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef, useMemo } from 'react';
+import { useState, useEffect, useRef, useMemo, useId } from 'react';
 
 interface JSONSchemaViewerProps {
   schema: any;
@@ -293,7 +293,8 @@ const NestedVariantSelector = ({
 const SchemaProperty = ({ name, details, isRequired, level, isListItem = false, expand }: SchemaPropertyProps) => {
   const [isExpanded, setIsExpanded] = useState(expand);
   const [selectedVariantIndex, setSelectedVariantIndex] = useState(0);
-  const contentId = useRef(`prop-${name}-${level}-${Math.random().toString(36).substring(2, 7)}`).current;
+  // useId keeps the server and client IDs identical during hydration.
+  const contentId = `prop-${name}-${level}-${useId()}`;
 
   useEffect(() => {
     setIsExpanded(expand);

package/package.json

@@ -7,7 +7,7 @@
   },
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
-  "version": "4.12.0-beta.3",
+  "version": "4.12.0-beta.4",
   "publishConfig": {
     "access": "public"
   },
@@ -134,8 +134,8 @@
     "uuid": "^11.1.1",
     "zod": "^4.3.6",
     "@eventcatalog/linter": "1.1.20",
-    "@eventcatalog/visualiser": "^4.1.4",
-    "@eventcatalog/sdk": "2.29.1"
+    "@eventcatalog/sdk": "2.29.1",
+    "@eventcatalog/visualiser": "^4.1.4"
   },
   "devDependencies": {
     "@astrojs/check": "^0.9.10",