@eventcatalog/core 3.47.1 → 3.47.3

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

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-UKMUMDL5.js";
-import "../chunk-TL2SVMED.js";
+} from "../chunk-RI354NOR.js";
+import "../chunk-L2S6Y5ND.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 = "3.47.1";
+var version = "3.47.3";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,9 +1,9 @@
 import {
   log_build_default
-} from "../chunk-KCQPWC27.js";
-import "../chunk-UKMUMDL5.js";
+} from "../chunk-RXNCY52G.js";
+import "../chunk-RI354NOR.js";
 import "../chunk-DAOXTQVS.js";
-import "../chunk-TL2SVMED.js";
+import "../chunk-L2S6Y5ND.js";
 import "../chunk-6QENHZZP.js";
 export {
   log_build_default as default

package/dist/catalog-to-astro-content-directory.cjs

@@ -165,6 +165,9 @@ var COLLECTION_KEYS = [
 ];
 function mapCatalogToAstro({ filePath, astroDir, projectDir }) {
   const relativeFilePath = removeBasePath(filePath, projectDir);
+  if (isLikeC4Source(relativeFilePath)) {
+    return [];
+  }
   if (!isCatalogRelated(relativeFilePath)) {
     return [];
   }
@@ -179,6 +182,9 @@ function removeBasePath(fullPath, basePath) {
 function isCollectionKey(key) {
   return COLLECTION_KEYS.includes(key);
 }
+function isLikeC4Source(filePath) {
+  return filePath.endsWith(".c4") || filePath.endsWith(".likec4");
+}
 function isCatalogRelated(filePath) {
   const filePathArr = filePath.split(import_node_path2.default.sep).filter(Boolean);
   if ([
@@ -266,6 +272,16 @@ var copyFiles = async (source, target) => {
     });
   }
 };
+var removeGeneratedLikeC4Sources = async (target) => {
+  const generatedDir = path3.join(target, "public", "generated");
+  const files = await (0, import_glob.glob)(path3.join(generatedDir, "**/*.{c4,likec4}"), {
+    nodir: true,
+    windowsPathsNoEscape: import_node_os2.default.platform() == "win32"
+  });
+  for (const file of files) {
+    import_fs.default.rmSync(file);
+  }
+};
 var catalogToAstro = async (source, astroDir) => {
   const astroContentDir = path3.join(astroDir, "src/content/");
   if (import_fs.default.existsSync(astroContentDir)) import_fs.default.rmSync(astroContentDir, { recursive: true });
@@ -274,6 +290,7 @@ var catalogToAstro = async (source, astroDir) => {
   if (!import_fs.default.existsSync(path3.join(source, "eventcatalog.styles.css"))) {
     import_fs.default.writeFileSync(path3.join(source, "eventcatalog.styles.css"), "");
   }
+  await removeGeneratedLikeC4Sources(astroDir);
   await copyFiles(source, astroDir);
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/catalog-to-astro-content-directory.js

@@ -1,7 +1,7 @@
 import {
   catalogToAstro
-} from "./chunk-4SMA4HQ3.js";
-import "./chunk-IR4IAKWS.js";
+} from "./chunk-WQNKHIDM.js";
+import "./chunk-VC6VUJIX.js";
 import "./chunk-6QENHZZP.js";
 export {
   catalogToAstro

package/dist/{chunk-TL2SVMED.js → chunk-L2S6Y5ND.js}

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

package/dist/{chunk-3H2RT3CM.js → chunk-O3Y2G6CY.js}

@@ -1,6 +1,6 @@
 import {
   mapCatalogToAstro
-} from "./chunk-IR4IAKWS.js";
+} from "./chunk-VC6VUJIX.js";
 
 // src/watcher.js
 import watcher from "@parcel/watcher";

package/dist/{chunk-6GSS7Q6C.js → chunk-RESGIWJP.js}

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

package/dist/{chunk-UKMUMDL5.js → chunk-RI354NOR.js}

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

package/dist/{chunk-KCQPWC27.js → chunk-RXNCY52G.js}

@@ -1,6 +1,6 @@
 import {
   raiseEvent
-} from "./chunk-UKMUMDL5.js";
+} from "./chunk-RI354NOR.js";
 import {
   countResources,
   serializeCounts

package/dist/{chunk-IR4IAKWS.js → chunk-VC6VUJIX.js}

@@ -16,6 +16,9 @@ var COLLECTION_KEYS = [
 ];
 function mapCatalogToAstro({ filePath, astroDir, projectDir }) {
   const relativeFilePath = removeBasePath(filePath, projectDir);
+  if (isLikeC4Source(relativeFilePath)) {
+    return [];
+  }
   if (!isCatalogRelated(relativeFilePath)) {
     return [];
   }
@@ -30,6 +33,9 @@ function removeBasePath(fullPath, basePath) {
 function isCollectionKey(key) {
   return COLLECTION_KEYS.includes(key);
 }
+function isLikeC4Source(filePath) {
+  return filePath.endsWith(".c4") || filePath.endsWith(".likec4");
+}
 function isCatalogRelated(filePath) {
   const filePathArr = filePath.split(path.sep).filter(Boolean);
   if ([

package/dist/{chunk-X5CVZQHR.js → chunk-VGYTVGLU.js}

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

package/dist/{chunk-4SMA4HQ3.js → chunk-WQNKHIDM.js}

@@ -1,6 +1,6 @@
 import {
   mapCatalogToAstro
-} from "./chunk-IR4IAKWS.js";
+} from "./chunk-VC6VUJIX.js";
 import {
   verifyRequiredFieldsAreInCatalogConfigFile
 } from "./chunk-6QENHZZP.js";
@@ -40,6 +40,16 @@ var copyFiles = async (source, target) => {
     });
   }
 };
+var removeGeneratedLikeC4Sources = async (target) => {
+  const generatedDir = path.join(target, "public", "generated");
+  const files = await glob(path.join(generatedDir, "**/*.{c4,likec4}"), {
+    nodir: true,
+    windowsPathsNoEscape: os.platform() == "win32"
+  });
+  for (const file of files) {
+    fs.rmSync(file);
+  }
+};
 var catalogToAstro = async (source, astroDir) => {
   const astroContentDir = path.join(astroDir, "src/content/");
   if (fs.existsSync(astroContentDir)) fs.rmSync(astroContentDir, { recursive: true });
@@ -48,6 +58,7 @@ var catalogToAstro = async (source, astroDir) => {
   if (!fs.existsSync(path.join(source, "eventcatalog.styles.css"))) {
     fs.writeFileSync(path.join(source, "eventcatalog.styles.css"), "");
   }
+  await removeGeneratedLikeC4Sources(astroDir);
   await copyFiles(source, astroDir);
 };
 

package/dist/constants.cjs

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

package/dist/constants.js

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-TL2SVMED.js";
+} from "./chunk-L2S6Y5ND.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 = "3.47.1";
+var version = "3.47.3";
 
 // src/constants.ts
 var VERSION = version;
@@ -429,6 +429,9 @@ var COLLECTION_KEYS = [
 ];
 function mapCatalogToAstro({ filePath, astroDir, projectDir }) {
   const relativeFilePath = removeBasePath(filePath, projectDir);
+  if (isLikeC4Source(relativeFilePath)) {
+    return [];
+  }
   if (!isCatalogRelated(relativeFilePath)) {
     return [];
   }
@@ -443,6 +446,9 @@ function removeBasePath(fullPath, basePath) {
 function isCollectionKey(key) {
   return COLLECTION_KEYS.includes(key);
 }
+function isLikeC4Source(filePath) {
+  return filePath.endsWith(".c4") || filePath.endsWith(".likec4");
+}
 function isCatalogRelated(filePath) {
   const filePathArr = filePath.split(import_node_path3.default.sep).filter(Boolean);
   if ([
@@ -626,6 +632,16 @@ var copyFiles = async (source, target) => {
     });
   }
 };
+var removeGeneratedLikeC4Sources = async (target) => {
+  const generatedDir = path4.join(target, "public", "generated");
+  const files = await (0, import_glob2.glob)(path4.join(generatedDir, "**/*.{c4,likec4}"), {
+    nodir: true,
+    windowsPathsNoEscape: import_node_os2.default.platform() == "win32"
+  });
+  for (const file of files) {
+    import_fs.default.rmSync(file);
+  }
+};
 var catalogToAstro = async (source, astroDir) => {
   const astroContentDir = path4.join(astroDir, "src/content/");
   if (import_fs.default.existsSync(astroContentDir)) import_fs.default.rmSync(astroContentDir, { recursive: true });
@@ -634,6 +650,7 @@ var catalogToAstro = async (source, astroDir) => {
   if (!import_fs.default.existsSync(path4.join(source, "eventcatalog.styles.css"))) {
     import_fs.default.writeFileSync(path4.join(source, "eventcatalog.styles.css"), "");
   }
+  await removeGeneratedLikeC4Sources(astroDir);
   await copyFiles(source, astroDir);
 };
 

package/dist/eventcatalog.js

@@ -10,16 +10,16 @@ import {
 } from "./chunk-ZONBICNH.js";
 import {
   watch
-} from "./chunk-3H2RT3CM.js";
+} from "./chunk-O3Y2G6CY.js";
 import {
   log_build_default
-} from "./chunk-KCQPWC27.js";
-import "./chunk-UKMUMDL5.js";
+} from "./chunk-RXNCY52G.js";
+import "./chunk-RI354NOR.js";
 import "./chunk-DAOXTQVS.js";
 import {
   catalogToAstro
-} from "./chunk-4SMA4HQ3.js";
-import "./chunk-IR4IAKWS.js";
+} from "./chunk-WQNKHIDM.js";
+import "./chunk-VC6VUJIX.js";
 import {
   getProjectOutDir,
   isAuthEnabled,
@@ -28,13 +28,13 @@ import {
 } from "./chunk-B7HCX5HM.js";
 import {
   generate
-} from "./chunk-6GSS7Q6C.js";
+} from "./chunk-RESGIWJP.js";
 import {
   logger
-} from "./chunk-X5CVZQHR.js";
+} from "./chunk-VGYTVGLU.js";
 import {
   VERSION
-} from "./chunk-TL2SVMED.js";
+} from "./chunk-L2S6Y5ND.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile

package/dist/generate.cjs

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

package/dist/generate.js

@@ -1,8 +1,8 @@
 import {
   generate
-} from "./chunk-6GSS7Q6C.js";
-import "./chunk-X5CVZQHR.js";
-import "./chunk-TL2SVMED.js";
+} from "./chunk-RESGIWJP.js";
+import "./chunk-VGYTVGLU.js";
+import "./chunk-L2S6Y5ND.js";
 import "./chunk-6QENHZZP.js";
 export {
   generate

package/dist/map-catalog-to-astro.cjs

@@ -50,6 +50,9 @@ var COLLECTION_KEYS = [
 ];
 function mapCatalogToAstro({ filePath, astroDir, projectDir }) {
   const relativeFilePath = removeBasePath(filePath, projectDir);
+  if (isLikeC4Source(relativeFilePath)) {
+    return [];
+  }
   if (!isCatalogRelated(relativeFilePath)) {
     return [];
   }
@@ -64,6 +67,9 @@ function removeBasePath(fullPath, basePath) {
 function isCollectionKey(key) {
   return COLLECTION_KEYS.includes(key);
 }
+function isLikeC4Source(filePath) {
+  return filePath.endsWith(".c4") || filePath.endsWith(".likec4");
+}
 function isCatalogRelated(filePath) {
   const filePathArr = filePath.split(import_node_path.default.sep).filter(Boolean);
   if ([

package/dist/map-catalog-to-astro.js

@@ -1,6 +1,6 @@
 import {
   mapCatalogToAstro
-} from "./chunk-IR4IAKWS.js";
+} from "./chunk-VC6VUJIX.js";
 export {
   mapCatalogToAstro
 };

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

package/dist/utils/cli-logger.js

@@ -1,7 +1,7 @@
 import {
   logger
-} from "../chunk-X5CVZQHR.js";
-import "../chunk-TL2SVMED.js";
+} from "../chunk-VGYTVGLU.js";
+import "../chunk-L2S6Y5ND.js";
 export {
   logger
 };

package/dist/watcher.cjs

@@ -54,6 +54,9 @@ var COLLECTION_KEYS = [
 ];
 function mapCatalogToAstro({ filePath, astroDir, projectDir }) {
   const relativeFilePath = removeBasePath(filePath, projectDir);
+  if (isLikeC4Source(relativeFilePath)) {
+    return [];
+  }
   if (!isCatalogRelated(relativeFilePath)) {
     return [];
   }
@@ -68,6 +71,9 @@ function removeBasePath(fullPath, basePath) {
 function isCollectionKey(key) {
   return COLLECTION_KEYS.includes(key);
 }
+function isLikeC4Source(filePath) {
+  return filePath.endsWith(".c4") || filePath.endsWith(".likec4");
+}
 function isCatalogRelated(filePath) {
   const filePathArr = filePath.split(import_node_path.default.sep).filter(Boolean);
   if ([

package/dist/watcher.js

@@ -1,7 +1,7 @@
 import {
   watch
-} from "./chunk-3H2RT3CM.js";
-import "./chunk-IR4IAKWS.js";
+} from "./chunk-O3Y2G6CY.js";
+import "./chunk-VC6VUJIX.js";
 export {
   watch
 };

package/eventcatalog/astro.config.mjs

@@ -13,6 +13,7 @@ import node from '@astrojs/node';
 import remarkComment from 'remark-comment';
 import rehypeSlug from 'rehype-slug';
 import rehypeAutolinkHeadings from 'rehype-autolink-headings';
+import { eventCatalogLikeC4 } from './src/plugins/likec4';
 
 import rehypeExpressiveCode from 'rehype-expressive-code';
 
@@ -41,7 +42,7 @@ const mdxRemarkPlugins = [...markdownRemarkPlugins, remarkResourceRef];
 // https://astro.build/config
 export default defineConfig({
   base,
-  server: { 
+  server: {
     port: config.port || 3000,
     host: host,
     // Add allowed hosts if its set
@@ -110,7 +111,7 @@ export default defineConfig({
     eventCatalogIntegration(),
   ].filter(Boolean),
   vite: {
-    plugins: [tailwindcss()],
+    plugins: [tailwindcss(), ...(await eventCatalogLikeC4(projectDirectory))],
     define: {
       /**
        * Trailing slash is exposed as global variable here principally for `@utils/url-builder`.
@@ -124,7 +125,7 @@ export default defineConfig({
     },
     server: {
       fs: {
-        allow: ['..', './node_modules/@fontsource', searchForWorkspaceRoot(process.cwd())],
+        allow: ['..', './node_modules/@fontsource', projectDirectory, searchForWorkspaceRoot(process.cwd())],
       },
       // Prevent stale FSEvents from triggering a config-dependency restart on first run.
       // During startup, catalogToAstro copies eventcatalog.config.js into .eventcatalog-core

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

@@ -0,0 +1,13 @@
+---
+import LikeC4ViewWrapper from './LikeC4ViewWrapper';
+
+interface Props {
+  viewId: string;
+  project?: string;
+  height?: string;
+}
+
+const { viewId, project, height } = Astro.props;
+---
+
+<LikeC4ViewWrapper viewId={viewId} project={project} height={height} client:only="react" />

package/eventcatalog/src/components/MDX/LikeC4View/LikeC4ViewWrapper.tsx

@@ -0,0 +1,52 @@
+import { lazy, Suspense, useMemo, type ComponentType } from 'react';
+import { getProjectLoader } from 'virtual:likec4-projects';
+
+interface LikeC4ViewWrapperProps {
+  viewId: string;
+  project?: string;
+  height?: string;
+}
+
+interface LikeC4ViewProps {
+  viewId: string;
+  controls?: boolean;
+  browser?: {
+    enableFocusMode?: boolean;
+    enableSearch?: boolean;
+  };
+}
+
+const lazyComponentCache = new Map<string, ComponentType<LikeC4ViewProps>>();
+
+const getLazyComponent = (project: string): ComponentType<LikeC4ViewProps> => {
+  const key = project || 'default';
+
+  if (!lazyComponentCache.has(key)) {
+    const loader = getProjectLoader(key);
+    const LazyComponent = lazy(() => loader().then((mod) => ({ default: mod.LikeC4View })));
+    lazyComponentCache.set(key, LazyComponent);
+  }
+
+  return lazyComponentCache.get(key)!;
+};
+
+export default function LikeC4ViewWrapper({ viewId, project, height = '600px' }: LikeC4ViewWrapperProps) {
+  const LikeC4ViewComponent = useMemo(() => getLazyComponent(project || 'default'), [project]);
+
+  return (
+    <div style={{ height, maxHeight: height }} className="w-full overflow-hidden rounded-lg border border-gray-200">
+      <Suspense
+        fallback={<div className="flex h-full items-center justify-center rounded-lg bg-gray-100">Loading diagram...</div>}
+      >
+        <LikeC4ViewComponent
+          viewId={viewId}
+          controls={false}
+          browser={{
+            enableFocusMode: false,
+            enableSearch: false,
+          }}
+        />
+      </Suspense>
+    </div>
+  );
+}

package/eventcatalog/src/components/MDX/components.tsx

@@ -31,6 +31,7 @@ import FigJam from '@components/MDX/FigJam/FigJam.astro';
 import IcePanel from '@components/MDX/IcePanel/IcePanel.astro';
 import Design from '@components/MDX/Design/Design.astro';
 import MermaidFileLoader from '@components/MDX/MermaidFileLoader/MermaidFileLoader.astro';
+import LikeC4View from '@components/MDX/LikeC4View/LikeC4View.astro';
 //  Portals: required for server/client components
 import NodeGraphPortal from '@components/MDX/NodeGraph/NodeGraphPortal';
 import SchemaViewerPortal from '@components/MDX/SchemaViewer/SchemaViewerPortal';
@@ -76,6 +77,7 @@ const components = (props: any) => {
     FigJam: (mdxProp: any) => jsx(FigJam, { ...props, ...mdxProp }),
     IcePanel: (mdxProp: any) => jsx(IcePanel, { ...props, ...mdxProp }),
     MermaidFileLoader: (mdxProp: any) => jsx(MermaidFileLoader, { ...props, ...mdxProp }),
+    LikeC4View: (mdxProp: any) => jsx(LikeC4View, { ...props, ...mdxProp }),
   };
 };
 

package/eventcatalog/src/components/Settings/BillingSettingsForm.tsx

@@ -129,7 +129,7 @@ export const BillingSettingsForm = ({ currentPlan }: Props) => {
     <div className="divide-y divide-[rgb(var(--ec-page-border))]">
       <Row
         title="Billing plan"
-        description="View and manage your billing plan. Upgrade unlocks the AI assistant, MCP server, and other Scale-only features."
+        description="View and manage your billing plan. Paid plans unlock the AI assistant, with MCP server and other advanced features available on Scale."
         canEdit={false}
         dirty={false}
       >

package/eventcatalog/src/enterprise/ai/chat-api.ts

@@ -6,7 +6,7 @@
 import type { APIContext } from 'astro';
 import { convertToModelMessages, stepCountIs, streamText, tool, type LanguageModel, type ModelMessage, type UIMessage } from 'ai';
 import { join } from 'node:path';
-import { isEventCatalogScaleEnabled } from '@utils/feature';
+import { isEventCatalogScaleEnabled, isEventCatalogStarterEnabled } from '@utils/feature';
 import { getCollection, getEntry } from 'astro:content';
 import { z } from 'astro/zod';
 import { getConsumersOfMessage, getProducersOfMessage } from '@utils/collections/services';
@@ -41,6 +41,8 @@ let model: LanguageModel;
 let modelConfiguration: any;
 let extendedTools: any;
 
+const hasAssistantPlan = () => isEventCatalogStarterEnabled() || isEventCatalogScaleEnabled();
+
 try {
   const providerConfiguration = await import(/* @vite-ignore */ join(catalogDirectory, 'eventcatalog.chat.js'));
   model = await providerConfiguration.default();
@@ -158,7 +160,7 @@ interface Message {
 }
 
 export const GET = async ({ request }: APIContext<{ question: string; messages: Message[]; additionalContext?: string }>) => {
-  if (!isEventCatalogScaleEnabled()) {
+  if (!hasAssistantPlan()) {
     return new Response(JSON.stringify({ error: 'Chat is not enabled' }), {
       status: 403,
       headers: { 'Content-Type': 'application/json' },
@@ -183,8 +185,8 @@ export const GET = async ({ request }: APIContext<{ question: string; messages:
 export const POST = async ({ request }: APIContext<{ question: string; messages: Message[]; additionalContext?: string }>) => {
   const { messages }: { messages: UIMessage[] } = await request.json();
 
-  if (!isEventCatalogScaleEnabled()) {
-    return new Response(JSON.stringify({ error: 'Chat is not enabled, please upgrade to the scale plan to use this feature' }), {
+  if (!hasAssistantPlan()) {
+    return new Response(JSON.stringify({ error: 'Chat is not enabled, please upgrade to a paid plan to use this feature' }), {
       status: 403,
       headers: { 'Content-Type': 'application/json' },
     });

package/eventcatalog/src/env.d.ts

@@ -5,6 +5,12 @@ declare const __EC_TRAILING_SLASH__: boolean;
 declare const __EC_BASE__: string;
 declare const __EC_SEARCH_TYPE__: 'resource' | 'indexed';
 
+declare module 'virtual:likec4-projects' {
+  export const projectRegistry: Record<string, () => Promise<{ LikeC4View: import('react').ComponentType<any> }>>;
+  export const discoveredProjects: string[];
+  export function getProjectLoader(projectName: string): () => Promise<{ LikeC4View: import('react').ComponentType<any> }>;
+}
+
 interface EventCatalogConfig {
   mermaid?: {
     iconPacks?: string[];

package/eventcatalog/src/plugins/likec4.ts

@@ -0,0 +1,169 @@
+import type { Plugin } from 'vite';
+import { readFileSync } from 'node:fs';
+import { createRequire } from 'node:module';
+import { join } from 'node:path';
+import { pathToFileURL } from 'node:url';
+import { glob, globSync } from 'glob';
+
+interface LikeC4Config {
+  name?: string;
+}
+
+const virtualModuleId = 'virtual:likec4-projects';
+const resolvedVirtualModuleId = `\0${virtualModuleId}`;
+
+const likeC4InstallMessage = `LikeC4 diagrams were found, but LikeC4 is not installed.
+
+Install LikeC4 in your EventCatalog project:
+
+  npm install --save-dev likec4@1.57.0 @likec4/icons@latest
+  pnpm add -D likec4@1.57.0 @likec4/icons@latest
+  yarn add -D likec4@1.57.0 @likec4/icons@latest`;
+
+export const eventCatalogLikeC4 = async (workspaceDir: string): Promise<Plugin[]> => {
+  const enabled = hasLikeC4Sources(workspaceDir);
+  const registry = likeC4ProjectRegistry(workspaceDir, enabled);
+
+  if (!enabled) {
+    return [registry];
+  }
+
+  const LikeC4VitePlugin = await loadLikeC4VitePlugin(workspaceDir);
+
+  return [
+    LikeC4VitePlugin({
+      workspace: workspaceDir,
+    }),
+    registry,
+  ];
+};
+
+const hasLikeC4Sources = (workspaceDir: string) => {
+  return (
+    globSync('**/*.{c4,likec4}', {
+      cwd: workspaceDir,
+      ignore: ['**/node_modules/**'],
+    }).length > 0
+  );
+};
+
+const loadLikeC4VitePlugin = async (workspaceDir: string) => {
+  try {
+    const requireFromCatalog = createRequire(join(workspaceDir, 'package.json'));
+    const likeC4VitePluginPath = requireFromCatalog.resolve('likec4/vite-plugin');
+    const likeC4 = await import(/* @vite-ignore */ pathToFileURL(likeC4VitePluginPath).href);
+
+    if (!likeC4.LikeC4VitePlugin) {
+      throw new Error('The installed likec4 package does not export LikeC4VitePlugin from likec4/vite-plugin.');
+    }
+
+    return likeC4.LikeC4VitePlugin;
+  } catch (error) {
+    throw new Error(`${likeC4InstallMessage}\n\n${error instanceof Error ? error.message : String(error)}`);
+  }
+};
+
+const likeC4ProjectRegistry = (workspaceDir: string, enabled: boolean): Plugin => {
+  let discoveredProjects: string[] = [];
+
+  const discoverProjects = async () => {
+    const configFiles = await glob('**/{likec4.config.json,.likec4rc}', {
+      cwd: workspaceDir,
+      ignore: ['**/node_modules/**'],
+      absolute: true,
+    });
+
+    const projectNames = new Set<string>();
+
+    for (const configPath of configFiles) {
+      try {
+        const config = JSON.parse(readFileSync(configPath, 'utf-8')) as LikeC4Config;
+        if (config.name) {
+          projectNames.add(config.name);
+        }
+      } catch (error) {
+        console.warn(`[likec4-registry] Failed to parse ${configPath}:`, error);
+      }
+    }
+
+    discoveredProjects = Array.from(projectNames).sort();
+
+    if (discoveredProjects.length > 0) {
+      console.log(`[likec4-registry] Discovered projects: ${discoveredProjects.join(', ')}`);
+    }
+  };
+
+  return {
+    name: 'eventcatalog-likec4',
+
+    async buildStart() {
+      if (enabled) {
+        await discoverProjects();
+      }
+    },
+
+    resolveId(id) {
+      if (id === virtualModuleId) {
+        return resolvedVirtualModuleId;
+      }
+    },
+
+    load(id) {
+      if (id !== resolvedVirtualModuleId) {
+        return;
+      }
+
+      if (!enabled) {
+        return `
+export const projectRegistry = {
+  default: () => Promise.resolve({
+    LikeC4View: () => null,
+  }),
+};
+
+export const discoveredProjects = [];
+
+export function getProjectLoader() {
+  return projectRegistry.default;
+}
+`;
+      }
+
+      const imports = discoveredProjects
+        .map((name, index) => `import * as project_${index} from ${JSON.stringify(`likec4:react/${name}`)};`)
+        .join('\n');
+      const registryEntries = discoveredProjects
+        .map((name, index) => `  ${JSON.stringify(name)}: () => Promise.resolve(project_${index}),`)
+        .join('\n');
+
+      return `
+import * as defaultProject from 'likec4:react';
+${imports}
+
+export const projectRegistry = {
+  default: () => Promise.resolve(defaultProject),
+${registryEntries}
+};
+
+export const discoveredProjects = ${JSON.stringify(discoveredProjects)};
+
+export function getProjectLoader(projectName) {
+  return projectRegistry[projectName] || projectRegistry.default;
+}
+`;
+    },
+
+    configureServer(server) {
+      server.watcher.add(join(workspaceDir, '**/likec4.config.json'));
+      server.watcher.on('change', async (path) => {
+        if (path.endsWith('likec4.config.json')) {
+          await discoverProjects();
+          const module = server.moduleGraph.getModuleById(resolvedVirtualModuleId);
+          if (module) {
+            server.moduleGraph.invalidateModule(module);
+          }
+        }
+      });
+    },
+  };
+};

package/package.json

@@ -7,7 +7,7 @@
   },
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
-  "version": "3.47.1",
+  "version": "3.47.3",
   "publishConfig": {
     "access": "public"
   },
@@ -30,9 +30,9 @@
   "dependencies": {
     "@ai-sdk/react": "^3.0.17",
     "@astrojs/markdown-remark": "^7.2.0",
-    "@astrojs/mdx": "^6.0.1",
-    "@astrojs/node": "^10.1.2",
-    "@astrojs/react": "^5.0.6",
+    "@astrojs/mdx": "^6.0.3",
+    "@astrojs/node": "^10.1.4",
+    "@astrojs/react": "^5.0.7",
     "@astrojs/rss": "^4.0.18",
     "@asyncapi/avro-schema-parser": "3.0.24",
     "@asyncapi/parser": "^3.6.0",
@@ -58,7 +58,7 @@
     "@tanstack/react-table": "^8.17.3",
     "@xyflow/react": "^12.3.6",
     "ai": "^6.0.17",
-    "astro": "^6.4.1",
+    "astro": "^6.4.7",
     "astro-compress": "^2.4.0",
     "astro-expressive-code": "^0.41.7",
     "astro-seo": "^0.8.4",
@@ -75,7 +75,7 @@
     "gray-matter": "^4.0.3",
     "hono": "4.12.21",
     "html-to-image": "^1.11.11",
-    "js-yaml": "^4.1.1",
+    "js-yaml": "^4.2.0",
     "jsonpath-plus": "^10.4.0",
     "jsonwebtoken": "^9.0.2",
     "lodash.debounce": "^4.0.8",
@@ -112,8 +112,8 @@
     "uuid": "^10.0.0",
     "zod": "^4.3.6",
     "@eventcatalog/linter": "1.0.29",
-    "@eventcatalog/sdk": "2.24.1",
-    "@eventcatalog/visualiser": "^3.22.1"
+    "@eventcatalog/visualiser": "^3.22.1",
+    "@eventcatalog/sdk": "2.24.1"
   },
   "devDependencies": {
     "@astrojs/check": "^0.9.9",