@eventcatalog/core 4.0.0-beta.0 → 4.0.0-beta.2

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

@@ -5,9 +5,9 @@ import VisualiserLayout from '@layouts/VisualiserLayout.astro';
 import components from '@components/MDX/components';
 import config from '@config';
 import { buildUrl } from '@utils/url-builder';
-import { GitCompare, X, Rocket, AlignLeft, HistoryIcon } from 'lucide-react';
+import { GitCompare, X, AlignLeft, HistoryIcon } from 'lucide-react';
 import CopyAsMarkdown from '@components/CopyAsMarkdown';
-import { isLLMSTxtEnabled, isEventCatalogChatEnabled, isDiagramComparisonEnabled } from '@utils/feature';
+import { isLLMSTxtEnabled, isEventCatalogChatEnabled } from '@utils/feature';
 
 import { Page } from './_index.data';
 
@@ -21,7 +21,6 @@ const pageTitle = `Diagram | ${props.data.name}`;
 const currentVersion = props.data.version;
 const allVersions = props.allVersions || [currentVersion];
 const hasMultipleVersions = allVersions.length > 1;
-const scaleEnabled = isDiagramComparisonEnabled();
 const chatEnabled = isEventCatalogChatEnabled();
 const markdownDownloadEnabled = isLLMSTxtEnabled();
 const chatQuery = `Tell me about the "${props.data.name}" diagram (version ${props.data.version})`;
@@ -133,7 +132,6 @@ const chatQuery = `Tell me about the "${props.data.name}" diagram (version ${pro
                   <button
                     id="compare-btn"
                     type="button"
-                    data-scale-enabled={scaleEnabled}
                     class="inline-flex w-full items-center justify-center gap-1.5 rounded-md border border-[rgb(var(--ec-dropdown-border))] bg-[rgb(var(--ec-dropdown-bg))] px-3 py-2 text-sm font-medium text-[rgb(var(--ec-dropdown-text))] shadow-xs transition-colors hover:bg-[rgb(var(--ec-dropdown-hover))] focus:outline-hidden focus:ring-1 focus:ring-[rgb(var(--ec-accent))]"
                   >
                     <GitCompare className="w-4 h-4" />
@@ -148,57 +146,9 @@ const chatQuery = `Tell me about the "${props.data.name}" diagram (version ${pro
     </div>
   </div>
 
-  {/* Upgrade modal - shown when Scale is not enabled */}
+  {/* Compare modal */}
   {
-    hasMultipleVersions && !scaleEnabled && (
-      <div
-        id="upgrade-modal"
-        class="hidden fixed inset-0 z-50 bg-[rgb(var(--ec-page-bg)/0.8)] backdrop-blur-sm flex items-center justify-center"
-      >
-        <div class="bg-[rgb(var(--ec-card-bg))] border border-[rgb(var(--ec-page-border))] rounded-lg p-8 max-w-md mx-4 shadow-xl">
-          <div class="flex flex-col items-center text-center">
-            <div class="flex-shrink-0 mb-4 p-3 bg-[rgb(var(--ec-accent-subtle))] rounded-full">
-              <Rocket className="w-10 h-10 text-[rgb(var(--ec-accent))]" />
-            </div>
-            <h4 class="text-xl font-semibold text-[rgb(var(--ec-page-text))] mb-2">Upgrade to Scale</h4>
-            <p class="text-sm text-[rgb(var(--ec-page-text-muted))] mb-6">
-              Compare diagram versions side-by-side. Track changes across versions and maintain better documentation governance
-              with visual comparisons.
-            </p>
-            <div class="flex items-center gap-3">
-              <a
-                href="https://eventcatalog.cloud"
-                target="_blank"
-                rel="noopener noreferrer"
-                class="inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-[rgb(var(--ec-button-text))] bg-[rgb(var(--ec-accent))] rounded-md hover:opacity-90 transition-opacity"
-              >
-                Start 14-day free trial
-                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                  <path
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    stroke-width="2"
-                    d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
-                  />
-                </svg>
-              </a>
-              <button
-                id="upgrade-close-btn"
-                type="button"
-                class="px-4 py-2 text-sm font-medium text-[rgb(var(--ec-page-text-muted))] hover:text-[rgb(var(--ec-page-text))] transition-colors"
-              >
-                Maybe later
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-    )
-  }
-
-  {/* Compare modal - shown when Scale is enabled */}
-  {
-    hasMultipleVersions && scaleEnabled && (
+    hasMultipleVersions && (
       <div id="compare-modal" class="hidden fixed inset-0 z-50 bg-[rgb(var(--ec-page-bg))]">
         <div class="flex items-center justify-between px-6 py-3 border-b border-[rgb(var(--ec-page-border))] bg-[rgb(var(--ec-card-bg))]">
           <h2 class="text-sm font-semibold text-[rgb(var(--ec-page-text))]">Compare: {props.data.name}</h2>
@@ -278,12 +228,10 @@ const chatQuery = `Tell me about the "${props.data.name}" diagram (version ${pro
   import { destroyZoomInstances, renderMermaidWithZoom } from '@utils/mermaid-zoom';
 
   function initDiagramPage() {
-    // Compare modal (Scale) and Upgrade modal (non-Scale)
+    // Compare modal
     const compareBtn = document.getElementById('compare-btn') as HTMLButtonElement;
     const compareModal = document.getElementById('compare-modal');
-    const upgradeModal = document.getElementById('upgrade-modal');
     const compareCloseBtn = document.getElementById('compare-close-btn');
-    const upgradeCloseBtn = document.getElementById('upgrade-close-btn');
     const leftVersionSelect = document.getElementById('compare-left-version') as HTMLSelectElement;
     const rightVersionSelect = document.getElementById('compare-right-version') as HTMLSelectElement;
     const leftFrame = document.getElementById('compare-left-frame') as HTMLIFrameElement;
@@ -314,33 +262,11 @@ const chatQuery = `Tell me about the "${props.data.name}" diagram (version ${pro
       if (rightFrame) rightFrame.src = '';
     }
 
-    function openUpgradeModal() {
-      if (!upgradeModal) return;
-      upgradeModal.classList.remove('hidden');
-      document.body.style.overflow = 'hidden';
-    }
-
-    function closeUpgradeModal() {
-      if (!upgradeModal) return;
-      upgradeModal.classList.add('hidden');
-      document.body.style.overflow = '';
-    }
-
     if (compareBtn) {
-      compareBtn.onclick = () => {
-        const scaleEnabled = compareBtn.dataset.scaleEnabled === 'true';
-        scaleEnabled ? openCompareModal() : openUpgradeModal();
-      };
+      compareBtn.onclick = openCompareModal;
     }
 
     if (compareCloseBtn) compareCloseBtn.onclick = closeCompareModal;
-    if (upgradeCloseBtn) upgradeCloseBtn.onclick = closeUpgradeModal;
-
-    if (upgradeModal) {
-      upgradeModal.onclick = (e) => {
-        if (e.target === upgradeModal) closeUpgradeModal();
-      };
-    }
 
     if (leftVersionSelect) {
       leftVersionSelect.onchange = () => {
@@ -356,7 +282,6 @@ const chatQuery = `Tell me about the "${props.data.name}" diagram (version ${pro
     document.onkeydown = (e) => {
       if (e.key === 'Escape') {
         if (compareModal && !compareModal.classList.contains('hidden')) closeCompareModal();
-        if (upgradeModal && !upgradeModal.classList.contains('hidden')) closeUpgradeModal();
       }
     };
 

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

@@ -64,7 +64,6 @@ import {
   isMarkdownDownloadEnabled,
   isVisualiserEnabled,
   isRSSEnabled,
-  isExportPDFEnabled,
 } from '@utils/feature';
 import { getMDXComponentsByName, parseMdxBooleanProp } from '@utils/markdown';
 
@@ -300,12 +299,6 @@ friendlyCollectionName = friendlyCollectionName === 'adr' ? 'architecture decisi
 
 const schemasForResource = getSchemasFromResource(props);
 
-const messageCollections = ['events', 'commands', 'queries'];
-const printUrl =
-  isExportPDFEnabled() && messageCollections.includes(props.collection)
-    ? buildUrl(`/docs/print/${props.collection}/${props.data.id}/${props.data.version}`)
-    : undefined;
-
 const generatePromptForResource = (props: any) => {
   return `
     Please tell me more about the ${props.collection.slice(0, props.collection.length - 1)} -  ${props.data.name} v${props.data.version} in this catalog.
@@ -465,7 +458,6 @@ if (!isAdrPage && !hasCurrentFlowEmbed && !hasCurrentPageNodeGraph) {
                 rssFeedEnabled={isRSSEnabled()}
                 editUrl={editUrl}
                 preferChatAsDefault={isEventCatalogChatEnabled()}
-                printUrl={printUrl}
               />
             </div>
             {

package/eventcatalog/src/stores/sidebar-store/state.ts

@@ -1099,10 +1099,10 @@ export const getNestedSideBarData = async (): Promise<NavigationData> => {
     ...(allList ? { 'list:all': allList as NavNode } : {}),
   };
 
-  // System-level views (only show if visualiser is enabled and there are domains)
+  // System-level views (only show if visualiser is enabled and there are systems)
   const systemNode: Record<string, NavNode> = {};
 
-  if (visualiserEnabled && domains.length > 0) {
+  if (visualiserEnabled && systems.length > 0) {
     systemNode['list:system'] = {
       type: 'group',
       title: 'System',
@@ -1110,8 +1110,8 @@ export const getNestedSideBarData = async (): Promise<NavigationData> => {
       pages: [
         {
           type: 'item',
-          title: 'Domain Map',
-          href: buildUrl('/visualiser/domain-integrations'),
+          title: 'System Context Map',
+          href: buildUrl('/visualiser/system-context-map'),
         },
       ],
     };

package/eventcatalog/src/utils/feature.ts

@@ -27,9 +27,7 @@ export {
   isCustomLandingPageEnabled,
   isAuthEnabled,
   isCustomStylesEnabled,
-  isDiagramComparisonEnabled,
   isEventCatalogMCPEnabled,
   isEventCatalogMCPAuthEnabled,
   isIntegrationsEnabled,
-  isExportPDFEnabled,
 } from '../enterprise/feature';

package/package.json

@@ -7,7 +7,7 @@
   },
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.2",
   "publishConfig": {
     "access": "public"
   },
@@ -114,9 +114,9 @@
     "update-notifier": "^7.3.1",
     "uuid": "^10.0.0",
     "zod": "^4.3.6",
-    "@eventcatalog/sdk": "2.24.2",
-    "@eventcatalog/linter": "1.1.1",
-    "@eventcatalog/visualiser": "^4.0.0-beta.0"
+    "@eventcatalog/linter": "1.1.2-beta.0",
+    "@eventcatalog/visualiser": "^4.0.0-beta.0",
+    "@eventcatalog/sdk": "2.25.0-beta.0"
   },
   "devDependencies": {
     "@astrojs/check": "^0.9.9",

package/eventcatalog/src/enterprise/print/_message.data.ts

@@ -1,63 +0,0 @@
-/**
- * Licensed under the EventCatalog Commercial License.
- * See /packages/core/eventcatalog/src/enterprise/LICENSE
- */
-
-import { isSSR } from '@utils/feature';
-import { HybridPage } from '@utils/page-loaders/hybrid-page';
-import type { PageTypes } from '@types';
-import { pageDataLoader } from '@utils/page-loaders/page-data-loader';
-
-const messageTypes: PageTypes[] = ['events', 'commands', 'queries'];
-
-export class PrintPage extends HybridPage {
-  static async getStaticPaths() {
-    if (isSSR()) {
-      return [];
-    }
-
-    const allItems = await Promise.all(messageTypes.map((type) => pageDataLoader[type]()));
-
-    return allItems.flatMap((items, index) =>
-      items.map((item) => ({
-        params: {
-          type: messageTypes[index],
-          id: item.data.id,
-          version: item.data.version,
-        },
-        props: {},
-      }))
-    );
-  }
-
-  protected static async fetchData(params: any) {
-    const { type, id, version } = params;
-
-    if (!type || !id || !version) {
-      return null;
-    }
-
-    if (!messageTypes.includes(type as PageTypes)) {
-      return null;
-    }
-
-    const items = await pageDataLoader[type as PageTypes]();
-    const item = items.find((i) => i.data.id === id && i.data.version === version);
-
-    if (!item) {
-      return null;
-    }
-
-    return {
-      type,
-      ...item,
-    };
-  }
-
-  protected static createNotFoundResponse(): Response {
-    return new Response(null, {
-      status: 404,
-      statusText: 'Message not found',
-    });
-  }
-}

package/eventcatalog/src/enterprise/print/components/PrintHeader.astro

@@ -1,183 +0,0 @@
----
-import { marked } from 'marked';
-
-interface Props {
-  name: string;
-  version: string;
-  type: 'event' | 'command' | 'query';
-  summary?: string;
-  catalogName?: string;
-  draft?: boolean | { title?: string; message?: string };
-  deprecated?: boolean | { message?: string; date?: string | Date };
-}
-
-const { name, version, type, summary, catalogName = 'EventCatalog', draft, deprecated } = Astro.props;
-
-const isDraft = !!draft;
-const draftMessage = typeof draft === 'object' ? draft.message : undefined;
-const draftMessageHtml = draftMessage ? await marked.parse(draftMessage) : null;
-
-const isDeprecated = !!deprecated;
-const deprecatedMessage = typeof deprecated === 'object' ? deprecated.message : undefined;
-const deprecatedMessageHtml = deprecatedMessage ? await marked.parse(deprecatedMessage) : null;
-const deprecatedDate =
-  typeof deprecated === 'object' && deprecated.date
-    ? new Date(deprecated.date).toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' })
-    : undefined;
-
-const now = new Date();
-const exportDate = now.toLocaleDateString('en-US', {
-  year: 'numeric',
-  month: 'long',
-  day: 'numeric',
-});
-
-const badgeColors = {
-  event: 'bg-gradient-to-br from-orange-50 to-orange-100 text-orange-700 border-orange-300',
-  command: 'bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 border-blue-300',
-  query: 'bg-gradient-to-br from-green-50 to-green-100 text-green-700 border-green-300',
-};
-
-const accentColors = {
-  event: 'from-orange-500 to-orange-500/50',
-  command: 'from-blue-600 to-blue-600/50',
-  query: 'from-green-600 to-green-600/50',
-};
-
-const typeLabel = type.charAt(0).toUpperCase() + type.slice(1);
----
-
-<header>
-  <div class={`h-1 bg-gradient-to-r ${accentColors[type]} rounded-sm mb-7`}></div>
-
-  <div class="flex justify-between items-start mb-5">
-    <div class="flex-1">
-      <div class="flex items-center gap-2.5 mb-2.5">
-        <span class={`inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-xs font-semibold border ${badgeColors[type]}`}>
-          {
-            type === 'event' && (
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="currentColor"
-                stroke-width="2.5"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-              >
-                <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" />
-              </svg>
-            )
-          }
-          {
-            type === 'command' && (
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="currentColor"
-                stroke-width="2.5"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-              >
-                <path d="m7.9 20A9 9 0 1 0 4 16.1L2 22Z" />
-              </svg>
-            )
-          }
-          {
-            type === 'query' && (
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="currentColor"
-                stroke-width="2.5"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-              >
-                <circle cx="11" cy="11" r="8" />
-                <line x1="21" y1="21" x2="16.65" y2="16.65" />
-              </svg>
-            )
-          }
-          {typeLabel}
-        </span>
-        <span class="text-sm font-semibold text-slate-500 bg-slate-100 px-2.5 py-0.5 rounded">v{version}</span>
-      </div>
-      <h1 class="text-3xl font-extrabold text-slate-900 leading-tight tracking-tight">
-        {name}
-      </h1>
-    </div>
-    <div class="text-right shrink-0 ml-8 pt-1">
-      <div class="text-[0.6875rem] font-semibold uppercase tracking-wider text-slate-400 mb-0.5">
-        {catalogName}
-      </div>
-      <div class="text-[0.6875rem] text-slate-400">
-        {exportDate}
-      </div>
-    </div>
-  </div>
-
-  {summary && <p class="text-base text-slate-600 mb-6 leading-relaxed max-w-xl">{summary}</p>}
-
-  {
-    isDraft && (
-      <div class="px-4 py-3 mb-4 border-2 border-dashed border-amber-400 rounded-lg opacity-75">
-        <div>
-          <span class="text-sm font-semibold text-amber-700">This message is currently in draft</span>
-          {draftMessageHtml ? (
-            <div class="text-sm text-slate-600 mt-0.5 prose prose-sm max-w-none" set:html={draftMessageHtml} />
-          ) : (
-            <p class="text-sm text-slate-600 mt-0.5">This document has not been finalized and may be subject to change.</p>
-          )}
-        </div>
-      </div>
-    )
-  }
-
-  {
-    isDeprecated && (
-      <div class="flex items-center gap-3 px-4 py-3 mb-4 bg-red-50 border border-red-200 rounded-lg">
-        <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-red-100 shrink-0">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="16"
-            height="16"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="2"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            class="text-red-600"
-          >
-            <circle cx="12" cy="12" r="10" />
-            <path d="m15 9-6 6" />
-            <path d="m9 9 6 6" />
-          </svg>
-        </span>
-        <div>
-          <span class="text-sm font-semibold text-red-800">
-            This message has been deprecated
-            {deprecatedDate && <span class="font-normal text-red-600"> as of {deprecatedDate}</span>}
-          </span>
-          {deprecatedMessageHtml ? (
-            <div class="text-sm text-red-700 mt-0.5 prose prose-sm prose-red max-w-none" set:html={deprecatedMessageHtml} />
-          ) : (
-            <p class="text-sm text-red-700 mt-0.5">
-              This message is no longer actively maintained and may be removed in a future version.
-            </p>
-          )}
-        </div>
-      </div>
-    )
-  }
-
-  <div class="h-px bg-slate-200 mb-8"></div>
-</header>