@eventcatalog/core 5.0.0-beta.5 → 5.0.0-beta.6

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

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-SHHO3JJI.js";
-import "../chunk-XQXMSQA5.js";
+} from "../chunk-QBP3BBSV.js";
+import "../chunk-L2IRFOE7.js";
 export {
   raiseEvent
 };

package/dist/analytics/log-build.cjs

@@ -176,7 +176,7 @@ var verifyRequiredFieldsAreInCatalogConfigFile = async (projectDirectory) => {
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "5.0.0-beta.5";
+var version = "5.0.0-beta.6";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,10 +1,10 @@
 import {
   log_build_default
-} from "../chunk-EBDTVZDW.js";
-import "../chunk-SHHO3JJI.js";
-import "../chunk-ZAZHAVKB.js";
+} from "../chunk-XMPFHLK4.js";
 import "../chunk-PIYJM642.js";
-import "../chunk-XQXMSQA5.js";
+import "../chunk-ZAZHAVKB.js";
+import "../chunk-QBP3BBSV.js";
+import "../chunk-L2IRFOE7.js";
 import "../chunk-RFIXKATC.js";
 export {
   log_build_default as default

package/dist/{chunk-43AEF3JE.js → chunk-56CD2NH6.js}

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

package/dist/{chunk-YYMBYOQR.js → chunk-DE3QHVJP.js}

@@ -1,6 +1,6 @@
 import {
   logger
-} from "./chunk-43AEF3JE.js";
+} from "./chunk-56CD2NH6.js";
 import {
   cleanup,
   getEventCatalogConfigFile

package/dist/{chunk-XQXMSQA5.js → chunk-L2IRFOE7.js}

@@ -1,5 +1,5 @@
 // package.json
-var version = "5.0.0-beta.5";
+var version = "5.0.0-beta.6";
 
 // src/constants.ts
 var VERSION = version;

package/dist/{chunk-SHHO3JJI.js → chunk-QBP3BBSV.js}

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

package/dist/{chunk-EBDTVZDW.js → chunk-XMPFHLK4.js}

@@ -1,14 +1,14 @@
 import {
-  raiseEvent
-} from "./chunk-SHHO3JJI.js";
+  getLicenseAnalytics
+} from "./chunk-PIYJM642.js";
 import {
   countResources,
   hashCatalogContent,
   serializeCounts
 } from "./chunk-ZAZHAVKB.js";
 import {
-  getLicenseAnalytics
-} from "./chunk-PIYJM642.js";
+  raiseEvent
+} from "./chunk-QBP3BBSV.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile

package/dist/constants.cjs

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

package/dist/constants.js

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

package/dist/eventcatalog.cjs

@@ -181,7 +181,7 @@ var verifyRequiredFieldsAreInCatalogConfigFile = async (projectDirectory) => {
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "5.0.0-beta.5";
+var version = "5.0.0-beta.6";
 
 // src/constants.ts
 var VERSION = version;

package/dist/eventcatalog.js

@@ -4,27 +4,27 @@ import {
 import "./chunk-CA4U2JP7.js";
 import {
   log_build_default
-} from "./chunk-EBDTVZDW.js";
-import "./chunk-SHHO3JJI.js";
-import "./chunk-ZAZHAVKB.js";
+} from "./chunk-XMPFHLK4.js";
 import {
   getLicenseStatus,
   printLicenseStatus
 } from "./chunk-PIYJM642.js";
+import "./chunk-ZAZHAVKB.js";
 import {
   FederationConflictError,
   FederationDiagnosticError,
   federateCatalog
-} from "./chunk-ZEY2XUJN.js";
+} from "./chunk-AYNZXUB5.js";
+import "./chunk-5EPNFDT5.js";
+import "./chunk-A2RZR3U4.js";
+import "./chunk-R7Z5ALYI.js";
 import {
   getFederationDiagnosticCounts,
   getVisibleFederationDiagnostics
 } from "./chunk-JJPB6EOZ.js";
-import "./chunk-WRNH5C3U.js";
-import "./chunk-5EPNFDT5.js";
-import "./chunk-A2RZR3U4.js";
 import "./chunk-SDZQJTJW.js";
 import "./chunk-352FGP6W.js";
+import "./chunk-WRNH5C3U.js";
 import {
   getProjectOutDir,
   isAuthEnabled,
@@ -33,10 +33,10 @@ import {
 } from "./chunk-MDWB5HLO.js";
 import {
   generate
-} from "./chunk-YYMBYOQR.js";
+} from "./chunk-DE3QHVJP.js";
 import {
   logger
-} from "./chunk-43AEF3JE.js";
+} from "./chunk-56CD2NH6.js";
 import {
   resolve_catalog_dependencies_default
 } from "./chunk-36RYTYT5.js";
@@ -50,7 +50,7 @@ import {
 import {
   watch
 } from "./chunk-U63GDPPY.js";
-import "./chunk-R7Z5ALYI.js";
+import "./chunk-QBP3BBSV.js";
 import {
   getAstroConfigPath
 } from "./chunk-VIJJ7JKH.js";
@@ -66,7 +66,7 @@ import {
 } from "./chunk-LFQJXLHG.js";
 import {
   VERSION
-} from "./chunk-XQXMSQA5.js";
+} from "./chunk-L2IRFOE7.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile

package/dist/federation/federate.js

@@ -2,14 +2,14 @@ import {
   FederationConflictError,
   FederationDiagnosticError,
   federateCatalog
-} from "../chunk-ZEY2XUJN.js";
-import "../chunk-JJPB6EOZ.js";
-import "../chunk-WRNH5C3U.js";
+} from "../chunk-AYNZXUB5.js";
 import "../chunk-5EPNFDT5.js";
 import "../chunk-A2RZR3U4.js";
+import "../chunk-R7Z5ALYI.js";
+import "../chunk-JJPB6EOZ.js";
 import "../chunk-SDZQJTJW.js";
 import "../chunk-352FGP6W.js";
-import "../chunk-R7Z5ALYI.js";
+import "../chunk-WRNH5C3U.js";
 import "../chunk-RFIXKATC.js";
 export {
   FederationConflictError,

package/dist/generate.cjs

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

package/dist/generate.js

@@ -1,8 +1,8 @@
 import {
   generate
-} from "./chunk-YYMBYOQR.js";
-import "./chunk-43AEF3JE.js";
-import "./chunk-XQXMSQA5.js";
+} from "./chunk-DE3QHVJP.js";
+import "./chunk-56CD2NH6.js";
+import "./chunk-L2IRFOE7.js";
 import "./chunk-RFIXKATC.js";
 export {
   generate

package/dist/runtime-dependencies/@hocuspocus__provider.mjs

@@ -0,0 +1,3 @@
+export * from "@hocuspocus/provider";
+import * as dependency from "@hocuspocus/provider";
+export default dependency.default;

package/dist/runtime-dependencies/@hocuspocus__server.mjs

@@ -0,0 +1,3 @@
+export * from "@hocuspocus/server";
+import * as dependency from "@hocuspocus/server";
+export default dependency.default;

package/dist/runtime-dependencies/@mcp-b__webmcp-local-relay.mjs

@@ -0,0 +1,3 @@
+export * from "@mcp-b/webmcp-local-relay";
+import * as dependency from "@mcp-b/webmcp-local-relay";
+export default dependency.default;

package/dist/runtime-dependencies/@mcp-b__webmcp-polyfill.mjs

@@ -0,0 +1,3 @@
+export * from "@mcp-b/webmcp-polyfill";
+import * as dependency from "@mcp-b/webmcp-polyfill";
+export default dependency.default;

package/dist/runtime-dependencies/manifest.json

@@ -34,7 +34,11 @@
   "@heroicons/react/24/outline/RectangleGroupIcon": "@heroicons__react__24__outline__RectangleGroupIcon.mjs",
   "@heroicons/react/24/outline/ServerIcon": "@heroicons__react__24__outline__ServerIcon.mjs",
   "@heroicons/react/24/solid": "@heroicons__react__24__solid.mjs",
+  "@hocuspocus/provider": "@hocuspocus__provider.mjs",
+  "@hocuspocus/server": "@hocuspocus__server.mjs",
   "@iconify-json/logos": "@iconify-json__logos.mjs",
+  "@mcp-b/webmcp-local-relay": "@mcp-b__webmcp-local-relay.mjs",
+  "@mcp-b/webmcp-polyfill": "@mcp-b__webmcp-polyfill.mjs",
   "@mermaid-js/layout-elk": "@mermaid-js__layout-elk.mjs",
   "@mermaid-js/layout-elk/dist/mermaid-layout-elk.core.mjs": "@mermaid-js__layout-elk__dist__mermaid-layout-elk.core.mjs.mjs",
   "@modelcontextprotocol/ext-apps": "@modelcontextprotocol__ext-apps.mjs",
@@ -107,6 +111,7 @@
   "react-dom": "react-dom.mjs",
   "react-dom/client": "react-dom__client.mjs",
   "react-dom/server": "react-dom__server.mjs",
+  "react-hotkeys-hook": "react-hotkeys-hook.mjs",
   "react-markdown": "react-markdown.mjs",
   "react-syntax-highlighter": "react-syntax-highlighter.mjs",
   "react-syntax-highlighter/dist/cjs/styles/prism": "react-syntax-highlighter__dist__cjs__styles__prism.mjs",
@@ -139,6 +144,9 @@
   "unist-util-visit": "unist-util-visit.mjs",
   "update-notifier": "update-notifier.mjs",
   "uuid": "uuid.mjs",
+  "y-protocols": "y-protocols.mjs",
+  "y-protocols/awareness": "y-protocols__awareness.mjs",
+  "yjs": "yjs.mjs",
   "zod": "zod.mjs",
   "zod/v4": "zod__v4.mjs"
 }

package/dist/runtime-dependencies/react-hotkeys-hook.mjs

@@ -0,0 +1,3 @@
+export * from "react-hotkeys-hook";
+import * as dependency from "react-hotkeys-hook";
+export default dependency.default;

package/dist/runtime-dependencies/y-protocols.mjs

@@ -0,0 +1,3 @@
+export * from "y-protocols";
+import * as dependency from "y-protocols";
+export default dependency.default;

package/dist/runtime-dependencies/y-protocols__awareness.mjs

@@ -0,0 +1,3 @@
+export * from "y-protocols/awareness";
+import * as dependency from "y-protocols/awareness";
+export default dependency.default;

package/dist/runtime-dependencies/yjs.mjs

@@ -0,0 +1,3 @@
+export * from "yjs";
+import * as dependency from "yjs";
+export default dependency.default;

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

package/dist/utils/cli-logger.js

@@ -1,7 +1,7 @@
 import {
   logger
-} from "../chunk-43AEF3JE.js";
-import "../chunk-XQXMSQA5.js";
+} from "../chunk-56CD2NH6.js";
+import "../chunk-L2IRFOE7.js";
 export {
   logger
 };

package/eventcatalog/astro.config.mjs

@@ -27,6 +27,7 @@ import expressiveCode from 'astro-expressive-code';
 // preprocessors and the rehype plugin below load those same package defaults.
 import expressiveCodeConfig from './ec.config.mjs';
 import ecstudioWatcher from './integrations/ecstudio-watcher.mjs';
+import studioServer from './integrations/studio-server.mjs';
 import eventCatalogIntegration from './src/features/integrations/eventcatalog-features.ts';
 import eventCatalogRuntime, { getDevServerFileSystem, packageDirectory } from './integrations/eventcatalog-runtime.mjs';
 import config from './src/utils/eventcatalog-config/source.ts';
@@ -139,6 +140,7 @@ export default defineConfig({
     catalogAssets({ projectDirectory, generatedDirectory: join(runtimeDirectory, 'public') }),
     effectiveOutput !== 'server' && compress && (await loadAstroCompressIntegration(projectDirectory)),
     ecstudioWatcher(),
+    studioServer(),
     eventCatalogIntegration(),
     linkValidation(config.linkValidation),
   ].filter(Boolean),

package/eventcatalog/integrations/studio-server.mjs

@@ -0,0 +1,17 @@
+import { getStudioRuntime } from '../src/features/studio/server/runtime.ts';
+import { isCanvasEnabled } from '../src/utils/feature.ts';
+
+// Collaborative canvases: the collaboration WebSocket (Yjs over Hocuspocus), on the dev server's port.
+// The runtime is shared with server code (e.g. MCP tools) through globalThis.
+export default function studioServer() {
+  return {
+    name: 'eventcatalog-studio-server',
+    hooks: {
+      'astro:server:setup': ({ server, logger }) => {
+        if (!isCanvasEnabled() || !server.httpServer) return;
+        getStudioRuntime().attach(server.httpServer);
+        logger.info('Collaboration server ready at /_eventcatalog/studio');
+      },
+    },
+  };
+}

package/eventcatalog/src/features/integrations/eventcatalog-features.ts

@@ -13,6 +13,7 @@ import {
   isFullCatalogAPIEnabled,
   isDevMode,
   isSSR,
+  isCanvasEnabled,
 } from '../../utils/feature';
 import { getCustomPageRoutes, isApiRoute, listCustomPageFiles, resolveCustomPagesPrefix } from '../custom-pages/routes';
 
@@ -111,7 +112,8 @@ export default function eventCatalogIntegration(): AstroIntegration {
         }
 
         // Handle routes for MCP Server (requires SSR)
-        if (isEventCatalogMCPEnabled()) {
+        // Also for canvases, so agents can join them (the canvas tools are on the MCP server)
+        if (isEventCatalogMCPEnabled() || isCanvasEnabled()) {
           params.injectRoute({
             pattern: '/docs/mcp/[...path]',
             entrypoint: path.join(packageDirectory, 'src/features/mcp/mcp-server.ts'),
@@ -173,6 +175,23 @@ export default function eventCatalogIntegration(): AstroIntegration {
             entrypoint: path.join(packageDirectory, 'src/features/visualizer-layout/reset.ts'),
           });
         }
+
+        // Collaborative canvases in EventCatalog Studio (/studio starts one). Their WebSocket server is in
+        // integrations/studio-server.mjs.
+        if (isCanvasEnabled()) {
+          params.injectRoute({
+            pattern: '/studio',
+            entrypoint: path.join(packageDirectory, 'src/features/studio/pages/index.astro'),
+          });
+          params.injectRoute({
+            pattern: '/studio/[id]',
+            entrypoint: path.join(packageDirectory, 'src/features/studio/pages/[id].astro'),
+          });
+          params.injectRoute({
+            pattern: '/webmcp-relay/[file]',
+            entrypoint: path.join(packageDirectory, 'src/features/studio/pages/webmcp-relay.ts'),
+          });
+        }
       },
       'astro:server:setup': ({ server }) => {
         // When custom page files appear or disappear, refresh the manifest.

package/eventcatalog/src/features/mcp/apps/canvas/shared.ts

@@ -0,0 +1,39 @@
+// Shared by the canvas MCP App (client) and the MCP server: no server-only imports here
+import type { CatalogRelation, CatalogResource } from '../../../studio/catalog-resources';
+
+export const CANVAS_RESOURCE_URI = 'ui://eventcatalog/canvas.html';
+/** Key of the payload in openCanvas results' `_meta` */
+export const CANVAS_META_KEY = 'eventcatalog/canvas';
+/** App-only tool the view loads the canvas from when the host doesn't pass the result's `_meta` */
+export const CANVAS_VIEW_TOOL = 'getCanvasView';
+/** App-only tool the view loads the catalog (for dragging resources in) from */
+export const CANVAS_CATALOG_TOOL = 'getCanvasCatalog';
+/** App-only tool the view syncs through when the chat's sandbox blocks the collaboration WebSocket */
+export const CANVAS_SYNC_TOOL = 'syncCanvas';
+
+/** A canvas listed in the view's picker */
+export type CanvasListItem = { canvasId: string; title?: string; people: string[]; nodeCount: number; openComments: number };
+
+/**
+ * What the view shows: a canvas (it connects to it itself, so people and agents edit it live), or, when opened
+ * without one (e.g. from ChatGPT's sidebar), a list of canvases to open or start.
+ */
+export type CanvasPayload = CanvasView | CanvasHome;
+
+export type CanvasHome = { view: 'home'; canvases: CanvasListItem[] };
+
+export type CanvasView = {
+  view: 'canvas';
+  canvasId: string;
+  title?: string;
+  /** The collaboration WebSocket, e.g. wss://catalog.example.com/_eventcatalog/studio */
+  socketUrl: string;
+  /** The canvas in EventCatalog */
+  canvasUrl: string;
+  /** The EventCatalog MCP server, for "Connect your agent" */
+  mcpUrl: string;
+  /** What to call the user on the canvas, when the agent knows their name */
+  userName?: string;
+};
+
+export type CanvasCatalog = { resources: CatalogResource[]; relations: CatalogRelation[] };

package/eventcatalog/src/features/mcp/apps/canvas/styles.css

@@ -0,0 +1,22 @@
+/*
+ * The canvas view's Tailwind stylesheet (with Tailwind's base reset) and EventCatalog's theme variables,
+ * built from the classes of the collaborative canvas components it renders.
+ */
+@import 'tailwindcss' source(none);
+@import '../../../../styles/theme.css';
+@import '../../../studio/studio.css';
+
+@source './*.tsx';
+@source '../../../studio/components/*.{ts,tsx}';
+
+body {
+  margin: 0;
+  background: rgb(var(--ec-page-bg));
+  color: rgb(var(--ec-page-text));
+  font-family:
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    'Segoe UI',
+    sans-serif;
+}