@eventcatalog/core 3.0.0-beta.1 → 3.0.0-beta.3

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 = "3.0.0-beta.1";
+var version = "3.0.0-beta.3";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-M6QG3NPM.js";
-import "../chunk-FH5AN4Z6.js";
+} from "../chunk-NCPOSHDA.js";
+import "../chunk-LQRZDAAR.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 = "3.0.0-beta.1";
+var version = "3.0.0-beta.3";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,8 +1,8 @@
 import {
   log_build_default
-} from "../chunk-KE2IUVK6.js";
-import "../chunk-M6QG3NPM.js";
-import "../chunk-FH5AN4Z6.js";
+} from "../chunk-QCG2IR3D.js";
+import "../chunk-NCPOSHDA.js";
+import "../chunk-LQRZDAAR.js";
 import "../chunk-UPONRQSN.js";
 export {
   log_build_default as default

package/dist/{chunk-3W6JYTHP.js → chunk-AA77FVIB.js}

@@ -1,3 +1,6 @@
+import {
+  logger
+} from "./chunk-AVU3AN7Z.js";
 import {
   cleanup,
   getEventCatalogConfigFile
@@ -22,7 +25,7 @@ var generate = async (PROJECT_DIRECTORY) => {
     const config = await getEventCatalogConfigFile(PROJECT_DIRECTORY);
     const { generators = [] } = config;
     if (!generators.length) {
-      console.log("No configured generators found, skipping generation");
+      logger.info("No configured generators found, skipping generation", "generator");
       return;
     }
     for (const generator of generators) {
@@ -39,7 +42,8 @@ var generate = async (PROJECT_DIRECTORY) => {
         const generator2 = getDefaultExport(importedGenerator);
         await generator2({ eventCatalogConfig: {} }, pluginConfig);
       } catch (error) {
-        console.error("Error loading plugin:", error);
+        logger.error("Error loading plugin:", "generator");
+        console.error(error);
         await cleanup(PROJECT_DIRECTORY);
         return;
       }

package/dist/chunk-AVU3AN7Z.js

@@ -0,0 +1,44 @@
+import {
+  VERSION
+} from "./chunk-LQRZDAAR.js";
+
+// src/utils/cli-logger.ts
+import pc from "picocolors";
+var getTimestamp = () => {
+  const now = /* @__PURE__ */ new Date();
+  return now.toLocaleTimeString("en-US", { hour12: false });
+};
+var formatMessage = (tag, message, tagColor) => {
+  return `${pc.dim(getTimestamp())} ${tagColor(`[${tag}]`)} ${message}`;
+};
+var logger = {
+  welcome: () => {
+    console.log();
+    console.log(pc.magenta(pc.bold("\u{1F680} EventCatalog")) + pc.dim(`  (v${VERSION})`));
+    console.log(pc.dim("https://eventcatalog.dev"));
+    console.log();
+    console.log(
+      pc.dim("If you like the project, we would appreciate a star on GitHub \u2764\uFE0F - ") + pc.bold("https://github.com/event-catalog/eventcatalog/stargazers")
+    );
+    console.log();
+  },
+  info: (message, tag = "info") => {
+    console.log(formatMessage(tag, message, pc.blue));
+  },
+  success: (message, tag = "success") => {
+    console.log(formatMessage(tag, message, pc.green));
+  },
+  error: (message, tag = "error") => {
+    console.log(formatMessage(tag, message, pc.red));
+  },
+  warning: (message, tag = "warn") => {
+    console.log(formatMessage(tag, message, pc.yellow));
+  },
+  dim: (message) => {
+    console.log(pc.dim(message));
+  }
+};
+
+export {
+  logger
+};

package/dist/{chunk-FH5AN4Z6.js → chunk-LQRZDAAR.js}

@@ -1,5 +1,5 @@
 // package.json
-var version = "3.0.0-beta.1";
+var version = "3.0.0-beta.3";
 
 // src/constants.ts
 var VERSION = version;

package/dist/{chunk-M6QG3NPM.js → chunk-NCPOSHDA.js}

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

package/dist/{chunk-KE2IUVK6.js → chunk-QCG2IR3D.js}

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

package/dist/constants.cjs

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

package/dist/constants.js

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

package/dist/eventcatalog.cjs

@@ -105,6 +105,51 @@ var verifyRequiredFieldsAreInCatalogConfigFile = async (projectDirectory) => {
   }
 };
 
+// src/utils/cli-logger.ts
+var import_picocolors = __toESM(require("picocolors"), 1);
+
+// package.json
+var version = "3.0.0-beta.3";
+
+// src/constants.ts
+var VERSION = version;
+
+// src/utils/cli-logger.ts
+var getTimestamp = () => {
+  const now = /* @__PURE__ */ new Date();
+  return now.toLocaleTimeString("en-US", { hour12: false });
+};
+var formatMessage = (tag, message, tagColor) => {
+  return `${import_picocolors.default.dim(getTimestamp())} ${tagColor(`[${tag}]`)} ${message}`;
+};
+var logger = {
+  welcome: () => {
+    console.log();
+    console.log(import_picocolors.default.magenta(import_picocolors.default.bold("\u{1F680} EventCatalog")) + import_picocolors.default.dim(`  (v${VERSION})`));
+    console.log(import_picocolors.default.dim("https://eventcatalog.dev"));
+    console.log();
+    console.log(
+      import_picocolors.default.dim("If you like the project, we would appreciate a star on GitHub \u2764\uFE0F - ") + import_picocolors.default.bold("https://github.com/event-catalog/eventcatalog/stargazers")
+    );
+    console.log();
+  },
+  info: (message, tag = "info") => {
+    console.log(formatMessage(tag, message, import_picocolors.default.blue));
+  },
+  success: (message, tag = "success") => {
+    console.log(formatMessage(tag, message, import_picocolors.default.green));
+  },
+  error: (message, tag = "error") => {
+    console.log(formatMessage(tag, message, import_picocolors.default.red));
+  },
+  warning: (message, tag = "warn") => {
+    console.log(formatMessage(tag, message, import_picocolors.default.yellow));
+  },
+  dim: (message) => {
+    console.log(import_picocolors.default.dim(message));
+  }
+};
+
 // src/generate.js
 function getDefaultExport(importedModule) {
   if (importedModule === null || typeof importedModule !== "object") {
@@ -123,7 +168,7 @@ var generate = async (PROJECT_DIRECTORY) => {
     const config = await getEventCatalogConfigFile(PROJECT_DIRECTORY);
     const { generators = [] } = config;
     if (!generators.length) {
-      console.log("No configured generators found, skipping generation");
+      logger.info("No configured generators found, skipping generation", "generator");
       return;
     }
     for (const generator of generators) {
@@ -140,7 +185,8 @@ var generate = async (PROJECT_DIRECTORY) => {
         const generator2 = getDefaultExport(importedGenerator);
         await generator2({ eventCatalogConfig: {} }, pluginConfig);
       } catch (error) {
-        console.error("Error loading plugin:", error);
+        logger.error("Error loading plugin:", "generator");
+        console.error(error);
         await cleanup(PROJECT_DIRECTORY);
         return;
       }
@@ -155,14 +201,6 @@ var generate = async (PROJECT_DIRECTORY) => {
 // src/analytics/analytics.js
 var import_axios = __toESM(require("axios"), 1);
 var import_os = __toESM(require("os"), 1);
-
-// package.json
-var version = "3.0.0-beta.1";
-
-// src/constants.ts
-var VERSION = version;
-
-// src/analytics/analytics.js
 async function raiseEvent(eventData) {
   const url = "https://queue.simpleanalyticscdn.com/events";
   const userAgent = `@eventcatalog/eventcatalog@${VERSION} (${import_os.default.platform()}; ${import_os.default.arch()}; Node/${process.version})`;
@@ -687,7 +725,7 @@ var createAuthFileIfNotExists = async (hasRequiredLicense) => {
   const isSRR = await isOutputServer();
   try {
     if (authEnabled && hasRequiredLicense && isSRR) {
-      console.log("Creating auth file");
+      logger.info("Creating auth file", "auth");
       import_fs2.default.writeFileSync(
         (0, import_node_path7.join)(core, "src/pages/api/[...auth].ts"),
         `import { AstroAuth } from 'auth-astro/server';
@@ -731,14 +769,17 @@ Run npm i @eventcatalog/core to update`;
   }
 };
 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....");
+  logger.welcome();
+  logger.info("Setting up EventCatalog...", "eventcatalog");
+  const isServer = await isOutputServer();
+  logger.info(isServer ? "EventCatalog is running in Server Mode" : "EventCatalog is running in Static Mode", "config");
   if (import_fs2.default.existsSync(import_node_path8.default.join(dir, ".env"))) {
     import_dotenv.default.config({ path: import_node_path8.default.join(dir, ".env") });
   }
   if (options.debug) {
-    console.log("Debug mode enabled");
-    console.log("PROJECT_DIR", dir);
-    console.log("CATALOG_DIR", core);
+    logger.info("Debug mode enabled", "debug");
+    logger.info(`PROJECT_DIR: ${dir}`, "debug");
+    logger.info(`CATALOG_DIR: ${core}`, "debug");
   }
   if (options.forceRecreate) clearCore();
   copyCore();
@@ -786,7 +827,10 @@ program.command("dev").description("Run development server of EventCatalog").opt
   }
 });
 program.command("build").description("Run build of EventCatalog").action(async (options, command) => {
-  console.log("Building EventCatalog...");
+  logger.welcome();
+  logger.info("Building EventCatalog...", "build");
+  const isServer = await isOutputServer();
+  logger.info(isServer ? "EventCatalog is running in Server Mode" : "EventCatalog is running in Static Mode", "config");
   if (import_fs2.default.existsSync(import_node_path8.default.join(dir, ".env"))) {
     import_dotenv.default.config({ path: import_node_path8.default.join(dir, ".env") });
   }
@@ -850,7 +894,8 @@ var startServerCatalog = ({
   );
 };
 program.command("preview").description("Serves the contents of your eventcatalog build directory").action(async (options, command) => {
-  console.log("Starting preview of your build...");
+  logger.welcome();
+  logger.info("Starting preview of your build...", "preview");
   if (import_fs2.default.existsSync(import_node_path8.default.join(dir, ".env"))) {
     import_dotenv.default.config({ path: import_node_path8.default.join(dir, ".env") });
   }
@@ -865,7 +910,8 @@ program.command("preview").description("Serves the contents of your eventcatalog
   previewCatalog({ command, canEmbedPages: canEmbedPages || isEventCatalogScale, isEventCatalogStarter, isEventCatalogScale });
 });
 program.command("start").description("Serves the contents of your eventcatalog build directory").action(async (options, command) => {
-  console.log("Starting preview of your build...");
+  logger.welcome();
+  logger.info("Starting preview of your build...", "preview");
   if (import_fs2.default.existsSync(import_node_path8.default.join(dir, ".env"))) {
     import_dotenv.default.config({ path: import_node_path8.default.join(dir, ".env") });
   }

package/dist/eventcatalog.js

@@ -6,8 +6,8 @@ import {
 } from "./chunk-PLNJC7NZ.js";
 import {
   log_build_default
-} from "./chunk-KE2IUVK6.js";
-import "./chunk-M6QG3NPM.js";
+} from "./chunk-QCG2IR3D.js";
+import "./chunk-NCPOSHDA.js";
 import {
   runMigrations
 } from "./chunk-BH3JMNAV.js";
@@ -17,16 +17,19 @@ import {
   checkAndConvertMdToMdx
 } from "./chunk-R2BJ7MJG.js";
 import "./chunk-55D645EH.js";
-import {
-  VERSION
-} from "./chunk-FH5AN4Z6.js";
 import {
   isAuthEnabled,
   isOutputServer
 } from "./chunk-5VBIXL6C.js";
 import {
   generate
-} from "./chunk-3W6JYTHP.js";
+} from "./chunk-AA77FVIB.js";
+import {
+  logger
+} from "./chunk-AVU3AN7Z.js";
+import {
+  VERSION
+} from "./chunk-LQRZDAAR.js";
 import "./chunk-UPONRQSN.js";
 
 // src/eventcatalog.ts
@@ -96,7 +99,7 @@ var createAuthFileIfNotExists = async (hasRequiredLicense) => {
   const isSRR = await isOutputServer();
   try {
     if (authEnabled && hasRequiredLicense && isSRR) {
-      console.log("Creating auth file");
+      logger.info("Creating auth file", "auth");
       fs.writeFileSync(
         join(core, "src/pages/api/[...auth].ts"),
         `import { AstroAuth } from 'auth-astro/server';
@@ -140,14 +143,17 @@ Run npm i @eventcatalog/core to update`;
   }
 };
 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....");
+  logger.welcome();
+  logger.info("Setting up EventCatalog...", "eventcatalog");
+  const isServer = await isOutputServer();
+  logger.info(isServer ? "EventCatalog is running in Server Mode" : "EventCatalog is running in Static Mode", "config");
   if (fs.existsSync(path.join(dir, ".env"))) {
     dotenv.config({ path: path.join(dir, ".env") });
   }
   if (options.debug) {
-    console.log("Debug mode enabled");
-    console.log("PROJECT_DIR", dir);
-    console.log("CATALOG_DIR", core);
+    logger.info("Debug mode enabled", "debug");
+    logger.info(`PROJECT_DIR: ${dir}`, "debug");
+    logger.info(`CATALOG_DIR: ${core}`, "debug");
   }
   if (options.forceRecreate) clearCore();
   copyCore();
@@ -195,7 +201,10 @@ program.command("dev").description("Run development server of EventCatalog").opt
   }
 });
 program.command("build").description("Run build of EventCatalog").action(async (options, command) => {
-  console.log("Building EventCatalog...");
+  logger.welcome();
+  logger.info("Building EventCatalog...", "build");
+  const isServer = await isOutputServer();
+  logger.info(isServer ? "EventCatalog is running in Server Mode" : "EventCatalog is running in Static Mode", "config");
   if (fs.existsSync(path.join(dir, ".env"))) {
     dotenv.config({ path: path.join(dir, ".env") });
   }
@@ -259,7 +268,8 @@ var startServerCatalog = ({
   );
 };
 program.command("preview").description("Serves the contents of your eventcatalog build directory").action(async (options, command) => {
-  console.log("Starting preview of your build...");
+  logger.welcome();
+  logger.info("Starting preview of your build...", "preview");
   if (fs.existsSync(path.join(dir, ".env"))) {
     dotenv.config({ path: path.join(dir, ".env") });
   }
@@ -274,7 +284,8 @@ program.command("preview").description("Serves the contents of your eventcatalog
   previewCatalog({ command, canEmbedPages: canEmbedPages || isEventCatalogScale, isEventCatalogStarter, isEventCatalogScale });
 });
 program.command("start").description("Serves the contents of your eventcatalog build directory").action(async (options, command) => {
-  console.log("Starting preview of your build...");
+  logger.welcome();
+  logger.info("Starting preview of your build...", "preview");
   if (fs.existsSync(path.join(dir, ".env"))) {
     dotenv.config({ path: path.join(dir, ".env") });
   }

package/dist/generate.cjs

@@ -69,6 +69,51 @@ var getEventCatalogConfigFile = async (projectDirectory) => {
   }
 };
 
+// src/utils/cli-logger.ts
+var import_picocolors = __toESM(require("picocolors"), 1);
+
+// package.json
+var version = "3.0.0-beta.3";
+
+// src/constants.ts
+var VERSION = version;
+
+// src/utils/cli-logger.ts
+var getTimestamp = () => {
+  const now = /* @__PURE__ */ new Date();
+  return now.toLocaleTimeString("en-US", { hour12: false });
+};
+var formatMessage = (tag, message, tagColor) => {
+  return `${import_picocolors.default.dim(getTimestamp())} ${tagColor(`[${tag}]`)} ${message}`;
+};
+var logger = {
+  welcome: () => {
+    console.log();
+    console.log(import_picocolors.default.magenta(import_picocolors.default.bold("\u{1F680} EventCatalog")) + import_picocolors.default.dim(`  (v${VERSION})`));
+    console.log(import_picocolors.default.dim("https://eventcatalog.dev"));
+    console.log();
+    console.log(
+      import_picocolors.default.dim("If you like the project, we would appreciate a star on GitHub \u2764\uFE0F - ") + import_picocolors.default.bold("https://github.com/event-catalog/eventcatalog/stargazers")
+    );
+    console.log();
+  },
+  info: (message, tag = "info") => {
+    console.log(formatMessage(tag, message, import_picocolors.default.blue));
+  },
+  success: (message, tag = "success") => {
+    console.log(formatMessage(tag, message, import_picocolors.default.green));
+  },
+  error: (message, tag = "error") => {
+    console.log(formatMessage(tag, message, import_picocolors.default.red));
+  },
+  warning: (message, tag = "warn") => {
+    console.log(formatMessage(tag, message, import_picocolors.default.yellow));
+  },
+  dim: (message) => {
+    console.log(import_picocolors.default.dim(message));
+  }
+};
+
 // src/generate.js
 function getDefaultExport(importedModule) {
   if (importedModule === null || typeof importedModule !== "object") {
@@ -87,7 +132,7 @@ var generate = async (PROJECT_DIRECTORY) => {
     const config = await getEventCatalogConfigFile(PROJECT_DIRECTORY);
     const { generators = [] } = config;
     if (!generators.length) {
-      console.log("No configured generators found, skipping generation");
+      logger.info("No configured generators found, skipping generation", "generator");
       return;
     }
     for (const generator of generators) {
@@ -104,7 +149,8 @@ var generate = async (PROJECT_DIRECTORY) => {
         const generator2 = getDefaultExport(importedGenerator);
         await generator2({ eventCatalogConfig: {} }, pluginConfig);
       } catch (error) {
-        console.error("Error loading plugin:", error);
+        logger.error("Error loading plugin:", "generator");
+        console.error(error);
         await cleanup(PROJECT_DIRECTORY);
         return;
       }

package/dist/generate.js

@@ -1,6 +1,8 @@
 import {
   generate
-} from "./chunk-3W6JYTHP.js";
+} from "./chunk-AA77FVIB.js";
+import "./chunk-AVU3AN7Z.js";
+import "./chunk-LQRZDAAR.js";
 import "./chunk-UPONRQSN.js";
 export {
   generate

package/dist/utils/cli-logger.cjs

@@ -0,0 +1,82 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/cli-logger.ts
+var cli_logger_exports = {};
+__export(cli_logger_exports, {
+  logger: () => logger
+});
+module.exports = __toCommonJS(cli_logger_exports);
+var import_picocolors = __toESM(require("picocolors"), 1);
+
+// package.json
+var version = "3.0.0-beta.3";
+
+// src/constants.ts
+var VERSION = version;
+
+// src/utils/cli-logger.ts
+var getTimestamp = () => {
+  const now = /* @__PURE__ */ new Date();
+  return now.toLocaleTimeString("en-US", { hour12: false });
+};
+var formatMessage = (tag, message, tagColor) => {
+  return `${import_picocolors.default.dim(getTimestamp())} ${tagColor(`[${tag}]`)} ${message}`;
+};
+var logger = {
+  welcome: () => {
+    console.log();
+    console.log(import_picocolors.default.magenta(import_picocolors.default.bold("\u{1F680} EventCatalog")) + import_picocolors.default.dim(`  (v${VERSION})`));
+    console.log(import_picocolors.default.dim("https://eventcatalog.dev"));
+    console.log();
+    console.log(
+      import_picocolors.default.dim("If you like the project, we would appreciate a star on GitHub \u2764\uFE0F - ") + import_picocolors.default.bold("https://github.com/event-catalog/eventcatalog/stargazers")
+    );
+    console.log();
+  },
+  info: (message, tag = "info") => {
+    console.log(formatMessage(tag, message, import_picocolors.default.blue));
+  },
+  success: (message, tag = "success") => {
+    console.log(formatMessage(tag, message, import_picocolors.default.green));
+  },
+  error: (message, tag = "error") => {
+    console.log(formatMessage(tag, message, import_picocolors.default.red));
+  },
+  warning: (message, tag = "warn") => {
+    console.log(formatMessage(tag, message, import_picocolors.default.yellow));
+  },
+  dim: (message) => {
+    console.log(import_picocolors.default.dim(message));
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  logger
+});

package/dist/utils/cli-logger.d.cts

@@ -0,0 +1,10 @@
+declare const logger: {
+    welcome: () => void;
+    info: (message: string, tag?: string) => void;
+    success: (message: string, tag?: string) => void;
+    error: (message: string, tag?: string) => void;
+    warning: (message: string, tag?: string) => void;
+    dim: (message: string) => void;
+};
+
+export { logger };

package/dist/utils/cli-logger.d.ts

@@ -0,0 +1,10 @@
+declare const logger: {
+    welcome: () => void;
+    info: (message: string, tag?: string) => void;
+    success: (message: string, tag?: string) => void;
+    error: (message: string, tag?: string) => void;
+    warning: (message: string, tag?: string) => void;
+    dim: (message: string) => void;
+};
+
+export { logger };

package/dist/utils/cli-logger.js

@@ -0,0 +1,7 @@
+import {
+  logger
+} from "../chunk-AVU3AN7Z.js";
+import "../chunk-LQRZDAAR.js";
+export {
+  logger
+};

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

@@ -19,7 +19,7 @@ import {
 import '@xyflow/react/dist/style.css';
 import { ExternalLink, HistoryIcon } from 'lucide-react';
 import { toPng } from 'html-to-image';
-import { DocumentArrowDownIcon } from '@heroicons/react/24/outline';
+import { DocumentArrowDownIcon, PresentationChartLineIcon } from '@heroicons/react/24/outline';
 // Nodes and edges
 import ServiceNode from './Nodes/Service';
 import FlowNode from './Nodes/Flow';
@@ -135,6 +135,7 @@ const NodeGraphBuilder = ({
   const [isSettingsOpen, setIsSettingsOpen] = useState(false);
   const [animateMessages, setAnimateMessages] = useState(false);
   const [activeStepIndex, setActiveStepIndex] = useState<number | null>(null);
+  const [isFullscreen, setIsFullscreen] = useState(false);
   // const [isStudioModalOpen, setIsStudioModalOpen] = useState(false);
 
   // Check if there are channels to determine if we need the visualizer functionality
@@ -349,6 +350,30 @@ const NodeGraphBuilder = ({
     setIsStudioModalOpen(true);
   };
 
+  const toggleFullScreen = useCallback(() => {
+    if (!document.fullscreenElement) {
+      reactFlowWrapperRef.current?.requestFullscreen().catch((err) => {
+        console.error(`Error attempting to enable full-screen mode: ${err.message} (${err.name})`);
+      });
+    } else {
+      document.exitFullscreen();
+    }
+  }, []);
+
+  useEffect(() => {
+    const handleFullscreenChange = () => {
+      setIsFullscreen(!!document.fullscreenElement);
+      setTimeout(() => {
+        fitView({ duration: 800 });
+      }, 100);
+    };
+
+    document.addEventListener('fullscreenchange', handleFullscreenChange);
+    return () => {
+      document.removeEventListener('fullscreenchange', handleFullscreenChange);
+    };
+  }, [fitView]);
+
   const handleExportVisual = useCallback(() => {
     const imageWidth = 1024;
     const imageHeight = 768;
@@ -563,7 +588,7 @@ const NodeGraphBuilder = ({
   const isFlowVisualization = edges.some((edge: Edge) => edge.type === 'flow-edge');
 
   return (
-    <div ref={reactFlowWrapperRef} className="w-full h-full">
+    <div ref={reactFlowWrapperRef} className="w-full h-full bg-gray-50">
       <ReactFlow
         nodeTypes={nodeTypes}
         edgeTypes={edgeTypes}
@@ -583,7 +608,7 @@ const NodeGraphBuilder = ({
         <Panel position="top-center" className="w-full pr-6 ">
           <div className="flex space-x-2 justify-between items-center">
             <div className="flex space-x-2 ml-4">
-              <div>
+              <div className="relative group">
                 <button
                   onClick={() => setIsSettingsOpen(!isSettingsOpen)}
                   className="py-2.5 px-3 bg-white rounded-md shadow-md hover:bg-purple-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500"
@@ -591,6 +616,23 @@ const NodeGraphBuilder = ({
                 >
                   <CogIcon className="h-5 w-5 text-gray-600" />
                 </button>
+                <div className="absolute top-full left-0 mt-2 px-2 py-1 bg-gray-900 text-white text-xs rounded shadow-lg opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap pointer-events-none z-50">
+                  Settings
+                </div>
+              </div>
+              <div className="relative group">
+                <button
+                  onClick={toggleFullScreen}
+                  className={`py-2.5 px-3 bg-white rounded-md shadow-md hover:bg-purple-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500 ${
+                    isFullscreen ? 'bg-purple-50 text-purple-600' : ''
+                  }`}
+                  aria-label={isFullscreen ? 'Exit presentation mode' : 'Enter presentation mode'}
+                >
+                  <PresentationChartLineIcon className={`h-5 w-5 ${isFullscreen ? 'text-purple-600' : 'text-gray-600'}`} />
+                </button>
+                <div className="absolute top-full left-1/2 -translate-x-1/2 mt-2 px-2 py-1 bg-gray-900 text-white text-xs rounded shadow-lg opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap pointer-events-none z-50">
+                  {isFullscreen ? 'Exit Presentation Mode' : 'Presentation Mode'}
+                </div>
               </div>
 
               {title && (

package/eventcatalog/src/pages/auth/login.astro

@@ -167,7 +167,7 @@ const providerConfig = {
 
               <div class="text-center">
                 <a
-                  href="#"
+                  href="https://www.eventcatalog.dev/docs/development/authentication/introduction"
                   class="inline-flex items-center px-6 py-3 border border-transparent text-sm font-medium rounded-lg text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500 transition-colors duration-200"
                 >
                   Read Authentication Documentation
@@ -237,7 +237,7 @@ const providerConfig = {
 
               <div class="text-center">
                 <a
-                  href="#"
+                  href="https://www.eventcatalog.dev/docs/development/authentication/introduction"
                   class="inline-flex items-center px-6 py-3 border border-transparent text-sm font-medium rounded-lg text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500 transition-colors duration-200"
                 >
                   Read Authentication Documentation

package/package.json

@@ -6,7 +6,7 @@
     "url": "https://github.com/event-catalog/eventcatalog.git"
   },
   "type": "module",
-  "version": "3.0.0-beta.1",
+  "version": "3.0.0-beta.3",
   "publishConfig": {
     "access": "public"
   },
@@ -87,6 +87,7 @@
     "nanostores": "^1.1.0",
     "pagefind": "^1.3.0",
     "pako": "^2.1.0",
+    "picocolors": "^1.1.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-markdown": "^10.1.0",