@eventcatalog/core 2.7.16 → 2.8.1

package/src/components/Tables/columns/ServiceTableColumns.tsx

@@ -26,7 +26,7 @@ export const columns = () => [
                 <span className={`bg-${color}-500 group-hover:bg-${color}-600 h-full rounded-tl rounded-bl p-1`}>
                   <ServerIcon className="h-4 w-4 text-white" />
                 </span>
-                <span className="leading-none px-2 group-hover:underline group-hover:text-purple-500">
+                <span className="leading-none px-2 group-hover:underline group-hover:text-primary">
                   {messageRaw.data.name} (v{messageRaw.data.version})
                 </span>
               </span>
@@ -79,7 +79,7 @@ export const columns = () => [
               <li key={consumer.data.id} className="py-1 group font-light ">
                 <a
                   href={buildUrl(`/docs/${consumer.collection}/${consumer.data.id}/${consumer.data.version}`)}
-                  className="group-hover:text-purple-500 flex space-x-1 items-center "
+                  className="group-hover:text-primary flex space-x-1 items-center "
                 >
                   <div className={`flex items-center border border-gray-300 shadow-sm rounded-md`}>
                     <span className="flex items-center">
@@ -122,7 +122,7 @@ export const columns = () => [
               <li key={consumer.data.id} className="py-1 group font-light">
                 <a
                   href={buildUrl(`/docs/${consumer.collection}/${consumer.data.id}/${consumer.data.version}`)}
-                  className="group-hover:text-purple-500 flex space-x-1 items-center "
+                  className="group-hover:text-primary flex space-x-1 items-center "
                 >
                   <div className={`flex items-center border border-gray-300 shadow-sm rounded-md`}>
                     <span className="flex items-center">
@@ -150,7 +150,7 @@ export const columns = () => [
       const domain = info.row.original;
       return (
         <a
-          className="hover:text-purple-500 hover:underline px-4 font-light"
+          className="hover:text-primary hover:underline px-4 font-light"
           href={buildUrl(`/visualiser/${domain.collection}/${domain.data.id}/${domain.data.version}`)}
         >
           Visualiser &rarr;

package/src/layouts/CustomDocsPageLayout.astro

@@ -49,53 +49,46 @@ import { buildUrl } from '@utils/url-builder';
                         To get started you can read the following guides:
                         <ul>
                           <li>
-                            <a
-                              class="text-purple-500"
-                              href="https://eventcatalog.dev/docs/development/getting-started/introduction"
+                            <a class="text-primary" href="https://eventcatalog.dev/docs/development/getting-started/introduction"
                               >Getting started with EventCatalog</a
                             >
                           </li>
                           <li>
-                            <a
-                              class="text-purple-500"
-                              href="https://eventcatalog.dev/docs/development/guides/domains/adding-domains">Creating domains</a
+                            <a class="text-primary" href="https://eventcatalog.dev/docs/development/guides/domains/adding-domains"
+                              >Creating domains</a
                             >
                           </li>
                           <li>
                             <a
-                              class="text-purple-500"
+                              class="text-primary"
                               href="https://eventcatalog.dev/docs/development/guides/services/adding-services"
                               >Creating services</a
                             >
                           </li>
                           <li>
                             <a
-                              class="text-purple-500"
+                              class="text-primary"
                               href="https://eventcatalog.dev/docs/development/guides/messages/commands/introduction"
                               >Creating commands</a
                             >
                           </li>
                           <li>
                             <a
-                              class="text-purple-500"
+                              class="text-primary"
                               href="https://eventcatalog.dev/docs/development/guides/messages/events/introduction"
                               >Creating events</a
                             >
                           </li>
                           <li>
-                            <a class="text-purple-500" href="https://eventcatalog.dev/docs/owners"
-                              >Assigning owners to resources</a
-                            >
+                            <a class="text-primary" href="https://eventcatalog.dev/docs/owners">Assigning owners to resources</a>
                           </li>
                           <li>
-                            <a
-                              class="text-purple-500"
-                              href="https://eventcatalog.dev/docs/development/components/using-components"
+                            <a class="text-primary" href="https://eventcatalog.dev/docs/development/components/using-components"
                               >Using components in your pages (Schemas, OpenAPI, etc)</a
                             >
                           </li>
                           <li>
-                            <a class="text-purple-500" href="https://eventcatalog.dev/docs/development/deployment"
+                            <a class="text-primary" href="https://eventcatalog.dev/docs/development/deployment"
                               >Deploying and hosting your EventCatalog</a
                             >
                           </li>
@@ -104,14 +97,14 @@ import { buildUrl } from '@utils/url-builder';
                       <h3>Join the community</h3>
                       <p>
                         Got questions about EventCatalog? Feature requests or need support? <a
-                          class="text-purple-500"
+                          class="text-primary"
                           href="https://discord.gg/3rjaZMmrAm">Join our community on Discord.</a
                         >
                       </p>
                       <h3>Enterprise support</h3>
                       <p>
                         Using EventCatalog and needs enterprise support? Work with us, find out what we offer on our <a
-                          class="text-purple-500"
+                          class="text-primary"
                           href="https://eventcatalog.dev/enterprise">enterprise page</a
                         >.
                       </p>

package/src/layouts/Footer.astro

@@ -8,26 +8,26 @@ const { className } = Astro.props;
     <div class="flex space-x-5">
       <a href="https://github.com/event-catalog/eventcatalog" target="_blank"
         ><svg
-          class="w-5 h-5 bg-gray-400 hover:bg-purple-500 dark:hover:bg-gray-400"
+          class="w-5 h-5 bg-gray-400 hover:bg-primary dark:hover:bg-gray-400"
           style={`mask-image: url("${buildUrl('/icons/github.svg', true)}"); mask-repeat: no-repeat; mask-position: center center;`}
         ></svg></a
       >
       <a href="https://x.com/event_catalog" target="_blank"
         ><span class="sr-only">x</span><svg
-          class="w-5 h-5 bg-gray-400 hover:bg-purple-500 dark:hover:bg-gray-400"
+          class="w-5 h-5 bg-gray-400 hover:bg-primary dark:hover:bg-gray-400"
           style={`mask-image: url("${buildUrl('/icons/x-twitter.svg', true)}"); mask-repeat: no-repeat; mask-position: center center;`}
         ></svg></a
       >
       <a href="https://www.youtube.com/@event-catalog" target="_blank"
         ><span class="sr-only">x</span><svg
-          class="w-5 h-5 bg-gray-400 hover:bg-purple-500 dark:hover:bg-gray-400"
+          class="w-5 h-5 bg-gray-400 hover:bg-primary dark:hover:bg-gray-400"
           style={`mask-image: url("${buildUrl('/icons/youtube.svg', true)}"); mask-repeat: no-repeat; mask-position: center center;`}
         ></svg></a
       >
     </div>
     <a
       target="_blank"
-      class="hover:text-purple-500 hover:underline text-gray-400 font-light not-prose"
+      class="hover:text-primary hover:underline text-gray-400 font-light not-prose"
       href="https://eventcatalog.dev">Powered by EventCatalog</a
     >
   </div>

package/src/layouts/VisualiserLayout.astro

@@ -92,7 +92,7 @@ const getColor = (collection: string) => {
       <main class="flex-1 h-full w-full relative">
         <button
           id="fullscreen-toggle"
-          class="absolute top-[1em] z-40 left-5 bg-white hover:bg-gray-100/50 border border-gray-200 hover:text-purple-500 text-gray-800 font-semibold py-2 px-4 rounded-lg transition duration-300 ease-in-out flex items-center space-x-2 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-opacity-75"
+          class="absolute top-[1em] z-40 left-5 bg-white hover:bg-gray-100/50 border border-gray-200 hover:text-primary text-gray-800 font-semibold py-2 px-4 rounded-lg transition duration-300 ease-in-out flex items-center space-x-2 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-opacity-75"
         >
           <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
             <path

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

@@ -142,7 +142,7 @@ const badges = [getBadge()];
                     <a
                       href={buildUrl(`${log.url}/${log.version}`)}
                       class={
-                        'bg-purple-500 hover:bg-purple-400 text-white flex h-8 w-14 items-center justify-center rounded-full ring-8 ring-white'
+                        'bg-primary hover:bg-primary/80 text-white flex h-8 w-14 items-center justify-center rounded-full ring-8 ring-white'
                       }
                     >
                       {log.version}

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

@@ -169,7 +169,7 @@ const badges = [getBadge(), ...contentBadges, ...getSpecificationBadges()];
                       You are looking at a previous version of the {props.collection.slice(0, props.collection.length - 1)}{' '}
                       <strong>{props.data.name}</strong>.{' '}
                       <a
-                        class="underline hover:text-purple-500 block pt-2"
+                        class="underline hover:text-primary block pt-2"
                         href={buildUrl(`/docs/${props.collection}/${props.data.id}/${props.data.latestVersion}`)}
                       >
                         The latest version of this {props.collection.slice(0, props.collection.length - 1)} is v
@@ -195,6 +195,7 @@ const badges = [getBadge(), ...contentBadges, ...getSpecificationBadges()];
           collection={props.collection}
           version={props.data.version}
           mode="simple"
+          linksToVisualiser={true}
           href={{
             label: 'Open in Visualiser',
             url: buildUrl(`/visualiser/${props.collection}/${props.data.id}/${props.data.version}`),

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

@@ -53,24 +53,26 @@ const fileExists = fs.existsSync(pathOnDisk);
     ) : (
       <rapi-doc
         spec-url={buildUrl(pathToSpec, true)}
+        render-style="read"
         show-header="false"
         allow-authentication="true"
         allow-try="true"
+        default-schema-tab="schema"
+        show-curl-before-try="true"
+        use-path-in-nav-bar="true"
+        show-method-in-nav-bar="as-colored-block"
+        theme="light"
+        schema-style="table"
         class="relative top-0"
         style={{ height: '100vh', width: '100%', zIndex: 100 }}
         regular-font="ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
-        schema-style="table"
-        default-schema-tab="schema"
         bg-color="#ffffff"
-        text-color=""
+        primary-color="#6b21a8"
         nav-bg-color="#fff"
         nav-text-color=""
         nav-hover-bg-color="#fff"
         nav-hover-text-color="#6b21a8"
         nav-accent-color=""
-        primary-color="#6b21a8"
-        theme="light"
-        render-style="read"
       />
     )
   }

package/src/pages/docs/teams/[id]/index.astro

@@ -82,7 +82,7 @@ const ownedEventsList = [...events, ...commands].map((p) => ({
             <div class="space-y-2">
               {
                 props.data.email && (
-                  <div class="flex space-x-1 items-center text-xs text-gray-500 font-bold hover:underline hover:text-purple-500">
+                  <div class="flex space-x-1 items-center text-xs text-gray-500 font-bold hover:underline hover:text-primary">
                     <EnvelopeIcon className="w-4 h-4 text-purple-400" />
                     <a href={`mailto:${props.data.email}`}>Email</a>
                   </div>
@@ -90,7 +90,7 @@ const ownedEventsList = [...events, ...commands].map((p) => ({
               }
               {
                 props.data.slackDirectMessageUrl && (
-                  <div class="flex space-x-1 items-center text-xs text-gray-500 font-bold hover:underline hover:text-purple-500">
+                  <div class="flex space-x-1 items-center text-xs text-gray-500 font-bold hover:underline hover:text-primary">
                     <img src="/slack-icon.svg" class="w-4 h-3" />
                     <a href={`${props.data.slackDirectMessageUrl}`}>Send DM on Slack</a>
                   </div>

package/src/pages/docs/users/[id]/index.astro

@@ -78,7 +78,7 @@ const associatedTeams = teams.map((o) => ({
             <div class="space-y-1">
               {
                 props.data.email && (
-                  <div class="flex space-x-1 items-center text-xs text-gray-500 font-bold hover:underline hover:text-purple-500">
+                  <div class="flex space-x-1 items-center text-xs text-gray-500 font-bold hover:underline hover:text-primary">
                     <EnvelopeIcon className="w-4 h-4 text-purple-400" />
                     <a href={`mailto:${props.data.email}`}>Email</a>
                   </div>
@@ -86,7 +86,7 @@ const associatedTeams = teams.map((o) => ({
               }
               {
                 props.data.slackDirectMessageUrl && (
-                  <div class="flex space-x-1 items-center text-xs text-gray-500 font-bold hover:underline hover:text-purple-500">
+                  <div class="flex space-x-1 items-center text-xs text-gray-500 font-bold hover:underline hover:text-primary">
                     <img src="/slack-icon.svg" class="w-4 h-3" />
                     <a href={`${props.data.slackDirectMessageUrl}`}>Send DM on Slack</a>
                   </div>

package/src/pages/index.astro

@@ -19,7 +19,7 @@ const flows = await getFlows();
   <body class="min-h-screen">
     <main class="container mx-auto px-6 py-20 max-w-[90em]">
       <section class="text-center mb-8">
-        <h1 class="text-5xl font-bold mb-6 text-gray-800">Welcome to <span class="text-purple-600">EventCatalog</span></h1>
+        <h1 class="text-5xl font-bold mb-6 text-gray-800">Welcome to <span class="text-primary">EventCatalog</span></h1>
         <p class="text-xl mb-8 text-gray-700 max-w-2xl mx-auto font-light">
           Discover and document your event-driven architecture effortlessly. EventCatalog centralizes your events, services, and
           schemas in one place.

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

@@ -50,6 +50,7 @@ const {
       mode="full"
       linkTo="visualiser"
       version={props.data.version}
+      linksToVisualiser={false}
       href={{
         label: `Open documentation for ${props.data.name} v${props.data.version}`,
         url: buildUrl(`/docs/${props.collection}/${props.data.id}/${props.data.version}`),

package/tailwind.config.mjs

@@ -1,18 +1,31 @@
 /** @type {import('tailwindcss').Config} */
+import config from './eventcatalog.config.js';
+const theme = config.theme || {};
 export default {
   content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
   theme: {
     extend: {
       screens: {
-        'xxl': '1990px',
+        xxl: '1990px',
+      },
+      colors: {
+        primary: {
+          DEFAULT: '#a855f7',
+        },
+        secondary: {
+          light: '#ff9980',
+          DEFAULT: '#ff6633',
+          dark: '#cc3300',
+        },
+        ...theme
       },
     },
   },
   safelist: [
-    {pattern: /border-.*-(200|400|500)/},
-    {pattern: /bg-.*-(100|200|400|500)/},
-    {pattern: /from-.*-(100|200|400|500|700)/},
-    {pattern: /text-.*-(400|500|800)/},
+    { pattern: /border-.*-(200|400|500)/ },
+    { pattern: /bg-.*-(100|200|400|500)/ },
+    { pattern: /from-.*-(100|200|400|500|700)/ },
+    { pattern: /text-.*-(400|500|800)/ },
     'border-blue-200',
     'border-green-300',
     'bg-blue-600',

package/bin/dist/chunk-62DEEFN2.js

@@ -1,48 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __commonJS = (cb, mod) => function __require2() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-
-// node_modules/tsup/assets/esm_shims.js
-var init_esm_shims = __esm({
-  "node_modules/tsup/assets/esm_shims.js"() {
-    "use strict";
-  }
-});
-
-export {
-  __require,
-  __commonJS,
-  __toESM,
-  init_esm_shims
-};