@eventcatalog/core 2.16.4 → 2.16.5

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

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-YHWKWHZA.js";
-import "../chunk-X7R2UJHK.js";
+} from "../chunk-SSON27NB.js";
+import "../chunk-EXL47VH2.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.16.4";
+var version = "2.16.5";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,8 +1,8 @@
 import {
   log_build_default
-} from "../chunk-CV37NPK3.js";
-import "../chunk-YHWKWHZA.js";
-import "../chunk-X7R2UJHK.js";
+} from "../chunk-AUXNC7PZ.js";
+import "../chunk-SSON27NB.js";
+import "../chunk-EXL47VH2.js";
 import "../chunk-E7TXTI7G.js";
 export {
   log_build_default as default

package/dist/{chunk-CV37NPK3.js → chunk-AUXNC7PZ.js}

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

package/dist/{chunk-X7R2UJHK.js → chunk-EXL47VH2.js}

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

package/dist/{chunk-YHWKWHZA.js → chunk-SSON27NB.js}

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

package/dist/constants.cjs

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

package/dist/constants.js

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

package/dist/eventcatalog.cjs

@@ -161,7 +161,7 @@ var import_axios = __toESM(require("axios"), 1);
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "2.16.4";
+var version = "2.16.5";
 
 // src/constants.ts
 var VERSION = version;
@@ -492,7 +492,7 @@ var copyCore = () => {
 var clearCore = () => {
   if (import_fs2.default.existsSync(core)) import_fs2.default.rmSync(core, { recursive: true });
 };
-program.command("dev").description("Run development server of EventCatalog").option("-d, --debug", "Output EventCatalog application information into your terminal").option("--force-recreate", "Recreate the eventcatalog-core directory", false).action(async (options) => {
+program.command("dev").description("Run development server of EventCatalog").option("-d, --debug", "Output EventCatalog application information into your terminal").option("--force-recreate", "Recreate the eventcatalog-core directory", false).action(async (options, command) => {
   console.log("Setting up EventCatalog....");
   if (options.debug) {
     console.log("Debug mode enabled");
@@ -509,7 +509,7 @@ program.command("dev").description("Run development server of EventCatalog").opt
     const { result } = (0, import_concurrently.default)([
       {
         name: "astro",
-        command: "npx astro dev",
+        command: `npx astro dev ${command.args.join(" ").trim()}`,
         cwd: core,
         env: {
           PROJECT_DIR: dir,
@@ -524,33 +524,44 @@ program.command("dev").description("Run development server of EventCatalog").opt
     await watchUnsub?.();
   }
 });
-program.command("build").description("Run build of EventCatalog").action(async (options) => {
+program.command("build").description("Run build of EventCatalog").action(async (options, command) => {
   console.log("Building EventCatalog...");
   copyCore();
   await log_build_default(dir);
   await catalogToAstro(dir, core);
-  (0, import_node_child_process.execSync)(`cross-env PROJECT_DIR='${dir}' CATALOG_DIR='${core}' npx astro build`, {
+  (0, import_node_child_process.execSync)(`cross-env PROJECT_DIR='${dir}' CATALOG_DIR='${core}' npx astro build ${command.args.join(" ").trim()}`, {
     cwd: core,
     stdio: "inherit"
   });
 });
-var previewCatalog = () => {
-  (0, import_node_child_process.execSync)(`cross-env PROJECT_DIR='${dir}' CATALOG_DIR='${core}' npx astro preview --root ${dir} --port 3000`, {
-    cwd: core,
-    stdio: "inherit"
-  });
+var previewCatalog = ({ command }) => {
+  (0, import_node_child_process.execSync)(
+    `cross-env PROJECT_DIR='${dir}' CATALOG_DIR='${core}' npx astro preview --root ${dir} --port 3000 ${command.args.join(" ").trim()}`,
+    {
+      cwd: core,
+      stdio: "inherit"
+    }
+  );
 };
-program.command("preview").description("Serves the contents of your eventcatalog build directory").action((options) => {
+program.command("preview").description("Serves the contents of your eventcatalog build directory").action((options, command) => {
   console.log("Starting preview of your build...");
-  previewCatalog();
+  previewCatalog({ command });
 });
-program.command("start").description("Serves the contents of your eventcatalog build directory").action((options) => {
+program.command("start").description("Serves the contents of your eventcatalog build directory").action((options, command) => {
   console.log("Starting preview of your build...");
-  previewCatalog();
+  previewCatalog({ command });
 });
 program.command("generate [siteDir]").description("Start the generator scripts.").action(async () => {
   await generate(dir);
 });
+program.addHelpText(
+  "after",
+  `
+  Passing Extra Arguments:
+    Use the -- delimiter to forward arguments to the underlying process.
+    Example: npx eventcatalog dev --debug -- --env=production --port=3000
+  `
+);
 program.parseAsync().then(() => process.exit(0)).catch((err) => {
   console.error(err);
   process.exit(1);

package/dist/eventcatalog.js

@@ -1,13 +1,13 @@
 import {
   log_build_default
-} from "./chunk-CV37NPK3.js";
-import "./chunk-YHWKWHZA.js";
+} from "./chunk-AUXNC7PZ.js";
+import "./chunk-SSON27NB.js";
 import {
   catalogToAstro
 } from "./chunk-55YPRY5U.js";
 import {
   VERSION
-} from "./chunk-X7R2UJHK.js";
+} from "./chunk-EXL47VH2.js";
 import {
   generate
 } from "./chunk-YEQVKHST.js";
@@ -51,7 +51,7 @@ var copyCore = () => {
 var clearCore = () => {
   if (fs.existsSync(core)) fs.rmSync(core, { recursive: true });
 };
-program.command("dev").description("Run development server of EventCatalog").option("-d, --debug", "Output EventCatalog application information into your terminal").option("--force-recreate", "Recreate the eventcatalog-core directory", false).action(async (options) => {
+program.command("dev").description("Run development server of EventCatalog").option("-d, --debug", "Output EventCatalog application information into your terminal").option("--force-recreate", "Recreate the eventcatalog-core directory", false).action(async (options, command) => {
   console.log("Setting up EventCatalog....");
   if (options.debug) {
     console.log("Debug mode enabled");
@@ -68,7 +68,7 @@ program.command("dev").description("Run development server of EventCatalog").opt
     const { result } = concurrently([
       {
         name: "astro",
-        command: "npx astro dev",
+        command: `npx astro dev ${command.args.join(" ").trim()}`,
         cwd: core,
         env: {
           PROJECT_DIR: dir,
@@ -83,33 +83,44 @@ program.command("dev").description("Run development server of EventCatalog").opt
     await watchUnsub?.();
   }
 });
-program.command("build").description("Run build of EventCatalog").action(async (options) => {
+program.command("build").description("Run build of EventCatalog").action(async (options, command) => {
   console.log("Building EventCatalog...");
   copyCore();
   await log_build_default(dir);
   await catalogToAstro(dir, core);
-  execSync(`cross-env PROJECT_DIR='${dir}' CATALOG_DIR='${core}' npx astro build`, {
+  execSync(`cross-env PROJECT_DIR='${dir}' CATALOG_DIR='${core}' npx astro build ${command.args.join(" ").trim()}`, {
     cwd: core,
     stdio: "inherit"
   });
 });
-var previewCatalog = () => {
-  execSync(`cross-env PROJECT_DIR='${dir}' CATALOG_DIR='${core}' npx astro preview --root ${dir} --port 3000`, {
-    cwd: core,
-    stdio: "inherit"
-  });
+var previewCatalog = ({ command }) => {
+  execSync(
+    `cross-env PROJECT_DIR='${dir}' CATALOG_DIR='${core}' npx astro preview --root ${dir} --port 3000 ${command.args.join(" ").trim()}`,
+    {
+      cwd: core,
+      stdio: "inherit"
+    }
+  );
 };
-program.command("preview").description("Serves the contents of your eventcatalog build directory").action((options) => {
+program.command("preview").description("Serves the contents of your eventcatalog build directory").action((options, command) => {
   console.log("Starting preview of your build...");
-  previewCatalog();
+  previewCatalog({ command });
 });
-program.command("start").description("Serves the contents of your eventcatalog build directory").action((options) => {
+program.command("start").description("Serves the contents of your eventcatalog build directory").action((options, command) => {
   console.log("Starting preview of your build...");
-  previewCatalog();
+  previewCatalog({ command });
 });
 program.command("generate [siteDir]").description("Start the generator scripts.").action(async () => {
   await generate(dir);
 });
+program.addHelpText(
+  "after",
+  `
+  Passing Extra Arguments:
+    Use the -- delimiter to forward arguments to the underlying process.
+    Example: npx eventcatalog dev --debug -- --env=production --port=3000
+  `
+);
 program.parseAsync().then(() => process.exit(0)).catch((err) => {
   console.error(err);
   process.exit(1);

package/eventcatalog/src/components/MDX/Tabs/TabItem.astro

@@ -0,0 +1,10 @@
+---
+const { title } = Astro.props;
+---
+
+<li class="list-none">
+  <button>{title}</button>
+  <div class="tab-panel">
+    <slot />
+  </div>
+</li>

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

@@ -0,0 +1,100 @@
+---
+interface TabItem {
+  title: string;
+  content: string;
+  id: number;
+}
+
+interface Props {
+  title?: string;
+}
+
+const { title } = Astro.props;
+
+const tabItems: TabItem[] = await Promise.all(
+  (await Astro.slots.render('default'))
+    .split('</li>')
+    .filter((item: string) => item.trim())
+    .map(async (item: string, index: number) => {
+      const titleMatch = item.match(/button>([^<]+)</);
+      const title = titleMatch ? titleMatch[1].trim() : `Tab ${index + 1}`;
+      const content = item.replace(/<button>[^<]+<\/button>/, '');
+      return {
+        title,
+        content,
+        id: index + 1,
+      };
+    })
+);
+
+// Generate a unique ID for this tabs instance
+const tabsId = Math.random().toString(36).substring(2, 9);
+---
+
+<div class="bg-white text-gray-800 pb-10 not-prose" data-tabs-container={tabsId}>
+  {title && <h2 class="text-2xl font-bold text-gray-800 mb-6">{title}</h2>}
+
+  {/* Tab List */}
+  <div class="">
+    <nav class="-mb-px flex" aria-label="Tabs">
+      {
+        tabItems.map((item) => (
+          <button
+            class="whitespace-nowrap py-4 px-1 border-b-2 px-6 font-bold text-sm border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 hover:bg-gray-100 focus:outline-none"
+            data-tab={item.id}
+            aria-selected="false"
+          >
+            {item.title}
+          </button>
+        ))
+      }
+    </nav>
+  </div>
+
+  {/* Tab Panels */}
+  <div class="mt-4">
+    {
+      tabItems.map((item) => (
+        <div class="hidden tab-content" data-tab-content={item.id} role="tabpanel">
+          <Fragment set:html={item.content} />
+        </div>
+      ))
+    }
+  </div>
+</div>
+
+<script>
+  function initTabs(container: HTMLElement): void {
+    const tabs: NodeListOf<HTMLButtonElement> = container.querySelectorAll('[data-tab]');
+    const panels: NodeListOf<HTMLElement> = container.querySelectorAll('[data-tab-content]');
+
+    // Show first tab by default
+    tabs[0]?.classList.add('text-purple-600', 'border-purple-600');
+    tabs[0]?.classList.remove('text-gray-500', 'border-transparent');
+    panels[0]?.classList.remove('hidden');
+
+    tabs.forEach((tab: HTMLButtonElement) => {
+      tab.addEventListener('click', () => {
+        // Remove active states
+        tabs.forEach((t: HTMLButtonElement) => {
+          t.classList.remove('text-purple-600', 'border-purple-600');
+          t.classList.add('text-gray-500', 'border-transparent');
+        });
+        panels.forEach((p: HTMLElement) => p.classList.add('hidden'));
+
+        // Set active states
+        tab.classList.remove('text-gray-500', 'border-transparent');
+        tab.classList.add('text-purple-600', 'border-purple-600');
+
+        // Show corresponding panel
+        const tabId = tab.getAttribute('data-tab');
+        container.querySelector(`[data-tab-content="${tabId}"]`)?.classList.remove('hidden');
+      });
+    });
+  }
+
+  // Initialize all tab containers
+  document.querySelectorAll('[data-tabs-container]').forEach((container: Element) => {
+    initTabs(container as HTMLElement);
+  });
+</script>

package/eventcatalog/src/components/MDX/components.tsx

@@ -12,6 +12,8 @@ import Admonition from '@components/MDX/Admonition';
 import OpenAPI from '@components/MDX/OpenAPI/OpenAPI.astro';
 import AsyncAPI from '@components/MDX/AsyncAPI/AsyncAPI.astro';
 import ChannelInformation from '@components/MDX/ChannelInformation/ChannelInformation';
+import Tabs from '@components/MDX/Tabs/Tabs.astro';
+import TabItem from '@components/MDX/Tabs/TabItem.astro';
 
 //  Portals: required for server/client components
 import NodeGraphPortal from '@components/MDX/NodeGraph/NodeGraphPortal';
@@ -29,6 +31,8 @@ const components = (props: any) => {
     Tiles,
     Step,
     Steps,
+    Tabs,
+    TabItem,
     Admonition: (mdxProp: any) => <Admonition {...mdxProp} {...props} />,
     File: (mdxProp: any) => File({ ...props, ...mdxProp }),
     NodeGraph: (mdxProp: any) => NodeGraphPortal({ ...props.data, ...mdxProp }),

package/package.json

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