@eventcatalog/core 3.47.0 → 3.47.2

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

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-XYCPSZ4V.js";
-import "../chunk-GBC637Z2.js";
+} from "../chunk-7QEB6VKU.js";
+import "../chunk-Y7YNYWYT.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.0";
+var version = "3.47.2";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,9 +1,9 @@
 import {
   log_build_default
-} from "../chunk-ALXVETEP.js";
-import "../chunk-XYCPSZ4V.js";
+} from "../chunk-JJXPDJAK.js";
+import "../chunk-7QEB6VKU.js";
 import "../chunk-DAOXTQVS.js";
-import "../chunk-GBC637Z2.js";
+import "../chunk-Y7YNYWYT.js";
 import "../chunk-6QENHZZP.js";
 export {
   log_build_default as default

package/dist/{chunk-XYCPSZ4V.js → chunk-7QEB6VKU.js}

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

package/dist/{chunk-ALXVETEP.js → chunk-JJXPDJAK.js}

@@ -1,6 +1,6 @@
 import {
   raiseEvent
-} from "./chunk-XYCPSZ4V.js";
+} from "./chunk-7QEB6VKU.js";
 import {
   countResources,
   serializeCounts

package/dist/{chunk-ZRLFPUCO.js → chunk-XORTIVNN.js}

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

package/dist/{chunk-ZM5P2252.js → chunk-Y7XPSO3E.js}

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

package/dist/{chunk-GBC637Z2.js → chunk-Y7YNYWYT.js}

@@ -1,5 +1,5 @@
 // package.json
-var version = "3.47.0";
+var version = "3.47.2";
 
 // 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 = "3.47.0";
+var version = "3.47.2";
 
 // src/constants.ts
 var VERSION = version;

package/dist/constants.js

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

package/dist/eventcatalog.js

@@ -13,8 +13,8 @@ import {
 } from "./chunk-3H2RT3CM.js";
 import {
   log_build_default
-} from "./chunk-ALXVETEP.js";
-import "./chunk-XYCPSZ4V.js";
+} from "./chunk-JJXPDJAK.js";
+import "./chunk-7QEB6VKU.js";
 import "./chunk-DAOXTQVS.js";
 import {
   catalogToAstro
@@ -28,13 +28,13 @@ import {
 } from "./chunk-B7HCX5HM.js";
 import {
   generate
-} from "./chunk-ZRLFPUCO.js";
+} from "./chunk-XORTIVNN.js";
 import {
   logger
-} from "./chunk-ZM5P2252.js";
+} from "./chunk-Y7XPSO3E.js";
 import {
   VERSION
-} from "./chunk-GBC637Z2.js";
+} from "./chunk-Y7YNYWYT.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.0";
+var version = "3.47.2";
 
 // src/constants.ts
 var VERSION = version;

package/dist/generate.js

@@ -1,8 +1,8 @@
 import {
   generate
-} from "./chunk-ZRLFPUCO.js";
-import "./chunk-ZM5P2252.js";
-import "./chunk-GBC637Z2.js";
+} from "./chunk-XORTIVNN.js";
+import "./chunk-Y7XPSO3E.js";
+import "./chunk-Y7YNYWYT.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 = "3.47.0";
+var version = "3.47.2";
 
 // src/constants.ts
 var VERSION = version;

package/dist/utils/cli-logger.js

@@ -1,7 +1,7 @@
 import {
   logger
-} from "../chunk-ZM5P2252.js";
-import "../chunk-GBC637Z2.js";
+} from "../chunk-Y7XPSO3E.js";
+import "../chunk-Y7YNYWYT.js";
 export {
   logger
 };

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/SchemaViewer/SchemaViewerRoot.astro

@@ -10,7 +10,9 @@ import { getMDXComponentsByName } from '@utils/markdown';
 import { resolveProjectPath } from '@utils/files';
 import { resolveSchemaViewer } from './schema-viewer-utils';
 
-let schemas = [];
+type ResolvedSchemaViewer = Awaited<ReturnType<typeof resolveSchemaViewer>>;
+
+let schemas: ResolvedSchemaViewer[] = [];
 
 try {
   const absoluteFilePath = resolveProjectPath(filePath);

package/eventcatalog/src/components/MDX/SchemaViewer/schema-viewer-utils.ts

@@ -7,6 +7,11 @@ import { parseProtobufSchema } from '../../../utils/protobuf-schema';
 type SchemaViewerProps = {
   id?: string;
   file?: string;
+  title?: string;
+  maxHeight?: string;
+  expand?: boolean;
+  search?: boolean;
+  showRequired?: boolean;
   [key: string]: any;
 };
 

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@latest @likec4/icons@latest
+  pnpm add -D likec4@latest @likec4/icons@latest
+  yarn add -D likec4@latest @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.0",
+  "version": "3.47.2",
   "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",