@eventcatalog/core 5.0.0-beta.2 → 5.0.0-beta.20

package/eventcatalog/src/utils/syntax-highlighter-renderer.ts

@@ -0,0 +1,64 @@
+import { createElement, type CSSProperties, type ReactNode } from 'react';
+import { createStyleObject } from 'react-syntax-highlighter/dist/cjs/create-element.js';
+
+type Stylesheet = { [selector: string]: CSSProperties };
+type HighlightedNode = {
+  type: 'element' | 'text';
+  value?: string | number;
+  tagName?: any;
+  properties?: { className?: string[]; style?: CSSProperties; [key: string]: unknown };
+  children?: HighlightedNode[];
+};
+
+const selectorsByStylesheet = new WeakMap<Stylesheet, Set<string>>();
+
+/** The class names a theme styles, worked out once per theme */
+const stylesheetSelectors = (stylesheet: Stylesheet) => {
+  let selectors = selectorsByStylesheet.get(stylesheet);
+  if (!selectors) {
+    selectors = new Set(Object.keys(stylesheet).flatMap((selector) => selector.split('.')));
+    selectorsByStylesheet.set(stylesheet, selectors);
+  }
+  return selectors;
+};
+
+const renderNode = (node: HighlightedNode, stylesheet: Stylesheet, useInlineStyles: boolean, key: string): ReactNode => {
+  if (node.type === 'text') return node.value;
+  if (!node.tagName) return undefined;
+
+  const properties = node.properties ?? {};
+  const classNames = properties.className;
+  let props;
+  if (!useInlineStyles) {
+    props = { ...properties, className: classNames?.join(' ') };
+  } else {
+    // Theme classes become inline styles; any other class names stay
+    const selectors = stylesheetSelectors(stylesheet);
+    const className =
+      classNames && (classNames.includes('token') ? ['token'] : []).concat(classNames.filter((name) => !selectors.has(name)));
+    props = {
+      ...properties,
+      className: className?.join(' ') || undefined,
+      style: createStyleObject(classNames ?? [], { ...properties.style }, stylesheet),
+    };
+  }
+
+  const children = (node.children ?? []).map((child, i) => renderNode(child, stylesheet, useInlineStyles, `code-segment-1-${i}`));
+  return createElement(node.tagName, { key, ...props }, children);
+};
+
+/**
+ * Renders react-syntax-highlighter's rows as its default renderer does (same elements, styles and keys), but
+ * works out the theme's class names once per theme rather than for every token: the default renderer did
+ * that for every token, which made highlighting a schema on the server take tens of milliseconds a page.
+ * Set `wrapLines`: with a custom renderer, react-syntax-highlighter turns it on when it isn't set.
+ */
+export const renderHighlightedRows = ({
+  rows,
+  stylesheet,
+  useInlineStyles,
+}: {
+  rows: HighlightedNode[];
+  stylesheet: Stylesheet;
+  useInlineStyles: boolean;
+}): ReactNode[] => rows.map((node, i) => renderNode(node, stylesheet, useInlineStyles, `code-segment-${i}`));

package/eventcatalog/src/utils/trial.ts

@@ -1,4 +1,4 @@
-export const TRIAL_LENGTH_DAYS = 90;
+export const TRIAL_LENGTH_DAYS = 60;
 
 export const LICENSE_FAQ_URL = 'https://www.eventcatalog.dev/license-faq';
 

package/package.json

@@ -7,7 +7,7 @@
   },
   "license": "BUSL-1.1",
   "type": "module",
-  "version": "5.0.0-beta.2",
+  "version": "5.0.0-beta.20",
   "publishConfig": {
     "access": "public"
   },
@@ -47,20 +47,24 @@
   ],
   "dependencies": {
     "@ai-sdk/react": "^4.0.109",
-    "@astrojs/markdown-remark": "^7.3.1",
-    "@astrojs/mdx": "^8.0.1",
-    "@astrojs/node": "^11.1.6",
-    "@astrojs/react": "^6.0.6",
+    "@astrojs/markdown-remark": "^7.3.2",
+    "@astrojs/mdx": "^8.0.3",
+    "@astrojs/node": "^11.1.7",
+    "@astrojs/react": "^7.0.1",
     "@astrojs/rss": "^4.0.19",
     "@asyncapi/avro-schema-parser": "3.0.24",
     "@asyncapi/parser": "^3.6.0",
-    "@asyncapi/react-component": "3.1.0",
+    "@asyncapi/react-component": "3.2.1",
     "@auth/core": "^0.41.3",
     "@eventcatalog/license": "^0.0.9",
     "@fontsource/inter": "^5.2.5",
     "@headlessui/react": "^2.0.3",
     "@heroicons/react": "^2.1.3",
+    "@hocuspocus/provider": "^4.7.0",
+    "@hocuspocus/server": "^4.7.0",
     "@iconify-json/logos": "^1.2.4",
+    "@mcp-b/webmcp-local-relay": "5.1.0",
+    "@mcp-b/webmcp-polyfill": "5.1.0",
     "@mermaid-js/layout-elk": "^0.2.0",
     "@modelcontextprotocol/ext-apps": "^1.7.5",
     "@modelcontextprotocol/sdk": "^1.30.0",
@@ -77,9 +81,9 @@
     "@tanstack/react-table": "^8.17.3",
     "@xyflow/react": "^12.12.0",
     "ai": "^7.0.106",
-    "astro": "7.3.3",
+    "astro": "7.3.8",
     "astro-expressive-code": "^0.44.0",
-    "astro-seo": "^0.8.4",
+    "astro-seo": "^1.2.0",
     "boxen": "^8.0.1",
     "commander": "^12.1.0",
     "cross-env": "^7.0.3",
@@ -93,8 +97,9 @@
     "elkjs": "^0.10.0",
     "glob": "^13.0.6",
     "gray-matter": "^4.0.3",
-    "hono": "4.13.5",
+    "hono": "^4.13.7",
     "html-to-image": "^1.11.11",
+    "htmlparser2": "^12.0.0",
     "js-yaml": "^4.3.2",
     "jsonpath-plus": "^10.4.0",
     "jsonwebtoken": "^9.0.2",
@@ -111,8 +116,9 @@
     "parse5": "^7.3.0",
     "picocolors": "^1.1.1",
     "picomatch": "^4.0.4",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-hotkeys-hook": "^5.3.3",
     "react-markdown": "^10.1.0",
     "react-syntax-highlighter": "^16.1.1",
     "recast": "^0.23.11",
@@ -125,7 +131,6 @@
     "rimraf": "^6.1.3",
     "semver": "7.6.3",
     "set-cookie-parser": "^2.7.1",
-    "shelljs": "^0.9.0",
     "sonner": "^2.0.7",
     "sql.js": "^1.12.0",
     "tailwindcss": "^4.3.1",
@@ -133,10 +138,12 @@
     "unist-util-visit": "^5.0.0",
     "update-notifier": "^7.3.1",
     "uuid": "^11.1.1",
+    "y-protocols": "^1.0.7",
+    "yjs": "^13.6.33",
     "zod": "^4.3.6",
-    "@eventcatalog/linter": "1.2.0-beta.0",
-    "@eventcatalog/visualiser": "^5.0.0-beta.1",
-    "@eventcatalog/sdk": "2.30.0-beta.0"
+    "@eventcatalog/linter": "1.2.0-beta.3",
+    "@eventcatalog/visualiser": "^5.0.0-beta.6",
+    "@eventcatalog/sdk": "2.30.0-beta.1"
   },
   "devDependencies": {
     "@astrojs/check": "^0.9.10",
@@ -156,7 +163,6 @@
     "@types/react-syntax-highlighter": "^15.5.13",
     "@types/semver": "^7.5.8",
     "@types/set-cookie-parser": "^2.4.10",
-    "@types/shelljs": "^0.8.15",
     "@types/update-notifier": "^6.0.8",
     "@types/uuid": "^10.0.0",
     "jsdom": "27.0.0",

package/dist/runtime-dependencies/shelljs.mjs

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