@eventcatalog/core 2.30.7 → 2.31.0

package/eventcatalog/src/pages/pro/index.astro

@@ -0,0 +1,272 @@
+---
+import VerticalSideBarLayout from '@layouts/VerticalSideBarLayout.astro';
+import { Star, Users, Bot, ScrollText, Component, PanelLeft, Cpu, Code, LifeBuoy, ExternalLink, Eye } from 'lucide-react';
+import { buildUrl } from '@utils/url-builder';
+---
+
+<VerticalSideBarLayout title="EventCatalog Pro">
+  <div class="min-h-[calc(100vh-60px)] bg-white">
+    {/* Hero section with solid purple background */}
+    <div class="bg-purple-600 pt-10 pb-20">
+      <div class="container px-8 lg:px-8 mx-auto max-w-[80em]">
+        <div class="flex flex-col pt-10">
+          <!-- <div class="mb-5">
+            <div class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-white text-purple-700">
+              Premium Features
+            </div>
+          </div> -->
+
+          <div class="flex flex-col md:flex-row justify-between items-start">
+            <div class="md:w-1/2 mt-10 pr-10">
+              <h1 class="text-4xl md:text-5xl font-bold text-white mb-4">EventCatalog Pro</h1>
+              <h2 class="text-2xl font-normal text-white mb-4">Take your documentation to the next level</h2>
+              <p class="text-base text-white opacity-90 mb-10 max-w-2xl">
+                <!-- Unlock premium features to enhance your event catalog and streamline your architecture documentation. -->
+                Keep documentation up-to-date, reduce onboarding time, and make architectural decisions easy to find — all in one place
+              </p>
+
+              <div class="flex flex-col sm:flex-row gap-4">
+                <a
+                  href="https://www.eventcatalog.dev/pricing"
+                  class="inline-flex items-center justify-center px-6 py-2.5 bg-white text-purple-700 text-sm font-medium rounded transition-colors hover:bg-purple-50"
+                >
+                  Upgrade to Pro
+                  <ExternalLink className="w-4 h-4 ml-1.5" />
+                </a>
+              </div>
+              <span class="text-white text-[12px] mt-4 block"> Get 14 day trial - no credit card required </span>
+            </div>
+
+            <div class="md:w-1/2 flex justify-center md:justify-end items-center mt-10 md:mt-0">
+              <div class="flex flex-col items-center">
+                <img
+                  src="/images/custom-docs-placeholder.png"
+                  alt="EventCatalog Pro Features"
+                  class="rounded-md shadow-md max-w-full h-auto w-full object-cover"
+                />
+                <p class="text-white text-xs block w-full mt-2 font-medium text-right">Custom documentation example</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <main class="container px-8 lg:px-8 mx-auto py-10 max-w-[80em]">
+      {/* Feature Section */}
+      <div class="mb-14">
+        <h2 class="text-2xl font-semibold mb-8 text-gray-900">Premium Features</h2>
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+          {/* Custom Documentation */}
+          <div
+            class="bg-white rounded-lg border border-gray-200 overflow-hidden hover:border-purple-200 hover:shadow-md transition-all duration-200"
+          >
+            <div class="p-6">
+              <div class="flex items-start gap-3 mb-3">
+                <div class="p-2 bg-purple-100 rounded-lg flex-shrink-0">
+                  <ScrollText className="w-5 h-5 text-purple-600" />
+                </div>
+                <div>
+                  <h3 class="text-lg font-semibold text-gray-900">Custom Documentation</h3>
+                </div>
+              </div>
+              <p class="text-gray-600 text-sm mb-3">
+                Add any type of documentation such as ADRs, runbooks, and technical guidelines to create a centralized knowledge
+                hub.
+              </p>
+              <a href={buildUrl('/docs/custom')} class="text-sm text-purple-600 hover:text-purple-700 font-medium">
+                Learn more →
+              </a>
+            </div>
+          </div>
+
+          {/* AI Assistant */}
+          <div
+            class="bg-white rounded-lg border border-gray-200 overflow-hidden hover:border-blue-200 hover:shadow-md transition-all duration-200"
+          >
+            <div class="p-6">
+              <div class="flex items-start gap-3 mb-3">
+                <div class="p-2 bg-blue-100 rounded-lg flex-shrink-0">
+                  <Bot className="w-5 h-5 text-blue-600" />
+                </div>
+                <div>
+                  <h3 class="text-lg font-semibold text-gray-900">AI Assistant</h3>
+                </div>
+              </div>
+              <p class="text-gray-600 text-sm mb-3">
+                Chat with your catalog to quickly find information and get instant answers about your architecture.
+              </p>
+              <a href={buildUrl('/chat')} class="text-sm text-blue-600 hover:text-blue-700 font-medium"> Learn more → </a>
+            </div>
+          </div>
+
+          {/* EventCatalog Federation */}
+          <div
+            class="bg-white rounded-lg border border-gray-200 overflow-hidden hover:border-green-200 hover:shadow-md transition-all duration-200"
+          >
+            <div class="p-6">
+              <div class="flex items-start gap-3 mb-3">
+                <div class="p-2 bg-green-100 rounded-lg flex-shrink-0">
+                  <Component className="w-5 h-5 text-green-600" />
+                </div>
+                <div>
+                  <h3 class="text-lg font-semibold text-gray-900">Federation</h3>
+                </div>
+              </div>
+              <p class="text-gray-600 text-sm mb-3">
+                Connect 1-3 separate event catalogs into a unified view for centralized visibility across teams.
+              </p>
+              <a
+                href="https://www.eventcatalog.dev/features/federation"
+                class="text-sm text-green-600 hover:text-green-700 font-medium"
+              >
+                Learn more →
+              </a>
+            </div>
+          </div>
+
+          {/* IDE Integration */}
+          <div
+            class="bg-white rounded-lg border border-gray-200 overflow-hidden hover:border-indigo-200 hover:shadow-md transition-all duration-200"
+          >
+            <div class="p-6">
+              <div class="flex items-start gap-3 mb-3">
+                <div class="p-2 bg-indigo-100 rounded-lg flex-shrink-0">
+                  <Code className="w-5 h-5 text-indigo-600" />
+                </div>
+                <div>
+                  <h3 class="text-lg font-semibold text-gray-900">IDE Integration</h3>
+                </div>
+              </div>
+              <p class="text-gray-600 text-sm mb-3">
+                Access EventCatalog directly from your IDE for seamless documentation while coding.
+              </p>
+              <a
+                href="https://www.eventcatalog.dev/features/ide"
+                class="text-sm text-indigo-600 hover:text-indigo-700 font-medium"
+              >
+                Learn more →
+              </a>
+            </div>
+          </div>
+
+          {/* Automated Documentation */}
+          <div
+            class="bg-white rounded-lg border border-gray-200 overflow-hidden hover:border-yellow-200 hover:shadow-md transition-all duration-200"
+          >
+            <div class="p-6">
+              <div class="flex items-start gap-3 mb-3">
+                <div class="p-2 bg-yellow-100 rounded-lg flex-shrink-0">
+                  <Cpu className="w-5 h-5 text-yellow-600" />
+                </div>
+                <div>
+                  <h3 class="text-lg font-semibold text-gray-900">Automated Documentation</h3>
+                </div>
+              </div>
+              <p class="text-gray-600 text-sm mb-3">
+                Automate the generation and maintenance of your EventCatalog documentation with integrations (e.g generate
+                catalogs from AsyncAPI and OpenAPI)
+              </p>
+              <a
+                href="https://www.eventcatalog.dev/features/automation"
+                class="text-sm text-yellow-600 hover:text-yellow-700 font-medium"
+              >
+                Learn more →
+              </a>
+            </div>
+          </div>
+
+          {/* Priority Support */}
+          <div
+            class="bg-white rounded-lg border border-gray-200 overflow-hidden hover:border-red-200 hover:shadow-md transition-all duration-200"
+          >
+            <div class="p-6">
+              <div class="flex items-start gap-3 mb-3">
+                <div class="p-2 bg-red-100 rounded-lg flex-shrink-0">
+                  <LifeBuoy className="w-5 h-5 text-red-600" />
+                </div>
+                <div>
+                  <h3 class="text-lg font-semibold text-gray-900">Priority Support</h3>
+                </div>
+              </div>
+              <p class="text-gray-600 text-sm mb-3">Get priority email support and assistance from the EventCatalog team.</p>
+              <a href="https://www.eventcatalog.dev/support" class="text-sm text-red-600 hover:text-red-700 font-medium">
+                Learn more →
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Why Upgrade section - value bullet bar */}
+      <div class="mb-10 bg-gray-50 p-6 rounded-lg border border-gray-100">
+        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
+          <div class="flex items-center">
+            <div class="p-2 bg-purple-100 rounded-lg mr-3 flex-shrink-0">
+              <ScrollText className="w-5 h-5 text-purple-600" />
+            </div>
+            <span class="text-sm font-medium text-gray-800">Automated documentation</span>
+          </div>
+          <div class="flex items-center">
+            <div class="p-2 bg-indigo-100 rounded-lg mr-3 flex-shrink-0">
+              <Code className="w-5 h-5 text-indigo-600" />
+            </div>
+            <span class="text-sm font-medium text-gray-800">Integrated with your IDE</span>
+          </div>
+          <div class="flex items-center">
+            <div class="p-2 bg-blue-100 rounded-lg mr-3 flex-shrink-0">
+              <Bot className="w-5 h-5 text-blue-600" />
+            </div>
+            <span class="text-sm font-medium text-gray-800">AI-powered search</span>
+          </div>
+          <div class="flex items-center">
+            <div class="p-2 bg-green-100 rounded-lg mr-3 flex-shrink-0">
+              <Component className="w-5 h-5 text-green-600" />
+            </div>
+            <span class="text-sm font-medium text-gray-800">Unified view across teams</span>
+          </div>
+        </div>
+      </div>
+
+      {/* Ready to upgrade section */}
+      <div class="mb-14">
+        <h2 class="text-2xl font-semibold mb-6 text-gray-900">Ready to upgrade?</h2>
+        <div class="flex flex-col md:flex-row justify-between md:items-center bg-gray-50 p-8 rounded-lg border border-gray-200">
+          <div class="mb-6 md:mb-0">
+            <p class="text-gray-700 mb-2">Get started with EventCatalog Pro today and unlock all premium features.</p>
+          </div>
+          <a
+            href="https://www.eventcatalog.dev/pricing"
+            class="flex items-center justify-center px-5 py-2.5 bg-purple-600 text-white text-sm font-medium rounded hover:bg-purple-700 transition-colors"
+          >
+            View pricing and plans
+            <ExternalLink className="w-4 h-4 ml-1.5" />
+          </a>
+        </div>
+      </div>
+
+      {/* Questions section */}
+      <div class="mb-14">
+        <h2 class="text-2xl font-semibold mb-6 text-gray-900">Questions about EventCatalog Pro?</h2>
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+          <div class="bg-white p-6 rounded-lg border border-gray-200">
+            <h3 class="text-lg font-semibold text-gray-900 mb-3">Request a Demo</h3>
+            <p class="text-gray-600 text-sm mb-4">See EventCatalog Pro in action with a personalized demo from our team.</p>
+            <a href="https://www.eventcatalog.dev/demo" class="text-sm text-purple-600 hover:text-purple-700 font-medium">
+              Schedule a demo →
+            </a>
+          </div>
+          <div class="bg-white p-6 rounded-lg border border-gray-200">
+            <h3 class="text-lg font-semibold text-gray-900 mb-3">Contact Sales</h3>
+            <p class="text-gray-600 text-sm mb-4">
+              Have questions about pricing, features, or implementation? Our team is here to help.
+            </p>
+            <a href="mailto:sales@eventcatalog.dev" class="text-sm text-purple-600 hover:text-purple-700 font-medium">
+              Contact our sales team →
+            </a>
+          </div>
+        </div>
+      </div>
+    </main>
+  </div>
+</VerticalSideBarLayout>

package/eventcatalog/src/shared-collections.ts

@@ -0,0 +1,25 @@
+import { z } from 'astro:content';
+
+// Shared schemas used across multiple files
+export const badge = z.object({
+  content: z.string(),
+  backgroundColor: z.string(),
+  textColor: z.string(),
+});
+
+// Create a union type for owners
+export const ownerReference = z
+  .union([
+    // The ID of the user or team
+    z.string(),
+    // The full object with the ID and collection (keep compatibility with `reference`)
+    z.object({
+      id: z.string(),
+      collection: z.enum(['users', 'teams']),
+    }),
+  ])
+  .transform(
+    // This transformation is needed to keep compatibility with `reference`.
+    // The utilities `getTeams` and `getUsers` rely on this transformation.
+    (lookup) => ({ id: typeof lookup === 'string' ? lookup : lookup.id })
+  );

package/eventcatalog/src/types/index.ts

@@ -1,4 +1,4 @@
 export type CollectionTypes = 'commands' | 'events' | 'queries' | 'domains' | 'services' | 'flows' | 'channels';
 export type CollectionMessageTypes = 'commands' | 'events' | 'queries';
 export type CollectionUserTypes = 'users';
-export type PageTypes = 'events' | 'commands' | 'queries' | 'services' | 'domains' | 'channels';
+export type PageTypes = 'events' | 'commands' | 'queries' | 'services' | 'domains' | 'channels' | 'flows';

package/eventcatalog/src/utils/eventcatalog-config/catalog.ts

@@ -24,7 +24,18 @@ const getConfigValue = (obj: any, key: string, defaultValue: any) => {
 
 export const isCollectionVisibleInCatalog = (collection: string) => {
   const sidebarConfig = config?.default?.docs?.sidebar || {};
-  const collections = ['events', 'commands', 'queries', 'domains', 'channels', 'flows', 'services', 'teams', 'users'];
+  const collections = [
+    'events',
+    'commands',
+    'queries',
+    'domains',
+    'channels',
+    'flows',
+    'services',
+    'teams',
+    'users',
+    'customDocs',
+  ];
 
   if (!collections.includes(collection)) return false;
 

package/eventcatalog/src/utils/feature.ts

@@ -0,0 +1,5 @@
+// manually setting this value to true is against the rules and licenses of the open source project
+// WARNING: Setting this value manually to true without a valid license is against the terms of use.
+// If you require EventCatalog Pro features, please visit https://www.eventcatalog.dev/pricing
+// to purchase a license. Unauthorized use may violate the project's license agreement.
+export const isEventCatalogProEnabled = () => process.env.EVENTCATALOG_PRO === 'true';

package/eventcatalog/src/utils/page-loaders/page-data-loader.ts

@@ -4,6 +4,7 @@ import { getDomains } from '@utils/collections/domains';
 import { getCommands, getEvents } from '@utils/messages';
 import { getQueries } from '@utils/queries';
 import { getServices } from '@utils/collections/services';
+import { getFlows } from '@utils/collections/flows';
 import type { CollectionEntry } from 'astro:content';
 
 export const pageDataLoader: Record<PageTypes, () => Promise<CollectionEntry<CollectionTypes>[]>> = {
@@ -13,4 +14,5 @@ export const pageDataLoader: Record<PageTypes, () => Promise<CollectionEntry<Col
   services: getServices,
   domains: getDomains,
   channels: getChannels,
+  flows: getFlows,
 };

package/package.json

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