@eventcatalog/core 4.10.6 → 4.10.8

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

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-NECJFWMI.js";
-import "../chunk-YSWJHMAX.js";
+} from "../chunk-CDWE6WWB.js";
+import "../chunk-LB5EMDAY.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.6";
+var version = "4.10.8";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,9 +1,9 @@
 import {
   log_build_default
-} from "../chunk-EB43LSVE.js";
-import "../chunk-NECJFWMI.js";
+} from "../chunk-W6IMDOJJ.js";
+import "../chunk-CDWE6WWB.js";
 import "../chunk-ZAZHAVKB.js";
-import "../chunk-YSWJHMAX.js";
+import "../chunk-LB5EMDAY.js";
 import "../chunk-6QENHZZP.js";
 export {
   log_build_default as default

package/dist/{chunk-NECJFWMI.js → chunk-CDWE6WWB.js}

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

package/dist/{chunk-XFS3XVP2.js → chunk-DRK5QSQC.js}

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

package/dist/{chunk-YSWJHMAX.js → chunk-LB5EMDAY.js}

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

package/dist/{chunk-GMVJ4B2S.js → chunk-W5C4K7F2.js}

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

package/dist/{chunk-EB43LSVE.js → chunk-W6IMDOJJ.js}

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

package/dist/constants.cjs

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

package/dist/constants.js

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

package/dist/eventcatalog.js

@@ -4,8 +4,8 @@ import {
 import "./chunk-CA4U2JP7.js";
 import {
   log_build_default
-} from "./chunk-EB43LSVE.js";
-import "./chunk-NECJFWMI.js";
+} from "./chunk-W6IMDOJJ.js";
+import "./chunk-CDWE6WWB.js";
 import "./chunk-ZAZHAVKB.js";
 import {
   FederationConflictError,
@@ -31,10 +31,10 @@ import {
 } from "./chunk-B7HCX5HM.js";
 import {
   generate
-} from "./chunk-XFS3XVP2.js";
+} from "./chunk-DRK5QSQC.js";
 import {
   logger
-} from "./chunk-GMVJ4B2S.js";
+} from "./chunk-W5C4K7F2.js";
 import {
   resolve_catalog_dependencies_default
 } from "./chunk-LHR4G2UO.js";
@@ -54,7 +54,7 @@ import {
 import "./chunk-W5JQON7Z.js";
 import {
   VERSION
-} from "./chunk-YSWJHMAX.js";
+} from "./chunk-LB5EMDAY.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.10.6";
+var version = "4.10.8";
 
 // src/constants.ts
 var VERSION = version;

package/dist/generate.js

@@ -1,8 +1,8 @@
 import {
   generate
-} from "./chunk-XFS3XVP2.js";
-import "./chunk-GMVJ4B2S.js";
-import "./chunk-YSWJHMAX.js";
+} from "./chunk-DRK5QSQC.js";
+import "./chunk-W5C4K7F2.js";
+import "./chunk-LB5EMDAY.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.6";
+var version = "4.10.8";
 
 // src/constants.ts
 var VERSION = version;

package/dist/utils/cli-logger.js

@@ -1,7 +1,7 @@
 import {
   logger
-} from "../chunk-GMVJ4B2S.js";
-import "../chunk-YSWJHMAX.js";
+} from "../chunk-W5C4K7F2.js";
+import "../chunk-LB5EMDAY.js";
 export {
   logger
 };

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',

package/eventcatalog/src/pages/discover/[type]/index.astro

@@ -444,8 +444,18 @@ const title = `${currentTypeConfig.label} (${data.length})`;
     #eventcatalog-header {
       left: calc(var(--ec-vertical-nav-width, 14rem) + var(--ec-discover-sidebar-width, 320px)) !important;
     }
+    :root[data-embedded='true'] #discover-filter-sidebar {
+      display: none !important;
+    }
+    :root[data-embedded='true'] #discover-results {
+      margin-left: 0 !important;
+    }
+    :root[data-embedded='true'] #discover-page {
+      height: 100dvh !important;
+    }
   </style>
   <main
+    id="discover-page"
     class="ml-0 flex h-full min-h-0 flex-col overflow-hidden bg-[rgb(var(--ec-page-bg))]"
     style={`--ec-discover-sidebar-width: 320px; margin-left: calc(var(--ec-app-content-padding-left, 5rem) * -1); margin-right: calc(var(--ec-app-content-padding-right, 5rem) * -1); height: calc(100dvh - 60px);`}
   >

package/eventcatalog/src/pages/schemas/[type]/[id]/[version]/index.astro

@@ -130,8 +130,14 @@ const apiAccessEnabled = isEventCatalogScaleEnabled();
 ---
 
 <VerticalSideBarLayout title={pageTitle}>
+  <style is:global>
+    :root[data-embedded='true'] #schema-detail-page {
+      height: 100dvh !important;
+    }
+  </style>
   {/* The schema viewer is an app-style surface: pull it out of the content gutter so it sits flush against the sidebar. */}
   <div
+    id="schema-detail-page"
     class="h-[calc(100vh-4rem)] overflow-hidden flex flex-col"
     style="margin-left: calc(var(--ec-app-content-padding-left, 5rem) * -1); margin-right: calc(var(--ec-app-content-padding-right, 5rem) * -1);"
   >

package/eventcatalog/src/pages/schemas/explorer/index.astro

@@ -17,8 +17,18 @@ const apiAccessEnabled = isEventCatalogScaleEnabled();
     #eventcatalog-header {
       left: calc(var(--ec-vertical-nav-width, 14rem) + var(--ec-schema-sidebar-width, 360px)) !important;
     }
+    :root[data-embedded='true'] #schema-explorer-sidebar {
+      display: none !important;
+    }
+    :root[data-embedded='true'] #schema-explorer-content {
+      margin-left: 0 !important;
+    }
+    :root[data-embedded='true'] #schema-explorer-page {
+      height: 100dvh !important;
+    }
   </style>
   <main
+    id="schema-explorer-page"
     class="min-h-0 overflow-hidden bg-[rgb(var(--ec-page-bg))]"
     style={`--ec-schema-sidebar-width: 360px; margin-left: calc(var(--ec-app-content-padding-left, 5rem) * -1); margin-right: calc(var(--ec-app-content-padding-right, 5rem) * -1); height: calc(100dvh - 60px);`}
   >

package/eventcatalog/src/pages/visualiser/[type]/[id]/[version]/index.astro

@@ -20,9 +20,9 @@ const {
 ---
 
 <VisualiserLayout title={`Visualiser | ${props.data.name} (${props.collection})`} description={props.data.summary}>
-  <div class="p-2">
+  <div id="visualiser-page" class="p-2">
     <div
-      class="h-[calc(100vh-5rem)] w-full relative border border-[rgb(var(--ec-page-border))]"
+      class="visualiser-viewport h-[calc(100vh-5rem)] w-full relative border border-[rgb(var(--ec-page-border))]"
       id={`${id}-portal`}
       transition:name="visualiser-graph"
     >
@@ -45,15 +45,13 @@ const {
   <ClientRouter />
 </VisualiserLayout>
 
-<script define:vars={{ id }}>
-  document.addEventListener('DOMContentLoaded', () => {
-    const urlSearchParams = new URLSearchParams(window.location.search);
-    const params = Object.fromEntries(urlSearchParams.entries());
-    const embeded = params.embed === 'true' ? true : false;
-    const viewport = document.getElementById(`${id}-portal`);
+<style is:global>
+  html[data-embedded='true'] #visualiser-page {
+    box-sizing: border-box;
+    height: 100vh;
+  }
 
-    if (embeded) {
-      viewport.style.height = 'calc(100vh - 30px)';
-    }
-  });
-</script>
+  html[data-embedded='true'] #visualiser-page .visualiser-viewport {
+    height: 100%;
+  }
+</style>

package/eventcatalog/src/pages/visualiser/graph/index.astro

@@ -16,9 +16,25 @@ const { nodes: wireNodes, links: wireLinks, linkLabels } = toCatalogForceGraphWi
 ---
 
 <VisualiserLayout title="Visualiser | Architecture Graph" description="Force-directed graph of every resource in the catalog">
-  <div class="m-4">
-    <div class="h-[calc(100vh-130px)] w-full relative border border-[rgb(var(--ec-page-border))] rounded-md overflow-hidden">
+  <div id="architecture-graph-page" class="m-4">
+    <div
+      id="architecture-graph-container"
+      class="h-[calc(100vh-130px)] w-full relative border border-[rgb(var(--ec-page-border))] rounded-md overflow-hidden"
+    >
       <CatalogForceGraph nodes={wireNodes} links={wireLinks} linkLabels={linkLabels} client:only="react" />
     </div>
   </div>
 </VisualiserLayout>
+
+<style is:global>
+  html[data-embedded='true'] #architecture-graph-page {
+    box-sizing: border-box;
+    height: 100vh;
+    margin: 0;
+    padding: 1rem;
+  }
+
+  html[data-embedded='true'] #architecture-graph-container {
+    height: 100%;
+  }
+</style>

package/eventcatalog/src/pages/visualiser/system-context-map/index.astro

@@ -7,9 +7,9 @@ const id = 'system-context-map';
 ---
 
 <VisualiserLayout title={`Visualiser | System context map`}>
-  <div class="p-2">
+  <div id="system-context-map-page" class="p-2">
     <div
-      class="h-[calc(100vh-5rem)] w-full relative border border-[rgb(var(--ec-page-border))]"
+      class="system-context-map-viewport h-[calc(100vh-5rem)] w-full relative border border-[rgb(var(--ec-page-border))]"
       id={`${id}-portal`}
       transition:name="visualiser-graph"
     >
@@ -27,15 +27,13 @@ const id = 'system-context-map';
   <ClientRouter />
 </VisualiserLayout>
 
-<script define:vars={{ id }}>
-  document.addEventListener('DOMContentLoaded', () => {
-    const urlSearchParams = new URLSearchParams(window.location.search);
-    const params = Object.fromEntries(urlSearchParams.entries());
-    const embeded = params.embed === 'true' ? true : false;
-    const viewport = document.getElementById(`${id}-portal`);
+<style is:global>
+  html[data-embedded='true'] #system-context-map-page {
+    box-sizing: border-box;
+    height: 100vh;
+  }
 
-    if (embeded && viewport) {
-      viewport.style.height = 'calc(100vh - 30px)';
-    }
-  });
-</script>
+  html[data-embedded='true'] #system-context-map-page .system-context-map-viewport {
+    height: 100%;
+  }
+</style>

package/eventcatalog/src/pages/visualiser/systems/[id]/[version]/context/index.astro

@@ -17,9 +17,9 @@ const {
 ---
 
 <VisualiserLayout title={`Visualiser | ${props.data.name} - System Context`} description={props.data.summary}>
-  <div class="p-2">
+  <div id="system-context-map-page" class="p-2">
     <div
-      class="h-[calc(100vh-5rem)] w-full relative border border-[rgb(var(--ec-page-border))]"
+      class="system-context-map-viewport h-[calc(100vh-5rem)] w-full relative border border-[rgb(var(--ec-page-border))]"
       id={`${id}-portal`}
       transition:name="visualiser-graph"
     >
@@ -37,15 +37,13 @@ const {
   <ClientRouter />
 </VisualiserLayout>
 
-<script define:vars={{ id }}>
-  document.addEventListener('DOMContentLoaded', () => {
-    const urlSearchParams = new URLSearchParams(window.location.search);
-    const params = Object.fromEntries(urlSearchParams.entries());
-    const embeded = params.embed === 'true' ? true : false;
-    const viewport = document.getElementById(`${id}-portal`);
+<style is:global>
+  html[data-embedded='true'] #system-context-map-page {
+    box-sizing: border-box;
+    height: 100vh;
+  }
 
-    if (embeded) {
-      viewport.style.height = 'calc(100vh - 30px)';
-    }
-  });
-</script>
+  html[data-embedded='true'] #system-context-map-page .system-context-map-viewport {
+    height: 100%;
+  }
+</style>

package/eventcatalog/src/stores/theme-store.ts

@@ -14,6 +14,15 @@ const getDefaultTheme = (): Theme => {
   return DEFAULT_THEME;
 };
 
+const getEmbeddedTheme = (): Theme | null => {
+  if (typeof window === 'undefined') return null;
+
+  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;
+};
+
 // Apply theme to document via data-theme attribute
 const applyTheme = (theme: Theme) => {
   if (typeof document !== 'undefined') {
@@ -25,6 +34,13 @@ const applyTheme = (theme: Theme) => {
 const initStore = () => {
   if (typeof window !== 'undefined') {
     try {
+      const embeddedTheme = getEmbeddedTheme();
+      if (embeddedTheme) {
+        themeStore.set(embeddedTheme);
+        applyTheme(embeddedTheme);
+        return;
+      }
+
       const stored = localStorage.getItem(THEME_KEY) as Theme | null;
       if (stored && (stored === 'light' || stored === 'dark')) {
         // User has explicitly chosen a theme, use that
@@ -49,6 +65,8 @@ if (typeof window !== 'undefined') {
   // Listen for system preference changes
   if (window.matchMedia) {
     window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
+      if (getEmbeddedTheme()) return;
+
       // Only follow system preference if user hasn't explicitly set a theme
       const stored = localStorage.getItem(THEME_KEY);
       if (!stored) {

package/package.json

@@ -7,7 +7,7 @@
   },
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
-  "version": "4.10.6",
+  "version": "4.10.8",
   "publishConfig": {
     "access": "public"
   },
@@ -118,9 +118,9 @@
     "update-notifier": "^7.3.1",
     "uuid": "^11.1.1",
     "zod": "^4.3.6",
-    "@eventcatalog/linter": "1.1.17",
-    "@eventcatalog/visualiser": "^4.1.3",
-    "@eventcatalog/sdk": "2.28.1"
+    "@eventcatalog/linter": "1.1.18",
+    "@eventcatalog/sdk": "2.29.0",
+    "@eventcatalog/visualiser": "^4.1.3"
   },
   "devDependencies": {
     "@astrojs/check": "^0.9.10",