@eventcatalog/core 2.53.1 → 2.54.1

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.53.1";
+var version = "2.54.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-Q363JHA2.js";
-import "../chunk-K5LYWIYR.js";
+} from "../chunk-7NKHMS4K.js";
+import "../chunk-EUDMSTHT.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.53.1";
+var version = "2.54.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,8 +1,8 @@
 import {
   log_build_default
-} from "../chunk-BQDTPLND.js";
-import "../chunk-Q363JHA2.js";
-import "../chunk-K5LYWIYR.js";
+} from "../chunk-ONQOSPKG.js";
+import "../chunk-7NKHMS4K.js";
+import "../chunk-EUDMSTHT.js";
 import "../chunk-E7TXTI7G.js";
 export {
   log_build_default as default

package/dist/{chunk-Q363JHA2.js → chunk-7NKHMS4K.js}

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

package/dist/{chunk-K5LYWIYR.js → chunk-EUDMSTHT.js}

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

package/dist/{chunk-LUUBKWYP.js → chunk-MCSZBCOG.js}

@@ -6,6 +6,10 @@ import {
 import boxen from "boxen";
 import { join } from "node:path";
 import fs from "node:fs";
+var getProjectOutDir = async () => {
+  const config = await getEventCatalogConfigFile(process.env.PROJECT_DIR || "");
+  return config?.outDir || "dist";
+};
 var isOutputServer = async () => {
   const config = await getEventCatalogConfigFile(process.env.PROJECT_DIR || "");
   return config?.output === "server";
@@ -144,6 +148,7 @@ var isEventCatalogStarterEnabled = async (licenseKey) => {
 };
 
 export {
+  getProjectOutDir,
   isOutputServer,
   isAuthEnabled,
   isBackstagePluginEnabled,

package/dist/{chunk-BQDTPLND.js → chunk-ONQOSPKG.js}

@@ -1,6 +1,6 @@
 import {
   raiseEvent
-} from "./chunk-Q363JHA2.js";
+} from "./chunk-7NKHMS4K.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.53.1";
+var version = "2.54.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/constants.js

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-K5LYWIYR.js";
+} from "./chunk-EUDMSTHT.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.53.1";
+var version = "2.54.1";
 
 // src/constants.ts
 var VERSION = version;
@@ -506,6 +506,10 @@ var import_boxen2 = __toESM(require("boxen"), 1);
 var import_boxen = __toESM(require("boxen"), 1);
 var import_node_path5 = require("path");
 var import_node_fs4 = __toESM(require("fs"), 1);
+var getProjectOutDir = async () => {
+  const config = await getEventCatalogConfigFile(process.env.PROJECT_DIR || "");
+  return config?.outDir || "dist";
+};
 var isOutputServer = async () => {
   const config = await getEventCatalogConfigFile(process.env.PROJECT_DIR || "");
   return config?.output === "server";
@@ -799,6 +803,7 @@ program.command("build").description("Run build of EventCatalog").action(async (
   const canEmbedPages = await isBackstagePluginEnabled();
   const isEventCatalogStarter = await isEventCatalogStarterEnabled();
   const isEventCatalogScale = await isEventCatalogScaleEnabled();
+  const isServerOutput = await isOutputServer();
   await createAuthFileIfNotExists(isEventCatalogScale);
   await log_build_default(dir, {
     isEventCatalogStarterEnabled: isEventCatalogStarter,
@@ -819,6 +824,22 @@ program.command("build").description("Run build of EventCatalog").action(async (
       stdio: "inherit"
     }
   );
+  if (!isServerOutput) {
+    const outDir = await getProjectOutDir();
+    const windowsCommand2 = `npx -y pagefind --site ${outDir}`;
+    const unixCommand2 = `npx -y pagefind --site ${outDir}`;
+    const pagefindCommand = process.platform === "win32" ? windowsCommand2 : unixCommand2;
+    (0, import_node_child_process.execSync)(
+      `cross-env PROJECT_DIR='${dir}' CATALOG_DIR='${core}' ENABLE_EMBED=${canEmbedPages} EVENTCATALOG_STARTER=${isEventCatalogStarter} EVENTCATALOG_SCALE=${isEventCatalogScale} ${pagefindCommand}`,
+      {
+        cwd: dir,
+        stdio: "inherit"
+      }
+    );
+    if (import_fs2.default.existsSync((0, import_node_path6.join)(dir, outDir, "pagefind"))) {
+      import_fs2.default.cpSync((0, import_node_path6.join)(dir, outDir, "pagefind"), (0, import_node_path6.join)(dir, "public", "pagefind"), { recursive: true });
+    }
+  }
 });
 var previewCatalog = ({
   command,

package/dist/eventcatalog.js

@@ -6,8 +6,8 @@ import {
 } from "./chunk-XE6PFSH5.js";
 import {
   log_build_default
-} from "./chunk-BQDTPLND.js";
-import "./chunk-Q363JHA2.js";
+} from "./chunk-ONQOSPKG.js";
+import "./chunk-7NKHMS4K.js";
 import {
   catalogToAstro,
   checkAndConvertMdToMdx
@@ -15,14 +15,15 @@ import {
 import "./chunk-LDBRNJIL.js";
 import {
   VERSION
-} from "./chunk-K5LYWIYR.js";
+} from "./chunk-EUDMSTHT.js";
 import {
+  getProjectOutDir,
   isAuthEnabled,
   isBackstagePluginEnabled,
   isEventCatalogScaleEnabled,
   isEventCatalogStarterEnabled,
   isOutputServer
-} from "./chunk-LUUBKWYP.js";
+} from "./chunk-MCSZBCOG.js";
 import {
   generate
 } from "./chunk-YEQVKHST.js";
@@ -192,6 +193,7 @@ program.command("build").description("Run build of EventCatalog").action(async (
   const canEmbedPages = await isBackstagePluginEnabled();
   const isEventCatalogStarter = await isEventCatalogStarterEnabled();
   const isEventCatalogScale = await isEventCatalogScaleEnabled();
+  const isServerOutput = await isOutputServer();
   await createAuthFileIfNotExists(isEventCatalogScale);
   await log_build_default(dir, {
     isEventCatalogStarterEnabled: isEventCatalogStarter,
@@ -212,6 +214,22 @@ program.command("build").description("Run build of EventCatalog").action(async (
       stdio: "inherit"
     }
   );
+  if (!isServerOutput) {
+    const outDir = await getProjectOutDir();
+    const windowsCommand2 = `npx -y pagefind --site ${outDir}`;
+    const unixCommand2 = `npx -y pagefind --site ${outDir}`;
+    const pagefindCommand = process.platform === "win32" ? windowsCommand2 : unixCommand2;
+    execSync(
+      `cross-env PROJECT_DIR='${dir}' CATALOG_DIR='${core}' ENABLE_EMBED=${canEmbedPages} EVENTCATALOG_STARTER=${isEventCatalogStarter} EVENTCATALOG_SCALE=${isEventCatalogScale} ${pagefindCommand}`,
+      {
+        cwd: dir,
+        stdio: "inherit"
+      }
+    );
+    if (fs.existsSync(join(dir, outDir, "pagefind"))) {
+      fs.cpSync(join(dir, outDir, "pagefind"), join(dir, "public", "pagefind"), { recursive: true });
+    }
+  }
 });
 var previewCatalog = ({
   command,

package/dist/features.cjs

@@ -30,6 +30,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/features.ts
 var features_exports = {};
 __export(features_exports, {
+  getProjectOutDir: () => getProjectOutDir,
   isAuthEnabled: () => isAuthEnabled,
   isBackstagePluginEnabled: () => isBackstagePluginEnabled,
   isEventCatalogScaleEnabled: () => isEventCatalogScaleEnabled,
@@ -76,6 +77,10 @@ var getEventCatalogConfigFile = async (projectDirectory) => {
 // src/features.ts
 var import_node_path2 = require("path");
 var import_node_fs2 = __toESM(require("fs"), 1);
+var getProjectOutDir = async () => {
+  const config = await getEventCatalogConfigFile(process.env.PROJECT_DIR || "");
+  return config?.outDir || "dist";
+};
 var isOutputServer = async () => {
   const config = await getEventCatalogConfigFile(process.env.PROJECT_DIR || "");
   return config?.output === "server";
@@ -214,6 +219,7 @@ var isEventCatalogStarterEnabled = async (licenseKey) => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  getProjectOutDir,
   isAuthEnabled,
   isBackstagePluginEnabled,
   isEventCatalogScaleEnabled,

package/dist/features.d.cts

@@ -1,7 +1,8 @@
+declare const getProjectOutDir: () => Promise<any>;
 declare const isOutputServer: () => Promise<boolean>;
 declare const isAuthEnabled: () => Promise<boolean>;
 declare const isBackstagePluginEnabled: (licenseKey?: string) => Promise<boolean>;
 declare const isEventCatalogScaleEnabled: (licenseKey?: string) => Promise<boolean>;
 declare const isEventCatalogStarterEnabled: (licenseKey?: string) => Promise<boolean>;
 
-export { isAuthEnabled, isBackstagePluginEnabled, isEventCatalogScaleEnabled, isEventCatalogStarterEnabled, isOutputServer };
+export { getProjectOutDir, isAuthEnabled, isBackstagePluginEnabled, isEventCatalogScaleEnabled, isEventCatalogStarterEnabled, isOutputServer };

package/dist/features.d.ts

@@ -1,7 +1,8 @@
+declare const getProjectOutDir: () => Promise<any>;
 declare const isOutputServer: () => Promise<boolean>;
 declare const isAuthEnabled: () => Promise<boolean>;
 declare const isBackstagePluginEnabled: (licenseKey?: string) => Promise<boolean>;
 declare const isEventCatalogScaleEnabled: (licenseKey?: string) => Promise<boolean>;
 declare const isEventCatalogStarterEnabled: (licenseKey?: string) => Promise<boolean>;
 
-export { isAuthEnabled, isBackstagePluginEnabled, isEventCatalogScaleEnabled, isEventCatalogStarterEnabled, isOutputServer };
+export { getProjectOutDir, isAuthEnabled, isBackstagePluginEnabled, isEventCatalogScaleEnabled, isEventCatalogStarterEnabled, isOutputServer };

package/dist/features.js

@@ -1,12 +1,14 @@
 import {
+  getProjectOutDir,
   isAuthEnabled,
   isBackstagePluginEnabled,
   isEventCatalogScaleEnabled,
   isEventCatalogStarterEnabled,
   isOutputServer
-} from "./chunk-LUUBKWYP.js";
+} from "./chunk-MCSZBCOG.js";
 import "./chunk-E7TXTI7G.js";
 export {
+  getProjectOutDir,
   isAuthEnabled,
   isBackstagePluginEnabled,
   isEventCatalogScaleEnabled,

package/eventcatalog/astro.config.mjs

@@ -2,7 +2,6 @@ import { defineConfig } from 'astro/config';
 import tailwind from '@astrojs/tailwind';
 import mdx from '@astrojs/mdx';
 import react from '@astrojs/react';
-import pagefind from "astro-pagefind";
 import { mermaid } from "./src/remark-plugins/mermaid"
 import { plantuml } from "./src/remark-plugins/plantuml"
 import { join } from 'node:path';
@@ -76,7 +75,6 @@ export default defineConfig({
       ],
       gfm: true,
     }),
-    config.output !== 'server' && pagefind(),
     config.output !== 'server' && compress && (await import("astro-compress")).default({
       Logger: 0,
       CSS: false,

package/eventcatalog/src/components/Header.astro

@@ -1,6 +1,6 @@
 ---
 import catalog from '@utils/eventcatalog-config/catalog';
-import Search from '@components/Search.astro';
+import Search from '@components/Search/Search.astro';
 import { buildUrl } from '@utils/url-builder';
 import { showEventCatalogBranding, showCustomBranding } from '@utils/feature';
 import { getSession } from 'auth-astro/server';

package/eventcatalog/src/components/Search/Search.astro

@@ -0,0 +1,102 @@
+---
+import MagnifyingGlassIcon from '@heroicons/react/24/outline/MagnifyingGlassIcon';
+import SearchModal from './SearchModal.tsx';
+---
+
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<script type="module">
+  // Load Pagefind and expose it globally
+  import * as pagefind from '/pagefind/pagefind.js';
+
+  window.pagefind = pagefind;
+  window.dispatchEvent(new CustomEvent('pagefindLoaded'));
+</script>
+
+<div>
+  <div class="relative flex items-center">
+    <input
+      id="search-dummy-input"
+      type="text"
+      name="search"
+      placeholder="Search EventCatalog"
+      class="block w-full rounded-md caret-transparent border-0 py-1.5 pr-14 pl-10 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 font-light sm:text-sm sm:leading-6 px-4"
+    />
+    <MagnifyingGlassIcon className="absolute inset-y-0 -left-1 h-9 w-8 flex items-center pl-4 text-gray-400" />
+    <div class="absolute inset-y-0 right-0 flex py-1.5 pr-1.5">
+      <kbd class="inline-flex items-center rounded px-1 font-sans text-xs text-gray-400">⌘K</kbd>
+    </div>
+  </div>
+</div>
+
+<SearchModal client:only />
+
+<script>
+  // Create a global state for the search modal
+  (window as any).searchModalState = {
+    isOpen: false,
+    toggle: function () {
+      this.isOpen = !this.isOpen;
+      this.render();
+    },
+    close: function () {
+      this.isOpen = false;
+      this.render();
+    },
+    render: function () {
+      // This will be handled by React component
+      const event = new CustomEvent('searchModalToggle', {
+        detail: { isOpen: this.isOpen },
+      });
+      window.dispatchEvent(event);
+    },
+  };
+
+  const dummyInput = document.getElementById('search-dummy-input');
+  const header = document.getElementById('eventcatalog-header');
+  const verticalNav = document.getElementById('eventcatalog-vertical-nav');
+
+  // Event listeners
+  window.addEventListener('keydown', (event) => {
+    if ((event.metaKey || event.ctrlKey) && event.key === 'k') {
+      event.preventDefault();
+      dummyInput?.click();
+    }
+  });
+
+  dummyInput?.addEventListener('click', function (e) {
+    e.preventDefault();
+    this.blur();
+    (window as any).searchModalState.toggle();
+  });
+
+  // Listen for modal state changes to update page elements
+  window.addEventListener('searchModalToggle', (event) => {
+    // Handle custom docs sidebars
+    const customDocsSidebars = document.querySelectorAll('aside[class*="fixed"][class*="z-10"]');
+
+    if ((event as any).detail.isOpen) {
+      if (header) header.classList.remove('backdrop-blur-sm');
+      if (verticalNav) verticalNav.style.zIndex = '-100';
+      // Hide custom docs sidebars when modal opens
+      customDocsSidebars.forEach((sidebar: any) => {
+        sidebar.style.zIndex = '-100';
+      });
+    } else {
+      if (header) header.classList.add('backdrop-blur-sm');
+      if (verticalNav) verticalNav.style.zIndex = '10';
+      // Restore custom docs sidebars when modal closes
+      customDocsSidebars.forEach((sidebar: any) => {
+        sidebar.style.zIndex = '10';
+      });
+    }
+  });
+</script>
+
+<style>
+  .line-clamp-2 {
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  }
+</style>