@eventcatalog/core 4.10.5 → 4.10.7

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.10.5";
+var version = "4.10.7";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-GLEQKW6W.js";
-import "../chunk-RX2XDKHZ.js";
+} from "../chunk-Z7YK3QA3.js";
+import "../chunk-RJYRPQOA.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.10.5";
+var version = "4.10.7";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,9 +1,9 @@
 import {
   log_build_default
-} from "../chunk-NWWGCVSE.js";
-import "../chunk-GLEQKW6W.js";
+} from "../chunk-YJVD7UW3.js";
+import "../chunk-Z7YK3QA3.js";
 import "../chunk-ZAZHAVKB.js";
-import "../chunk-RX2XDKHZ.js";
+import "../chunk-RJYRPQOA.js";
 import "../chunk-6QENHZZP.js";
 export {
   log_build_default as default

package/dist/{chunk-U52FCZQ6.js → chunk-EG62NTWS.js}

@@ -1,12 +1,6 @@
-import {
-  withFederationOutputTransaction
-} from "./chunk-WRNH5C3U.js";
-import {
-  composePublicAssets
-} from "./chunk-5EPNFDT5.js";
 import {
   createFederationSourceProvider
-} from "./chunk-6K7XZAYI.js";
+} from "./chunk-A2RZR3U4.js";
 import {
   createFederationContentCache
 } from "./chunk-R7Z5ALYI.js";
@@ -17,6 +11,12 @@ import {
 import {
   isFederationEnabled
 } from "./chunk-FV56YFM4.js";
+import {
+  withFederationOutputTransaction
+} from "./chunk-WRNH5C3U.js";
+import {
+  composePublicAssets
+} from "./chunk-5EPNFDT5.js";
 import {
   getEventCatalogConfigFile
 } from "./chunk-6QENHZZP.js";

package/dist/{chunk-RX2XDKHZ.js → chunk-RJYRPQOA.js}

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

package/dist/{chunk-JE6ZSCPU.js → chunk-TFALFJEC.js}

@@ -1,6 +1,6 @@
 import {
   logger
-} from "./chunk-7PXZNQPR.js";
+} from "./chunk-YBRQCBWG.js";
 import {
   cleanup,
   getEventCatalogConfigFile

package/dist/{chunk-7PXZNQPR.js → chunk-YBRQCBWG.js}

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

package/dist/{chunk-NWWGCVSE.js → chunk-YJVD7UW3.js}

@@ -1,6 +1,6 @@
 import {
   raiseEvent
-} from "./chunk-GLEQKW6W.js";
+} from "./chunk-Z7YK3QA3.js";
 import {
   countResources,
   hashCatalogContent,

package/dist/{chunk-GLEQKW6W.js → chunk-Z7YK3QA3.js}

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

package/dist/constants.cjs

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

package/dist/constants.js

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-RX2XDKHZ.js";
+} from "./chunk-RJYRPQOA.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.10.5";
+var version = "4.10.7";
 
 // src/constants.ts
 var VERSION = version;

package/dist/eventcatalog.js

@@ -4,18 +4,15 @@ import {
 import "./chunk-CA4U2JP7.js";
 import {
   log_build_default
-} from "./chunk-NWWGCVSE.js";
-import "./chunk-GLEQKW6W.js";
+} from "./chunk-YJVD7UW3.js";
+import "./chunk-Z7YK3QA3.js";
 import "./chunk-ZAZHAVKB.js";
 import {
   FederationConflictError,
   FederationDiagnosticError,
   federateCatalog
-} from "./chunk-U52FCZQ6.js";
-import "./chunk-WRNH5C3U.js";
-import "./chunk-5EPNFDT5.js";
-import "./chunk-6K7XZAYI.js";
-import "./chunk-352FGP6W.js";
+} from "./chunk-EG62NTWS.js";
+import "./chunk-A2RZR3U4.js";
 import "./chunk-R7Z5ALYI.js";
 import {
   getFederationDiagnosticCounts,
@@ -23,6 +20,9 @@ import {
 } from "./chunk-JJPB6EOZ.js";
 import "./chunk-FV56YFM4.js";
 import "./chunk-SDZQJTJW.js";
+import "./chunk-352FGP6W.js";
+import "./chunk-WRNH5C3U.js";
+import "./chunk-5EPNFDT5.js";
 import {
   getProjectOutDir,
   isAuthEnabled,
@@ -31,10 +31,10 @@ import {
 } from "./chunk-B7HCX5HM.js";
 import {
   generate
-} from "./chunk-JE6ZSCPU.js";
+} from "./chunk-TFALFJEC.js";
 import {
   logger
-} from "./chunk-7PXZNQPR.js";
+} from "./chunk-YBRQCBWG.js";
 import {
   resolve_catalog_dependencies_default
 } from "./chunk-LHR4G2UO.js";
@@ -54,7 +54,7 @@ import {
 import "./chunk-W5JQON7Z.js";
 import {
   VERSION
-} from "./chunk-RX2XDKHZ.js";
+} from "./chunk-RJYRPQOA.js";
 import {
   linkCoreNodeModules,
   resolveInstalledCoreNodeModules

package/dist/federation/federate.js

@@ -2,15 +2,15 @@ import {
   FederationConflictError,
   FederationDiagnosticError,
   federateCatalog
-} from "../chunk-U52FCZQ6.js";
-import "../chunk-WRNH5C3U.js";
-import "../chunk-5EPNFDT5.js";
-import "../chunk-6K7XZAYI.js";
-import "../chunk-352FGP6W.js";
+} from "../chunk-EG62NTWS.js";
+import "../chunk-A2RZR3U4.js";
 import "../chunk-R7Z5ALYI.js";
 import "../chunk-JJPB6EOZ.js";
 import "../chunk-FV56YFM4.js";
 import "../chunk-SDZQJTJW.js";
+import "../chunk-352FGP6W.js";
+import "../chunk-WRNH5C3U.js";
+import "../chunk-5EPNFDT5.js";
 import "../chunk-6QENHZZP.js";
 export {
   FederationConflictError,

package/dist/federation/source-provider.js

@@ -1,8 +1,8 @@
 import {
   createFederationSourceProvider
-} from "../chunk-6K7XZAYI.js";
-import "../chunk-352FGP6W.js";
+} from "../chunk-A2RZR3U4.js";
 import "../chunk-SDZQJTJW.js";
+import "../chunk-352FGP6W.js";
 export {
   createFederationSourceProvider
 };

package/dist/generate.cjs

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

package/dist/generate.js

@@ -1,8 +1,8 @@
 import {
   generate
-} from "./chunk-JE6ZSCPU.js";
-import "./chunk-7PXZNQPR.js";
-import "./chunk-RX2XDKHZ.js";
+} from "./chunk-TFALFJEC.js";
+import "./chunk-YBRQCBWG.js";
+import "./chunk-RJYRPQOA.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.10.5";
+var version = "4.10.7";
 
 // src/constants.ts
 var VERSION = version;

package/dist/utils/cli-logger.js

@@ -1,7 +1,7 @@
 import {
   logger
-} from "../chunk-7PXZNQPR.js";
-import "../chunk-RX2XDKHZ.js";
+} from "../chunk-YBRQCBWG.js";
+import "../chunk-RJYRPQOA.js";
 export {
   logger
 };

package/eventcatalog/src/components/MDX/MermaidFileLoader/MermaidFileLoader.astro

@@ -3,7 +3,9 @@ import fs from 'fs';
 import { getAbsoluteFilePathForAstroFile } from '@utils/files';
 import Admonition from '@components/MDX/Admonition';
 
-const { file: mermaidFile, filePath } = Astro.props;
+// `placement` and `actions` configure the interactive controls, e.g.
+// <MermaidFileLoader file="diagram.mmd" placement="top-left" actions={false} />
+const { file: mermaidFile, filePath, placement, actions } = Astro.props;
 
 // const escapeHtml = (str: string) => str.replace(/[&<>"']/g, (c) => escapeMap[c]);
 let isValidMermaidFile = mermaidFile.endsWith('.mmd') || mermaidFile.endsWith('.mermaid');
@@ -48,8 +50,13 @@ if (isValidMermaidFile) {
 {
   mermaidFileContent && isValidMermaidFile && (
     <div class="mermaid-block pb-4">
-      <div class="mermaid border border-gray-200 rounded-lg p-1" data-content={mermaidFileContent}>
-        <p>Loading graph...</p>
+      <div
+        class="mermaid border border-[rgb(var(--ec-page-border))] rounded-lg p-1"
+        data-content={mermaidFileContent}
+        data-placement={placement}
+        data-actions={actions !== undefined ? String(actions) : undefined}
+      >
+        <p class="text-[rgb(var(--ec-page-text-muted))]">Loading graph...</p>
       </div>
     </div>
   )

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

@@ -384,6 +384,7 @@ export default function SchemaExplorer({ schemas, apiAccessEnabled = false }: Sc
       />
       <div className="flex flex-1 min-h-0 gap-0 overflow-hidden">
         <div
+          id="schema-explorer-sidebar"
           className="fixed top-0 z-20 flex h-screen flex-col overflow-hidden border-r border-[rgb(var(--ec-page-border))] bg-linear-to-b from-[rgb(var(--ec-page-bg))] via-[rgb(var(--ec-page-bg))] to-[rgb(var(--ec-accent)/0.06)]"
           style={{ left: 'var(--ec-vertical-nav-width)', width: 'var(--ec-schema-sidebar-width, 360px)' }}
         >
@@ -583,6 +584,7 @@ export default function SchemaExplorer({ schemas, apiAccessEnabled = false }: Sc
         </div>
 
         <div
+          id="schema-explorer-content"
           className="flex-1 min-h-0 min-w-0 overflow-hidden bg-[rgb(var(--ec-card-bg,var(--ec-page-bg)))]"
           style={{ marginLeft: 'var(--ec-schema-sidebar-width, 360px)' }}
         >

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

@@ -812,6 +812,7 @@ export function DiscoverTable<T extends DiscoverTableData>({
     <div className="flex h-full min-h-0" style={{ ['--ec-discover-sidebar-width' as any]: '320px' }}>
       {/* Filter Sidebar */}
       <div
+        id="discover-filter-sidebar"
         className="fixed left-[var(--ec-vertical-nav-width)] top-0 z-20 flex h-screen w-[320px] flex-shrink-0 flex-col border-r border-[rgb(var(--ec-content-border))] bg-[rgb(var(--ec-rail-bg))]"
         style={{ width: 'var(--ec-discover-sidebar-width, 320px)' }}
       >
@@ -1180,6 +1181,7 @@ export function DiscoverTable<T extends DiscoverTableData>({
 
       {/* Main Table */}
       <div
+        id="discover-results"
         className="flex-1 min-w-0 flex flex-col overflow-hidden"
         style={{ marginLeft: 'var(--ec-discover-sidebar-width, 320px)' }}
       >

package/eventcatalog/src/layouts/BaseLayout.astro

@@ -25,10 +25,18 @@ const catalogTheme = config.theme || 'default';
           return 'dark';
         }
 
+        function getEmbeddedTheme() {
+          const params = new URLSearchParams(window.location.search);
+          const requestedTheme = params.get('theme');
+          const embedded = params.get('embed') === 'true';
+          return embedded && (requestedTheme === 'light' || requestedTheme === 'dark') ? requestedTheme : null;
+        }
+
         function applyTheme() {
-          // Check localStorage first, fall back to dark mode
+          // An embed can request its own theme without changing the user's saved catalog preference.
+          const embeddedTheme = getEmbeddedTheme();
           const stored = localStorage.getItem('eventcatalog-theme');
-          const theme = stored === 'light' || stored === 'dark' ? stored : getDefaultTheme();
+          const theme = embeddedTheme || (stored === 'light' || stored === 'dark' ? stored : getDefaultTheme());
           document.documentElement.setAttribute('data-theme', theme);
           // Also ensure catalog theme is set (for page transitions)
           document.documentElement.setAttribute('data-catalog-theme', catalogTheme);

package/eventcatalog/src/layouts/VerticalSideBarLayout.astro

@@ -432,6 +432,10 @@ const verticalNavAutoCollapsePaths = [buildUrl('/discover', true), buildUrl('/do
     <script is:inline define:vars={{ verticalNavAutoCollapsePaths }}>
       (() => {
         const verticalNavStorageKey = 'eventcatalog-vertical-nav-collapsed';
+        const embedded = new URLSearchParams(window.location.search).get('embed') === 'true';
+
+        document.documentElement.setAttribute('data-embedded', embedded ? 'true' : 'false');
+
         const routeShouldAutoCollapseVerticalNav = (pathname) =>
           verticalNavAutoCollapsePaths.some((path) => pathname === path || pathname.startsWith(`${path}/`));
 
@@ -514,6 +518,15 @@ const verticalNavAutoCollapsePaths = [buildUrl('/discover', true), buildUrl('/do
       .app-shell--with-sidebar {
         margin-left: calc(var(--ec-vertical-nav-width) + var(--ec-sidebar-panel-width));
       }
+      :root[data-embedded='true'] #eventcatalog-vertical-nav,
+      :root[data-embedded='true'] #eventcatalog-header,
+      :root[data-embedded='true'] #eventcatalog-header-spacer,
+      :root[data-embedded='true'] #sidebar {
+        display: none !important;
+      }
+      :root[data-embedded='true'] .app-shell {
+        margin-left: 0 !important;
+      }
       .vertical-nav-rail {
         width: var(--ec-vertical-nav-width);
         border-right: 1px solid rgb(var(--ec-page-border));
@@ -1087,6 +1100,7 @@ const verticalNavAutoCollapsePaths = [buildUrl('/discover', true), buildUrl('/do
     const urlSearchParams = new URLSearchParams(window.location.search);
     const params = Object.fromEntries(urlSearchParams.entries());
     const embeded = params.embed === 'true' ? true : false;
+    document.documentElement.setAttribute('data-embedded', embeded ? 'true' : 'false');
     const content = document.getElementById('content');
     const shell = document.querySelector('.app-shell');
     const app = document.getElementById('eventcatalog-application');
@@ -1130,6 +1144,7 @@ const verticalNavAutoCollapsePaths = [buildUrl('/discover', true), buildUrl('/do
         'eventcatalog-vertical-nav',
         'eventcatalog-header',
         'eventcatalog-header-spacer',
+        'sidebar',
         'visualiser-footer',
         // /discover page elements
         'discover-collection-tabs',