@eventcatalog/core 2.65.0 → 2.65.2

package/README.md

@@ -117,31 +117,6 @@ Here is an example of a Retail system using domains, services and messages.
 
 You can see the markdown files that generated the website in the GitHub repo under [examples](/examples).
 
-# Sponsors
-
-Thank you to our project  sponsors.
-
-## Gold sponsors
-
-<!-- <div align="center">
-  <img alt="hookdeck" src="./images/sponsors/hookdeck.svg" />
-  <p style="margin: 0; padding: 0;">Serverless infrastructure for event-driven architecture. </p>
-  <a href="https://hookdeck.com/?ref=eventcatalog-sponsor" target="_blank" >Learn more</a>
-</div> -->
-
-<div align="center">
-  <picture>
-    <source srcset="./images/sponsors/gravitee-logo-white.webp" media="(prefers-color-scheme: dark)" />
-    <img alt="hookdeck" src="./images/sponsors/gravitee-logo-black.svg" width="50%" />
-  </picture>
-  <p style="margin: 0; padding: 0;">Manage, secure, and govern every API in your organization</p>
-  <a href="https://gravitee.io?utm_source=eventcatalog&utm_medium=web&utm_campaign=sponsorship" target="_blank">Learn more</a>
-</div>
-
-<hr />
-
-_Sponsors help make EventCatalog sustainable, want to help the project? Get in touch! Or [visit our sponsor page](https://www.eventcatalog.dev/support)._
-
 # Enterprise support
 
 Interested in collaborating with us? Our offerings include dedicated support, priority assistance, feature development, custom integrations, and more.

package/dist/analytics/analytics.cjs

@@ -37,7 +37,7 @@ var import_axios = __toESM(require("axios"), 1);
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "2.65.0";
+var version = "2.65.2";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-NK6OYMRD.js";
-import "../chunk-BMDTX5IN.js";
+} from "../chunk-N4TTC4BN.js";
+import "../chunk-C3BS3CBN.js";
 export {
   raiseEvent
 };

package/dist/analytics/log-build.cjs

@@ -106,7 +106,7 @@ var import_axios = __toESM(require("axios"), 1);
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "2.65.0";
+var version = "2.65.2";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,8 +1,8 @@
 import {
   log_build_default
-} from "../chunk-IJRFYF4B.js";
-import "../chunk-NK6OYMRD.js";
-import "../chunk-BMDTX5IN.js";
+} from "../chunk-NPWU34KV.js";
+import "../chunk-N4TTC4BN.js";
+import "../chunk-C3BS3CBN.js";
 import "../chunk-UPONRQSN.js";
 export {
   log_build_default as default

package/dist/{chunk-BMDTX5IN.js → chunk-C3BS3CBN.js}

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

package/dist/{chunk-NK6OYMRD.js → chunk-N4TTC4BN.js}

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-BMDTX5IN.js";
+} from "./chunk-C3BS3CBN.js";
 
 // src/analytics/analytics.js
 import axios from "axios";

package/dist/{chunk-IJRFYF4B.js → chunk-NPWU34KV.js}

@@ -1,6 +1,6 @@
 import {
   raiseEvent
-} from "./chunk-NK6OYMRD.js";
+} from "./chunk-N4TTC4BN.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile

package/dist/constants.cjs

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

package/dist/constants.js

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

package/dist/eventcatalog.cjs

@@ -157,7 +157,7 @@ var import_axios = __toESM(require("axios"), 1);
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "2.65.0";
+var version = "2.65.2";
 
 // src/constants.ts
 var VERSION = version;
@@ -709,6 +709,25 @@ var clearCore = () => {
 var checkForUpdate = () => {
   const installedVersion = getInstalledEventCatalogVersion();
   if (!installedVersion) return;
+  const majorVersion = parseInt(installedVersion.replace(/[^0-9.]/g, "").split(".")[0], 10);
+  if (majorVersion < 3) {
+    const v3Message = `\u{1F680} EventCatalog V3 is now available in beta!
+
+You are currently on version ${installedVersion}.
+V3 brings exciting new features and improvements.
+
+Upgrade now: npm i @eventcatalog/core@beta`;
+    console.log(
+      (0, import_boxen.default)(v3Message, {
+        padding: 1,
+        margin: 1,
+        align: "center",
+        borderColor: "magenta",
+        borderStyle: "round"
+      })
+    );
+    return;
+  }
   const pkg = { name: "@eventcatalog/core", version: installedVersion };
   const notifier = (0, import_update_notifier.default)({ pkg, updateCheckInterval: 0 });
   if (notifier.update) {

package/dist/eventcatalog.config.d.cts

@@ -106,6 +106,7 @@ interface Config {
         enabled: boolean;
     };
     visualiser?: {
+        enabled?: boolean;
         channels?: {
             renderMode?: 'flat' | 'single';
         };

package/dist/eventcatalog.config.d.ts

@@ -106,6 +106,7 @@ interface Config {
         enabled: boolean;
     };
     visualiser?: {
+        enabled?: boolean;
         channels?: {
             renderMode?: 'flat' | 'single';
         };

package/dist/eventcatalog.js

@@ -6,8 +6,8 @@ import {
 } from "./chunk-PLNJC7NZ.js";
 import {
   log_build_default
-} from "./chunk-IJRFYF4B.js";
-import "./chunk-NK6OYMRD.js";
+} from "./chunk-NPWU34KV.js";
+import "./chunk-N4TTC4BN.js";
 import {
   runMigrations
 } from "./chunk-BH3JMNAV.js";
@@ -19,7 +19,7 @@ import {
 import "./chunk-55D645EH.js";
 import {
   VERSION
-} from "./chunk-BMDTX5IN.js";
+} from "./chunk-C3BS3CBN.js";
 import {
   getProjectOutDir,
   isAuthEnabled,
@@ -115,6 +115,25 @@ var clearCore = () => {
 var checkForUpdate = () => {
   const installedVersion = getInstalledEventCatalogVersion();
   if (!installedVersion) return;
+  const majorVersion = parseInt(installedVersion.replace(/[^0-9.]/g, "").split(".")[0], 10);
+  if (majorVersion < 3) {
+    const v3Message = `\u{1F680} EventCatalog V3 is now available in beta!
+
+You are currently on version ${installedVersion}.
+V3 brings exciting new features and improvements.
+
+Upgrade now: npm i @eventcatalog/core@beta`;
+    console.log(
+      boxen(v3Message, {
+        padding: 1,
+        margin: 1,
+        align: "center",
+        borderColor: "magenta",
+        borderStyle: "round"
+      })
+    );
+    return;
+  }
   const pkg = { name: "@eventcatalog/core", version: installedVersion };
   const notifier = updateNotifier({ pkg, updateCheckInterval: 0 });
   if (notifier.update) {

package/eventcatalog/src/components/Grids/MessageGrid.tsx

@@ -11,6 +11,7 @@ interface MessageGridProps {
   messages: CollectionEntry<CollectionMessageTypes>[];
   containers?: CollectionEntry<'containers'>[];
   embeded: boolean;
+  isVisualiserEnabled: boolean;
 }
 
 interface GroupedMessages {
@@ -19,7 +20,7 @@ interface GroupedMessages {
   receives?: CollectionEntry<CollectionMessageTypes>[];
 }
 
-export default function MessageGrid({ messages, embeded, containers }: MessageGridProps) {
+export default function MessageGrid({ messages, embeded, containers, isVisualiserEnabled }: MessageGridProps) {
   const [searchQuery, setSearchQuery] = useState('');
   const [urlParams, setUrlParams] = useState<{
     serviceId?: string;
@@ -344,12 +345,14 @@ export default function MessageGrid({ messages, embeded, containers }: MessageGr
                   </a>
                 </div>
                 <div className="flex gap-2">
-                  <a
-                    href={buildUrl(`/visualiser/domains/${urlParams.domainId}`)}
-                    className="inline-flex items-center px-3 py-2 text-sm font-medium bg-white border border-gray-300 rounded-md transition-colors duration-200"
-                  >
-                    View in visualizer
-                  </a>
+                  {isVisualiserEnabled && (
+                    <a
+                      href={buildUrl(`/visualiser/domains/${urlParams.domainId}`)}
+                      className="inline-flex items-center px-3 py-2 text-sm font-medium bg-white border border-gray-300 rounded-md transition-colors duration-200"
+                    >
+                      View in visualizer
+                    </a>
+                  )}
                   <a
                     href={buildUrl(`/docs/domains/${urlParams.domainId}`)}
                     className="inline-flex items-center px-3 py-2 text-sm font-medium text-black border border-gray-300 bg-white  rounded-md transition-colors duration-200"
@@ -372,12 +375,14 @@ export default function MessageGrid({ messages, embeded, containers }: MessageGr
                   <ServerIcon className="h-6 w-6 text-pink-500" />
                   <h2 className="text-2xl font-semibold text-gray-900">{urlParams.serviceName}</h2>
                   <div className="flex gap-2 ml-auto">
-                    <a
-                      href={buildUrl(`/visualiser/services/${urlParams.serviceId}`)}
-                      className="inline-flex items-center px-3 py-2 text-sm font-medium bg-white border border-gray-300 rounded-md transition-colors duration-200 hover:bg-gray-50"
-                    >
-                      View in visualizer
-                    </a>
+                    {isVisualiserEnabled && (
+                      <a
+                        href={buildUrl(`/visualiser/services/${urlParams.serviceId}`)}
+                        className="inline-flex items-center px-3 py-2 text-sm font-medium bg-white border border-gray-300 rounded-md transition-colors duration-200 hover:bg-gray-50"
+                      >
+                        View in visualizer
+                      </a>
+                    )}
                     <a
                       href={buildUrl(`/docs/services/${urlParams.serviceId}`)}
                       className="inline-flex items-center px-3 py-2 text-sm font-medium text-black border border-gray-300 bg-white rounded-md transition-colors duration-200 hover:bg-gray-50"

package/eventcatalog/src/components/Grids/ServiceGrid.tsx

@@ -183,12 +183,14 @@ const DomainSection = memo(
     urlParams,
     selectedTypes,
     isMultiColumn,
+    isVisualiserEnabled,
   }: {
     domain: any;
     services: any[];
     urlParams: any;
     selectedTypes: string[];
     isMultiColumn: boolean;
+    isVisualiserEnabled: boolean;
   }) => {
     const subdomains = domain.data.domains || [];
     const allSubDomainServices = subdomains.map((subdomain: any) => subdomain.data.services || []).flat();
@@ -227,12 +229,14 @@ const DomainSection = memo(
                   <h3 className="text-xl font-semibold text-gray-900">{subdomain.data.name} (Subdomain)</h3>
                 </div>
                 <div className="flex gap-2">
-                  <a
-                    href={buildUrl(`/visualiser/domains/${subdomain.data.id}`)}
-                    className="inline-flex items-center px-3 py-2 text-sm font-medium bg-white border border-gray-300 rounded-md transition-colors duration-200"
-                  >
-                    View in visualizer
-                  </a>
+                  {isVisualiserEnabled && (
+                    <a
+                      href={buildUrl(`/visualiser/domains/${subdomain.data.id}`)}
+                      className="inline-flex items-center px-3 py-2 text-sm font-medium bg-white border border-gray-300 rounded-md transition-colors duration-200"
+                    >
+                      View in visualizer
+                    </a>
+                  )}
                   <a
                     href={buildUrl(`/docs/domains/${subdomain.data.id}`)}
                     className="inline-flex items-center px-3 py-2 text-sm font-medium text-black border border-gray-300 bg-white rounded-md transition-colors duration-200"
@@ -292,10 +296,11 @@ interface ServiceGridProps {
   services: CollectionEntry<'services'>[];
   domains: ExtendedDomain[];
   embeded: boolean;
+  isVisualiserEnabled: boolean;
 }
 
 // Main ServiceGrid component
-export default function ServiceGrid({ services, domains, embeded }: ServiceGridProps) {
+export default function ServiceGrid({ services, domains, embeded, isVisualiserEnabled }: ServiceGridProps) {
   const [searchQuery, setSearchQuery] = useState('');
   const [currentPage, setCurrentPage] = useState(1);
   const [selectedTypes, setSelectedTypes] = useState<CollectionMessageTypes[]>([]);
@@ -493,6 +498,7 @@ export default function ServiceGrid({ services, domains, embeded }: ServiceGridP
                   urlParams={urlParams}
                   selectedTypes={selectedTypes}
                   isMultiColumn={isMultiColumn}
+                  isVisualiserEnabled={isVisualiserEnabled}
                 />
               ))
           ) : (

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

@@ -5,6 +5,8 @@ import { getAbsoluteFilePathForAstroFile } from '@utils/files';
 import Admonition from '@components/MDX/Admonition';
 import NodeGraph from '../NodeGraph/NodeGraph';
 
+import { isVisualiserEnabled } from '@utils/feature';
+
 let design: any;
 let id = 'design';
 let maxHeight = 30;
@@ -49,7 +51,8 @@ try {
           title={title ?? design.name}
           nodes={design.nodes || []}
           edges={design.edges || []}
-          hrefLabel={'View in visualizer'}
+          hrefLabel={isVisualiserEnabled() ? 'View in visualizer' : undefined}
+          href={isVisualiserEnabled() ? `/visualiser/designs/${design.id}` : undefined}
           linkTo={'visualiser'}
           designId={design.id || id}
           client:only="react"

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

@@ -4,6 +4,7 @@ import { getNodesAndEdges } from '@utils/node-graphs/flows-node-graph';
 import Admonition from '@components/MDX/Admonition';
 import NodeGraph from '../NodeGraph/NodeGraph';
 import { getVersionFromCollection } from '@utils/collections/versions';
+import { isVisualiserEnabled } from '@utils/feature';
 
 const { id, version = 'latest', maxHeight, includeKey = true, mode = 'simple', walkthrough = true, search = true } = Astro.props;
 
@@ -49,7 +50,7 @@ const { nodes, edges } = await getNodesAndEdges({
     nodes={nodes}
     edges={edges}
     hrefLabel={'View in visualizer'}
-    href={`/visualiser/flows/${id}/${version}`}
+    href={isVisualiserEnabled() ? `/visualiser/flows/${id}/${version}` : undefined}
     linkTo={'visualiser'}
     includeKey={includeKey}
     footerLabel=`Flow diagram - ${flow.data.name} - v(${flow.data.version})`

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

@@ -26,7 +26,7 @@ interface Props {
   version: string;
   mode: 'full' | 'simple';
   linkTo?: 'docs' | 'visualiser';
-  href: {
+  href?: {
     label: string;
     url: string;
   };
@@ -142,8 +142,8 @@ if (collection === 'services-containers') {
     nodes={nodes}
     edges={edges}
     title={title}
-    hrefLabel={href.label}
-    href={href.url}
+    hrefLabel={href?.label}
+    href={href?.url}
     linkTo={linkTo}
     client:only="react"
     linksToVisualiser={linksToVisualiser}

package/eventcatalog/src/components/SideBars/ContainerSideBar.astro

@@ -8,7 +8,7 @@ import { ScrollText, Workflow, RssIcon } from 'lucide-react';
 import RepositoryList from '@components/Lists/RepositoryList.astro';
 import { getOwner } from '@utils/collections/owners';
 import CustomSideBarSectionList from '@components/Lists/CustomSideBarSectionList.astro';
-import { isChangelogEnabled } from '@utils/feature';
+import { isChangelogEnabled, isVisualiserEnabled } from '@utils/feature';
 import config from '@config';
 
 interface Props {
@@ -156,14 +156,17 @@ const isRSSEnabled = config.rss?.enabled;
     }
 
     <div class="space-y-2">
-      <a
-        href={buildUrl(`/visualiser/${container.collection}/${container.data.id}/${container.data.version}`)}
-        class="flex items-center justify-center space-x-2 text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-primary"
-      >
-        <Workflow strokeWidth={2} size={16} />
-        <span class="block">View in visualiser</span>
-      </a>
-
+      {
+        isVisualiserEnabled() && (
+          <a
+            href={buildUrl(`/visualiser/${container.collection}/${container.data.id}/${container.data.version}`)}
+            class="flex items-center justify-center space-x-2 text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-primary"
+          >
+            <Workflow strokeWidth={2} size={16} />
+            <span class="block">View in visualiser</span>
+          </a>
+        )
+      }
       {
         isChangelogEnabled() && shouldRenderSideBarSection('changelog') && (
           <a

package/eventcatalog/src/components/SideBars/DomainSideBar.astro

@@ -9,7 +9,7 @@ import { getOwner } from '@utils/collections/owners';
 import { buildUrl } from '@utils/url-builder';
 import type { CollectionEntry } from 'astro:content';
 import { ScrollText, Workflow } from 'lucide-react';
-import { isChangelogEnabled } from '@utils/feature';
+import { isChangelogEnabled, isVisualiserEnabled } from '@utils/feature';
 
 interface Props {
   domain: CollectionEntry<'domains'>;
@@ -250,13 +250,17 @@ const shouldRenderSideBarSection = (section: string) => {
     }
 
     <div class="space-y-2">
-      <a
-        href={buildUrl(`/visualiser/${domain.collection}/${domain.data.id}/${domain.data.version}`)}
-        class="flex items-center justify-center space-x-2 text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-primary"
-      >
-        <Workflow strokeWidth={2} size={16} />
-        <span class="block">View in visualiser</span>
-      </a>
+      {
+        isVisualiserEnabled() && (
+          <a
+            href={buildUrl(`/visualiser/${domain.collection}/${domain.data.id}/${domain.data.version}`)}
+            class="flex items-center justify-center space-x-2 text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-primary"
+          >
+            <Workflow strokeWidth={2} size={16} />
+            <span class="block">View in visualiser</span>
+          </a>
+        )
+      }
       {
         isChangelogEnabled() && shouldRenderSideBarSection('changelog') && (
           <a

package/eventcatalog/src/components/SideBars/FlowSideBar.astro

@@ -7,7 +7,7 @@ import { getOwner } from '@utils/collections/owners';
 import type { CollectionEntry } from 'astro:content';
 import { ScrollText, Workflow, RssIcon } from 'lucide-react';
 import config from '@config';
-import { isChangelogEnabled } from '@utils/feature';
+import { isChangelogEnabled, isVisualiserEnabled } from '@utils/feature';
 import CustomSideBarSectionList from '@components/Lists/CustomSideBarSectionList.astro';
 interface Props {
   flow: CollectionEntry<'flows'>;
@@ -105,13 +105,17 @@ const shouldRenderSideBarSection = (section: string) => {
     }
 
     <div class="space-y-2">
-      <a
-        href={buildUrl(`/visualiser/${flow.collection}/${flow.data.id}/${flow.data.version}`)}
-        class="flex items-center justify-center space-x-2 text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-primary"
-      >
-        <Workflow strokeWidth={2} size={16} />
-        <span class="block">View in visualiser</span>
-      </a>
+      {
+        isVisualiserEnabled() && (
+          <a
+            href={buildUrl(`/visualiser/${flow.collection}/${flow.data.id}/${flow.data.version}`)}
+            class="flex items-center justify-center space-x-2 text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-primary"
+          >
+            <Workflow strokeWidth={2} size={16} />
+            <span class="block">View in visualiser</span>
+          </a>
+        )
+      }
       {
         isChangelogEnabled() && shouldRenderSideBarSection('changelog') && (
           <a

package/eventcatalog/src/components/SideBars/MessageSideBar.astro

@@ -12,7 +12,7 @@ import { getOwner } from '@utils/collections/owners';
 import CustomSideBarSectionList from '@components/Lists/CustomSideBarSectionList.astro';
 import config from '@config';
 import { getSchemaFormatFromURL } from '@utils/collections/schemas';
-import { isChangelogEnabled } from '@utils/feature';
+import { isChangelogEnabled, isVisualiserEnabled } from '@utils/feature';
 interface Props {
   message: CollectionEntry<CollectionMessageTypes>;
 }
@@ -224,14 +224,17 @@ const shouldRenderSideBarSection = (section: string) => {
           </a>
         )
       }
-      <a
-        href={buildUrl(`/visualiser/${message.collection}/${message.data.id}/${message.data.version}`)}
-        class="flex items-center justify-center space-x-2 text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-primary"
-      >
-        <Workflow strokeWidth={2} size={16} />
-        <span class="block">View in visualiser</span>
-      </a>
-
+      {
+        isVisualiserEnabled() && (
+          <a
+            href={buildUrl(`/visualiser/${message.collection}/${message.data.id}/${message.data.version}`)}
+            class="flex items-center justify-center space-x-2 text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-primary"
+          >
+            <Workflow strokeWidth={2} size={16} />
+            <span class="block">View in visualiser</span>
+          </a>
+        )
+      }
       {
         isChangelogEnabled() && shouldRenderSideBarSection('changelog') && (
           <a

package/eventcatalog/src/components/SideBars/ServiceSideBar.astro

@@ -12,7 +12,7 @@ import { ScrollText, Workflow, FileDownIcon, Code, Link, RssIcon } from 'lucide-
 import { join } from 'node:path';
 import config from '@config';
 import { getDomainsForService } from '@utils/collections/domains';
-import { isChangelogEnabled } from '@utils/feature';
+import { isChangelogEnabled, isVisualiserEnabled } from '@utils/feature';
 interface Props {
   service: CollectionEntry<'services'>;
 }
@@ -271,13 +271,17 @@ const shouldRenderSideBarSection = (section: string) => {
           </a>
         )
       }
-      <a
-        href={buildUrl(`/visualiser/${service.collection}/${service.data.id}/${service.data.version}`)}
-        class="flex items-center justify-center space-x-2 text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-primary"
-      >
-        <Workflow strokeWidth={2} size={16} />
-        <span class="block">View in visualiser</span>
-      </a>
+      {
+        isVisualiserEnabled() && (
+          <a
+            href={buildUrl(`/visualiser/${service.collection}/${service.data.id}/${service.data.version}`)}
+            class="flex items-center justify-center space-x-2 text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-primary"
+          >
+            <Workflow strokeWidth={2} size={16} />
+            <span class="block">View in visualiser</span>
+          </a>
+        )
+      }
       {
         isChangelogEnabled() && shouldRenderSideBarSection('changelog') && (
           <a

package/eventcatalog/src/enterprise/custom-documentation/pages/docs/custom/index.astro

@@ -16,6 +16,8 @@ import { getAdjacentPages } from '@enterprise/custom-documentation/utils/custom-
 import CustomDocsNav from '@enterprise/custom-documentation/components/CustomDocsNav/CustomDocsNav.astro';
 import NodeGraph from '@components/MDX/NodeGraph/NodeGraph.astro';
 
+import { isVisualiserEnabled } from '@utils/feature';
+
 const props = Astro.props;
 const doc = props.data;
 const { Content, headings } = await render(props as any);
@@ -132,10 +134,14 @@ const badges = doc?.badges || [];
                   title={nodeGraph.title}
                   mode="simple"
                   linksToVisualiser={true}
-                  href={{
-                    label: 'Open in Visualiser',
-                    url: buildUrl(`/visualiser/${collection}/${nodeGraph.id}/${nodeGraph.version}`),
-                  }}
+                  href={
+                    isVisualiserEnabled()
+                      ? {
+                          label: 'Open in Visualiser',
+                          url: buildUrl(`/visualiser/${collection}/${nodeGraph.id}/${nodeGraph.version}`),
+                        }
+                      : undefined
+                  }
                 />
               );
             })

package/eventcatalog/src/layouts/VerticalSideBarLayout.astro

@@ -47,7 +47,7 @@ const domains = await getDomains({ getAllVersions: false });
 const flows = await getFlows({ getAllVersions: false });
 const customDocs = await getCollection('customPages');
 
-import { isEventCatalogUpgradeEnabled } from '@utils/feature';
+import { isEventCatalogUpgradeEnabled, isVisualiserEnabled } from '@utils/feature';
 
 // Try and load any custom styles if they exist
 try {
@@ -88,6 +88,7 @@ const getDefaultUrl = (route: string, defaultValue: string) => {
 };
 
 const userSideBarConfiguration = config.sidebar || [];
+
 const navigationItems = [
   {
     id: '/',
@@ -96,6 +97,7 @@ const navigationItems = [
     href: buildUrl('/'),
     current: currentPath === '/',
     sidebar: false,
+    hidden: !!config.landingPage,
   },
   {
     id: '/docs',
@@ -113,6 +115,7 @@ const navigationItems = [
     href: getDefaultUrl('visualiser', '/visualiser'),
     current: currentPath.includes('/visualiser'),
     sidebar: true,
+    hidden: !isVisualiserEnabled(),
   },
 
   {

package/eventcatalog/src/pages/architecture/architecture.astro

@@ -13,6 +13,8 @@ import { removeContentFromCollection } from '@utils/collections/util';
 import type { CollectionEntry } from 'astro:content';
 import type { CollectionMessageTypes } from '@types';
 
+import { isVisualiserEnabled } from '@utils/feature';
+
 import { ClientRouter, fade } from 'astro:transitions';
 // Define valid types and their corresponding data fetchers
 const VALID_TYPES = ['domains', 'services', 'messages'] as const;
@@ -81,7 +83,13 @@ if (type === 'services') {
         {type === 'domains' && <DomainGrid domains={domains} embeded={embeded} client:load />}
         {
           type === 'services' && (
-            <ServiceGrid domains={domains} services={items as unknown as Service[]} embeded={embeded} client:load />
+            <ServiceGrid
+              domains={domains}
+              services={items as unknown as Service[]}
+              embeded={embeded}
+              isVisualiserEnabled={isVisualiserEnabled()}
+              client:load
+            />
           )
         }
         {
@@ -90,6 +98,7 @@ if (type === 'services') {
               messages={items as CollectionEntry<CollectionMessageTypes>[]}
               embeded={embeded}
               containers={containers}
+              isVisualiserEnabled={isVisualiserEnabled()}
               client:load
             />
           )

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

@@ -43,7 +43,7 @@ import { getIcon } from '@utils/badges';
 import { getDeprecatedDetails } from '@utils/collections/util';
 import { buildUrl, buildEditUrlForResource } from '@utils/url-builder';
 import { getSchemasFromResource } from '@utils/collections/schemas';
-import { isEventCatalogChatEnabled, isMarkdownDownloadEnabled } from '@utils/feature';
+import { isEventCatalogChatEnabled, isMarkdownDownloadEnabled, isVisualiserEnabled } from '@utils/feature';
 
 import { getMDXComponentsByName } from '@utils/markdown';
 
@@ -446,10 +446,14 @@ nodeGraphs.push({
                     linksToVisualiser={true}
                     showSearch={nodeGraph.search ?? true}
                     showLegend={nodeGraph.legend ?? true}
-                    href={{
-                      label: 'Open in Visualiser',
-                      url: buildUrl(`/visualiser/${collection}/${nodeGraph.id}/${nodeGraph.version}`),
-                    }}
+                    href={
+                      isVisualiserEnabled()
+                        ? {
+                            label: 'Open in Visualiser',
+                            url: buildUrl(`/visualiser/${collection}/${nodeGraph.id}/${nodeGraph.version}`),
+                          }
+                        : undefined
+                    }
                   />
                 );
               })

package/eventcatalog/src/pages/index.astro

@@ -7,8 +7,9 @@ import NodeGraph from '@components/MDX/NodeGraph/NodeGraph.astro';
 import { getMDXComponentsByName } from '@utils/markdown';
 import { resourceToCollectionMap } from '@utils/collections/util';
 import { buildUrl } from '@utils/url-builder';
-import { isCustomLandingPageEnabled } from '@utils/feature';
+import { isCustomLandingPageEnabled, isVisualiserEnabled } from '@utils/feature';
 import DefaultAstroLandingPage from './_index.astro';
+import config from '@config';
 
 let nodeGraphs: any[] = [];
 let CustomContent = null;
@@ -28,6 +29,10 @@ if (existsSync(pathToUserDefinedLandingPage) && isCustomLandingPageEnabled()) {
   const rawContent = readFileSync(pathToUserDefinedLandingPage, 'utf-8');
   nodeGraphs = getMDXComponentsByName(rawContent, 'NodeGraph') || [];
 }
+
+if (config.landingPage) {
+  return Astro.redirect(buildUrl(config.landingPage));
+}
 ---
 
 {
@@ -53,10 +58,14 @@ if (existsSync(pathToUserDefinedLandingPage) && isCustomLandingPageEnabled()) {
                 title={nodeGraph.title}
                 mode="simple"
                 linksToVisualiser={true}
-                href={{
-                  label: 'Open in Visualiser',
-                  url: buildUrl(`/visualiser/${collection}/${nodeGraph.id}/${nodeGraph.version}`),
-                }}
+                href={
+                  isVisualiserEnabled()
+                    ? {
+                        label: 'Open in Visualiser',
+                        url: buildUrl(`/visualiser/${collection}/${nodeGraph.id}/${nodeGraph.version}`),
+                      }
+                    : undefined
+                }
               />
             );
           })}

package/eventcatalog/src/pages/visualiser/[type]/[id]/[version]/_index.data.ts

@@ -3,12 +3,13 @@ import { HybridPage } from '@utils/page-loaders/hybrid-page';
 import { isAuthEnabled } from '@utils/feature';
 import type { PageTypes } from '@types';
 import { pageDataLoader } from '@utils/page-loaders/page-data-loader';
+import { isVisualiserEnabled } from '@utils/feature';
 
 type PageTypesWithFlows = PageTypes | 'flows';
 
 export class Page extends HybridPage {
   static async getStaticPaths(): Promise<Array<{ params: any; props: any }>> {
-    if (isAuthEnabled()) {
+    if (isAuthEnabled() || !isVisualiserEnabled()) {
       return [];
     }
 
@@ -42,7 +43,7 @@ export class Page extends HybridPage {
   protected static async fetchData(params: any) {
     const { type, id, version } = params;
 
-    if (!type || !id || !version) {
+    if (!type || !id || !version || !isVisualiserEnabled()) {
       return null;
     }
 
@@ -77,7 +78,7 @@ export class Page extends HybridPage {
   }
 
   static get clientAuthScript(): string {
-    if (!isAuthEnabled()) {
+    if (!isAuthEnabled() || !isVisualiserEnabled()) {
       return '';
     }
 

package/eventcatalog/src/pages/visualiser/domains/[id]/[version]/entity-map/_index.data.ts

@@ -1,10 +1,11 @@
 import { HybridPage } from '@utils/page-loaders/hybrid-page';
 import { isAuthEnabled } from '@utils/feature';
 import { domainHasEntities, getDomains, type Domain } from '@utils/collections/domains';
+import { isVisualiserEnabled } from '@utils/feature';
 
 export class Page extends HybridPage {
   static async getStaticPaths(): Promise<Array<{ params: any; props: any }>> {
-    if (isAuthEnabled()) {
+    if (isAuthEnabled() || !isVisualiserEnabled()) {
       return [];
     }
 
@@ -29,7 +30,7 @@ export class Page extends HybridPage {
   protected static async fetchData(params: any) {
     const { id, version } = params;
 
-    if (!id || !version) {
+    if (!id || !version || !isVisualiserEnabled()) {
       return null;
     }
 
@@ -54,7 +55,7 @@ export class Page extends HybridPage {
   }
 
   static get clientAuthScript(): string {
-    if (!isAuthEnabled()) {
+    if (!isAuthEnabled() || !isVisualiserEnabled()) {
       return '';
     }
 

package/eventcatalog/src/utils/feature.ts

@@ -55,3 +55,5 @@ export const isAuthEnabled = () => {
 };
 
 export const isSSR = () => config?.output === 'server';
+
+export const isVisualiserEnabled = () => config?.visualiser?.enabled ?? true;

package/package.json

@@ -6,7 +6,7 @@
     "url": "https://github.com/event-catalog/eventcatalog.git"
   },
   "type": "module",
-  "version": "2.65.0",
+  "version": "2.65.2",
   "publishConfig": {
     "access": "public"
   },