@superblocksteam/library 2.0.34 → 2.0.35-next.0

package/README.md

@@ -63,7 +63,7 @@ If you make changes to the library, you need to rebuild, reinstall, and rerun th
 
 ### Running a code mode app (automated)
 
-A shortcut to above is to run `pnpm watch-lib-template` from the root of the workspace, which compiles the library and runs the dev server for `packages/demo-apps/code-demo-app`. This will also watch for changes in the `library` package and re-build, re-install, and re-run server for you.
+A shortcut to above is to run `pnpm watch-lib-template` from the root of the workspace, which compiles the library and runs the dev server for the active demo app (configured in `packages/demo-apps/config.json`). This will also watch for changes in the `library` package and re-build, re-install, and re-run server for you.
 
 ### Running a code mode app in editor
 

package/dist/build-manifest-BNJahcH4.js

@@ -0,0 +1,6 @@
+//#region src/lib/user-facing/build-manifest.js
+var build_manifest_default = {};
+
+//#endregion
+export { build_manifest_default as default };
+//# sourceMappingURL=build-manifest-BNJahcH4.js.map

package/dist/build-manifest-BNJahcH4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-manifest-BNJahcH4.js","names":[],"sources":["../src/lib/user-facing/build-manifest.js"],"sourcesContent":["// This is a placeholder file that is replaced with the actual build manifest during the build process\n// This stub will be used primarily in tests and for the dev server\nexport default {};\n"],"mappings":";AAEA,6BAAe,EAAE"}

package/dist/devtools-consolidated-BJ2tPWBk.js

@@ -0,0 +1,212 @@
+import React, { useCallback, useEffect } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { makeAutoObservable, toJS } from "mobx";
+import { observer } from "mobx-react-lite";
+import { createPortal } from "react-dom";
+import { JsonView } from "react-json-view-lite";
+import "react-json-view-lite/dist/index.css";
+
+//#region src/lib/internal-details/lib/devtools/serialize-store-data.tsx
+function serializeStoreData(stores_) {
+	try {
+		const stores = toJS(stores_);
+		const seen = /* @__PURE__ */ new Set();
+		function serialize(obj) {
+			if (obj === null || typeof obj !== "object") return obj;
+			if (seen.has(obj)) return "[Already Seen]";
+			seen.add(obj);
+			if (Array.isArray(obj)) return obj.map(serialize);
+			const result = {};
+			for (const key of Object.keys(obj)) {
+				if (typeof obj[key] === "function") result[key] = "[Function]";
+				try {
+					const descriptor = Object.getOwnPropertyDescriptor(obj, key);
+					if (descriptor && descriptor.get) try {
+						result[key] = serialize(obj[key]);
+					} catch {
+						result[key] = "[Getter Error]";
+					}
+					else result[key] = serialize(obj[key]);
+				} catch {
+					result[key] = "[Access Error]";
+				}
+			}
+			if (obj.constructor && obj.constructor.name !== "Object") result.__type__ = obj.constructor.name;
+			return result;
+		}
+		return serialize(stores);
+	} catch (error) {
+		return { error: `Error serializing data: ${error instanceof Error ? error.message : "Unknown error"}` };
+	}
+}
+
+//#endregion
+//#region src/lib/internal-details/lib/devtools/devtools-consolidated.tsx
+var DevToolsState = class {
+	isVisible = false;
+	constructor() {
+		makeAutoObservable(this);
+	}
+	show() {
+		this.isVisible = true;
+	}
+	hide() {
+		this.isVisible = false;
+	}
+	toggle() {
+		this.isVisible = !this.isVisible;
+	}
+};
+const devToolsState = new DevToolsState();
+var KeyboardShortcutManager = class {
+	isListening = false;
+	shortcutKeys = {
+		key: "KeyD",
+		ctrlKey: true,
+		shiftKey: true,
+		altKey: false
+	};
+	constructor() {
+		this.handleKeyDown = this.handleKeyDown.bind(this);
+	}
+	handleKeyDown(event) {
+		const { ctrlKey, shiftKey, altKey, metaKey } = event;
+		const isModifierMatch = (ctrlKey || metaKey) && shiftKey && !altKey;
+		const isKeyMatch = event.code === this.shortcutKeys.key;
+		if (isModifierMatch && isKeyMatch) {
+			event.preventDefault();
+			event.stopPropagation();
+			devToolsState.toggle();
+		}
+	}
+	handleEscapeKey = (event) => {
+		if (event.key === "Escape" && devToolsState.isVisible) {
+			event.preventDefault();
+			devToolsState.hide();
+		}
+	};
+	startListening() {
+		if (this.isListening) return;
+		this.isListening = true;
+		document.addEventListener("keydown", this.handleKeyDown, true);
+		document.addEventListener("keydown", this.handleEscapeKey, true);
+	}
+	stopListening() {
+		if (!this.isListening) return;
+		this.isListening = false;
+		document.removeEventListener("keydown", this.handleKeyDown, true);
+		document.removeEventListener("keydown", this.handleEscapeKey, true);
+	}
+	updateShortcut(options) {
+		this.shortcutKeys = {
+			...this.shortcutKeys,
+			...options
+		};
+	}
+};
+const keyboardShortcutManager = new KeyboardShortcutManager();
+let registeredStores = {};
+function setRegisteredStores(stores) {
+	registeredStores = stores;
+}
+function getRegisteredStores() {
+	return registeredStores;
+}
+const overlayStyles = {
+	position: "fixed",
+	top: 0,
+	left: 0,
+	right: 0,
+	bottom: 0,
+	backgroundColor: "rgba(0, 0, 0, 0.5)",
+	zIndex: 9999
+};
+const panelStyles = {
+	position: "fixed",
+	top: "50%",
+	left: "50%",
+	transform: "translate(-50%, -50%)",
+	width: "90vw",
+	height: "90vh",
+	backgroundColor: "#fff",
+	zIndex: 1e4,
+	display: "flex",
+	flexDirection: "column",
+	borderRadius: 12
+};
+const headerStyles = {
+	padding: 12,
+	borderBottom: "1px solid #ccc",
+	display: "flex",
+	justifyContent: "space-between",
+	alignItems: "center"
+};
+const closeButtonStyles = {
+	background: "none",
+	border: "none",
+	cursor: "pointer"
+};
+const contentStyles = {
+	padding: 8,
+	display: "flex",
+	flex: 1,
+	overflow: "auto",
+	flexDirection: "column"
+};
+const DevToolsPanelContent = observer(() => {
+	const stores = getRegisteredStores();
+	const storeNames = Object.keys(stores);
+	const serializedData = serializeStoreData(stores);
+	const onClose = useCallback(() => {
+		devToolsState.hide();
+	}, []);
+	return createPortal(/* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+		style: overlayStyles,
+		onClick: onClose
+	}), /* @__PURE__ */ jsxs("div", {
+		style: panelStyles,
+		children: [/* @__PURE__ */ jsxs("div", {
+			style: headerStyles,
+			children: [/* @__PURE__ */ jsxs("h3", { children: [
+				"MobX DevTools (",
+				storeNames.length,
+				" store",
+				storeNames.length !== 1 ? "s" : "",
+				")"
+			] }), /* @__PURE__ */ jsx("button", {
+				style: closeButtonStyles,
+				onClick: onClose,
+				title: "Close (ESC)",
+				children: "×"
+			})]
+		}), storeNames.length === 0 ? /* @__PURE__ */ jsx("div", { children: "No stores registered yet." }) : /* @__PURE__ */ jsx("div", {
+			style: contentStyles,
+			children: /* @__PURE__ */ jsx(JsonView, {
+				data: serializedData,
+				clickToExpandNode: true,
+				shouldExpandNode: (level) => level < 2
+			})
+		})]
+	})] }), document.body);
+});
+const CustomDevTools = observer(() => {
+	useEffect(() => {
+		if (devToolsState.isVisible) {
+			const handleEscape = (event) => {
+				if (event.key === "Escape") devToolsState.hide();
+			};
+			document.addEventListener("keydown", handleEscape);
+			return () => document.removeEventListener("keydown", handleEscape);
+		}
+	}, []);
+	if (!devToolsState.isVisible) return null;
+	return /* @__PURE__ */ jsx(DevToolsPanelContent, {});
+});
+function initializeCustomDevTools() {
+	keyboardShortcutManager.startListening();
+	console.log("[CustomDevTools] Initialized - Press Ctrl+Shift+D (or Cmd+Shift+D) to open");
+}
+
+//#endregion
+export { CustomDevTools, initializeCustomDevTools, setRegisteredStores };
+//# sourceMappingURL=devtools-consolidated-BJ2tPWBk.js.map

package/dist/devtools-consolidated-BJ2tPWBk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools-consolidated-BJ2tPWBk.js","names":["result: any","registeredStores: Record<string, any>","overlayStyles: React.CSSProperties","panelStyles: React.CSSProperties","headerStyles: React.CSSProperties","closeButtonStyles: React.CSSProperties","contentStyles: React.CSSProperties","DevToolsPanelContent: React.FC","CustomDevTools: React.FC"],"sources":["../src/lib/internal-details/lib/devtools/serialize-store-data.tsx","../src/lib/internal-details/lib/devtools/devtools-consolidated.tsx"],"sourcesContent":["import { toJS } from \"mobx\";\n\nexport function serializeStoreData(\n  stores_: Record<string, any>,\n): Record<string, any> {\n  try {\n    const stores = toJS(stores_);\n    const seen = new Set();\n    function serialize(obj: any): any {\n      if (obj === null || typeof obj !== \"object\") {\n        return obj;\n      }\n\n      if (seen.has(obj)) {\n        return \"[Already Seen]\";\n      }\n\n      // Create new path for this branch of recursion\n      seen.add(obj);\n\n      if (Array.isArray(obj)) {\n        return obj.map(serialize);\n      }\n\n      const result: any = {};\n\n      for (const key of Object.keys(obj)) {\n        if (typeof obj[key] === \"function\") {\n          result[key] = \"[Function]\";\n        }\n\n        try {\n          const descriptor = Object.getOwnPropertyDescriptor(obj, key);\n          if (descriptor && descriptor.get) {\n            try {\n              result[key] = serialize(obj[key]);\n            } catch {\n              result[key] = \"[Getter Error]\";\n            }\n          } else {\n            result[key] = serialize(obj[key]);\n          }\n        } catch {\n          result[key] = \"[Access Error]\";\n        }\n      }\n\n      // Add type information\n      if (obj.constructor && obj.constructor.name !== \"Object\") {\n        result.__type__ = obj.constructor.name;\n      }\n\n      return result;\n    }\n\n    return serialize(stores);\n  } catch (error) {\n    return {\n      error: `Error serializing data: ${error instanceof Error ? error.message : \"Unknown error\"}`,\n    };\n  }\n}\n","import { makeAutoObservable } from \"mobx\";\nimport { observer } from \"mobx-react-lite\";\nimport React, { useCallback, useEffect } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { JsonView } from \"react-json-view-lite\";\nimport \"react-json-view-lite/dist/index.css\";\nimport { serializeStoreData } from \"./serialize-store-data.js\";\n\n// ============================================================================\n// STATE MANAGEMENT\n// ============================================================================\n\nclass DevToolsState {\n  isVisible = false;\n\n  constructor() {\n    makeAutoObservable(this);\n  }\n\n  show() {\n    this.isVisible = true;\n  }\n\n  hide() {\n    this.isVisible = false;\n  }\n\n  toggle() {\n    this.isVisible = !this.isVisible;\n  }\n}\n\nconst devToolsState = new DevToolsState();\n\n// ============================================================================\n// KEYBOARD SHORTCUT MANAGER\n// ============================================================================\n\nclass KeyboardShortcutManager {\n  private isListening = false;\n  private shortcutKeys = {\n    key: \"KeyD\",\n    ctrlKey: true,\n    shiftKey: true,\n    altKey: false,\n  };\n\n  constructor() {\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    const { ctrlKey, shiftKey, altKey, metaKey } = event;\n    const isModifierMatch = (ctrlKey || metaKey) && shiftKey && !altKey;\n    const isKeyMatch = event.code === this.shortcutKeys.key;\n    if (isModifierMatch && isKeyMatch) {\n      event.preventDefault();\n      event.stopPropagation();\n      devToolsState.toggle();\n    }\n  }\n\n  private handleEscapeKey = (event: KeyboardEvent) => {\n    if (event.key === \"Escape\" && devToolsState.isVisible) {\n      event.preventDefault();\n      devToolsState.hide();\n    }\n  };\n\n  startListening() {\n    if (this.isListening) return;\n\n    this.isListening = true;\n    document.addEventListener(\"keydown\", this.handleKeyDown, true);\n    document.addEventListener(\"keydown\", this.handleEscapeKey, true);\n  }\n\n  stopListening() {\n    if (!this.isListening) return;\n\n    this.isListening = false;\n    document.removeEventListener(\"keydown\", this.handleKeyDown, true);\n    document.removeEventListener(\"keydown\", this.handleEscapeKey, true);\n  }\n\n  updateShortcut(options: Partial<typeof this.shortcutKeys>) {\n    this.shortcutKeys = { ...this.shortcutKeys, ...options };\n  }\n}\n\nconst keyboardShortcutManager = new KeyboardShortcutManager();\n\n// ============================================================================\n// STORE ACCESS\n// ============================================================================\n\n// This will be populated by the registerStores function\nlet registeredStores: Record<string, any> = {};\n\nexport function setRegisteredStores(stores: Record<string, any>) {\n  registeredStores = stores;\n}\n\nfunction getRegisteredStores() {\n  return registeredStores;\n}\n\n// ============================================================================\n// DEVTOOLS PANEL COMPONENT\n// ============================================================================\n\nconst overlayStyles: React.CSSProperties = {\n  position: \"fixed\",\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  backgroundColor: \"rgba(0, 0, 0, 0.5)\",\n  zIndex: 9999,\n};\n\nconst panelStyles: React.CSSProperties = {\n  position: \"fixed\",\n  top: \"50%\",\n  left: \"50%\",\n  transform: \"translate(-50%, -50%)\",\n  width: \"90vw\",\n  height: \"90vh\",\n  backgroundColor: \"#fff\",\n  zIndex: 10000,\n  display: \"flex\",\n  flexDirection: \"column\",\n  borderRadius: 12,\n};\n\nconst headerStyles: React.CSSProperties = {\n  padding: 12,\n  borderBottom: \"1px solid #ccc\",\n  display: \"flex\",\n  justifyContent: \"space-between\",\n  alignItems: \"center\",\n};\n\nconst closeButtonStyles: React.CSSProperties = {\n  background: \"none\",\n  border: \"none\",\n  cursor: \"pointer\",\n};\n\nconst contentStyles: React.CSSProperties = {\n  padding: 8,\n  display: \"flex\",\n  flex: 1,\n  overflow: \"auto\",\n  flexDirection: \"column\",\n};\n\nconst DevToolsPanelContent: React.FC = observer(() => {\n  const stores = getRegisteredStores();\n  const storeNames = Object.keys(stores);\n\n  const serializedData = serializeStoreData(stores);\n  const onClose = useCallback(() => {\n    devToolsState.hide();\n  }, []);\n\n  return createPortal(\n    <>\n      <div style={overlayStyles} onClick={onClose} />\n      <div style={panelStyles}>\n        <div style={headerStyles}>\n          <h3>\n            MobX DevTools ({storeNames.length} store\n            {storeNames.length !== 1 ? \"s\" : \"\"})\n          </h3>\n          <button\n            style={closeButtonStyles}\n            onClick={onClose}\n            title=\"Close (ESC)\"\n          >\n            ×\n          </button>\n        </div>\n        {storeNames.length === 0 ? (\n          <div>No stores registered yet.</div>\n        ) : (\n          <div style={contentStyles}>\n            <JsonView\n              data={serializedData}\n              clickToExpandNode={true}\n              shouldExpandNode={(level) => level < 2}\n            />\n          </div>\n        )}\n      </div>\n    </>,\n    document.body,\n  );\n});\n\n// ============================================================================\n// PROVIDER COMPONENT\n// ============================================================================\n\nexport const CustomDevTools: React.FC = observer(() => {\n  useEffect(() => {\n    if (devToolsState.isVisible) {\n      const handleEscape = (event: KeyboardEvent) => {\n        if (event.key === \"Escape\") {\n          devToolsState.hide();\n        }\n      };\n      document.addEventListener(\"keydown\", handleEscape);\n      return () => document.removeEventListener(\"keydown\", handleEscape);\n    }\n  }, []);\n\n  if (!devToolsState.isVisible) {\n    return null;\n  }\n\n  return <DevToolsPanelContent />;\n});\n\n// ============================================================================\n// INITIALIZATION\n// ============================================================================\n\nexport function initializeCustomDevTools() {\n  keyboardShortcutManager.startListening();\n  console.log(\n    \"[CustomDevTools] Initialized - Press Ctrl+Shift+D (or Cmd+Shift+D) to open\",\n  );\n}\n"],"mappings":"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"}

package/dist/early-console-buffer-DWTLgla0.js

@@ -0,0 +1,109 @@
+import { SeverityNumber } from "@opentelemetry/api-logs";
+
+//#region src/lib/tracing/early-console-buffer.ts
+var LibraryEarlyConsoleBuffer = class LibraryEarlyConsoleBuffer {
+	static instance;
+	buffer = [];
+	maxBufferSize = 1e3;
+	originalMethods = {};
+	otelLogger = void 0;
+	isPatched = false;
+	static getInstance() {
+		if (!LibraryEarlyConsoleBuffer.instance) LibraryEarlyConsoleBuffer.instance = new LibraryEarlyConsoleBuffer();
+		return LibraryEarlyConsoleBuffer.instance;
+	}
+	patchEarly() {
+		if (this.isPatched) return;
+		this.originalMethods.log = console.log.bind(console);
+		this.originalMethods.info = console.info.bind(console);
+		this.originalMethods.debug = console.debug.bind(console);
+		this.originalMethods.warn = console.warn.bind(console);
+		this.originalMethods.error = console.error.bind(console);
+		this.patchMethod("log");
+		this.patchMethod("info");
+		this.patchMethod("debug");
+		this.patchMethod("warn");
+		this.patchMethod("error");
+		this.isPatched = true;
+	}
+	patchMethod(level) {
+		const originalMethod = this.originalMethods[level];
+		console[level] = (...args) => {
+			originalMethod(...args);
+			this.bufferLog(level, args);
+			if (this.otelLogger) this.sendToOpenTelemetry(level, args);
+		};
+	}
+	bufferLog(level, args) {
+		if (this.buffer.length >= this.maxBufferSize) this.buffer.shift();
+		this.buffer.push({
+			level,
+			args,
+			timestamp: Date.now()
+		});
+	}
+	enableOpenTelemetry(otelLogger) {
+		console.info("[EarlyConsoleBuffer] Enabling OpenTelemetry integration");
+		this.otelLogger = otelLogger;
+		this.flushBuffer();
+	}
+	flushBuffer() {
+		if (!this.otelLogger) return;
+		const bufferCount = this.buffer.length;
+		if (bufferCount === 0) {
+			console.info("[EarlyConsoleBuffer] No buffered logs to flush");
+			return;
+		}
+		console.info(`[EarlyConsoleBuffer] Flushing ${bufferCount} buffered logs to OpenTelemetry`);
+		this.buffer.forEach((entry) => {
+			this.sendToOpenTelemetry(entry.level, entry.args, entry.timestamp, true);
+		});
+		this.buffer = [];
+		console.info(`[EarlyConsoleBuffer] Successfully sent ${bufferCount} buffered logs to OpenTelemetry logger`);
+	}
+	sendToOpenTelemetry(level, args, timestamp, fromBuffer) {
+		if (!this.otelLogger) return;
+		const severityMap = {
+			debug: SeverityNumber.DEBUG,
+			log: SeverityNumber.INFO,
+			info: SeverityNumber.INFO,
+			warn: SeverityNumber.WARN,
+			error: SeverityNumber.ERROR
+		};
+		const attributes = { ...fromBuffer && { source: "early-console-buffer" } };
+		this.otelLogger.emit({
+			severityNumber: severityMap[level],
+			severityText: level,
+			body: this.formatConsoleArgs(args),
+			timestamp,
+			attributes
+		});
+	}
+	formatConsoleArgs(args) {
+		return args.map((arg) => {
+			if (typeof arg === "string") return arg;
+			if (arg === null) return "null";
+			if (arg === void 0) return "undefined";
+			if (typeof arg === "object") try {
+				return JSON.stringify(arg, null, 2);
+			} catch {
+				return "[object Object]";
+			}
+			return String(arg);
+		}).join(" ");
+	}
+	getBufferSize() {
+		return this.buffer.length;
+	}
+	isConsolePatched() {
+		return this.isPatched;
+	}
+	isOpenTelemetryEnabled() {
+		return this.otelLogger !== void 0;
+	}
+};
+var early_console_buffer_default = LibraryEarlyConsoleBuffer;
+
+//#endregion
+export { early_console_buffer_default };
+//# sourceMappingURL=early-console-buffer-DWTLgla0.js.map

package/dist/early-console-buffer-DWTLgla0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"early-console-buffer-DWTLgla0.js","names":[],"sources":["../src/lib/tracing/early-console-buffer.ts"],"sourcesContent":["import { SeverityNumber } from \"@opentelemetry/api-logs\";\nimport type { Logger as OTelLogger } from \"@opentelemetry/api-logs\";\n\ninterface LogEntry {\n  level: \"log\" | \"info\" | \"warn\" | \"error\" | \"debug\";\n  args: any[];\n  timestamp: number;\n}\n\nclass LibraryEarlyConsoleBuffer {\n  private static instance: LibraryEarlyConsoleBuffer;\n  private buffer: LogEntry[] = [];\n  private maxBufferSize = 1000;\n  private originalMethods: Record<string, (...args: any[]) => void> = {};\n  private otelLogger?: OTelLogger = undefined;\n  private isPatched = false;\n\n  static getInstance(): LibraryEarlyConsoleBuffer {\n    if (!LibraryEarlyConsoleBuffer.instance) {\n      LibraryEarlyConsoleBuffer.instance = new LibraryEarlyConsoleBuffer();\n    }\n    return LibraryEarlyConsoleBuffer.instance;\n  }\n\n  // Patch console methods immediately with buffering\n  patchEarly(): void {\n    if (this.isPatched) return;\n\n    // Store original methods\n    this.originalMethods.log = console.log.bind(console);\n    this.originalMethods.info = console.info.bind(console);\n    this.originalMethods.debug = console.debug.bind(console);\n    this.originalMethods.warn = console.warn.bind(console);\n    this.originalMethods.error = console.error.bind(console);\n\n    // Replace with buffering versions\n    this.patchMethod(\"log\");\n    this.patchMethod(\"info\");\n    this.patchMethod(\"debug\");\n    this.patchMethod(\"warn\");\n    this.patchMethod(\"error\");\n\n    this.isPatched = true;\n  }\n\n  private patchMethod(level: string): void {\n    const originalMethod = this.originalMethods[level];\n\n    (console as any)[level] = (...args: any[]) => {\n      // Always call original method for dev experience\n      originalMethod(...args);\n\n      // Buffer for OpenTelemetry\n      this.bufferLog(level as any, args);\n\n      // Send to OpenTelemetry if available\n      if (this.otelLogger) {\n        this.sendToOpenTelemetry(level as any, args);\n      }\n    };\n  }\n\n  private bufferLog(level: LogEntry[\"level\"], args: any[]): void {\n    if (this.buffer.length >= this.maxBufferSize) {\n      this.buffer.shift(); // Remove oldest entry\n    }\n\n    this.buffer.push({\n      level,\n      args,\n      timestamp: Date.now(),\n    });\n  }\n\n  enableOpenTelemetry(otelLogger: OTelLogger): void {\n    console.info(\"[EarlyConsoleBuffer] Enabling OpenTelemetry integration\");\n    this.otelLogger = otelLogger;\n    this.flushBuffer();\n  }\n\n  private flushBuffer(): void {\n    if (!this.otelLogger) return;\n\n    const bufferCount = this.buffer.length;\n    if (bufferCount === 0) {\n      console.info(\"[EarlyConsoleBuffer] No buffered logs to flush\");\n      return;\n    }\n\n    console.info(\n      `[EarlyConsoleBuffer] Flushing ${bufferCount} buffered logs to OpenTelemetry`,\n    );\n\n    this.buffer.forEach((entry) => {\n      this.sendToOpenTelemetry(entry.level, entry.args, entry.timestamp, true); // true = from buffer\n    });\n\n    this.buffer = []; // Clear buffer\n    console.info(\n      `[EarlyConsoleBuffer] Successfully sent ${bufferCount} buffered logs to OpenTelemetry logger`,\n    );\n  }\n\n  private sendToOpenTelemetry(\n    level: LogEntry[\"level\"],\n    args: any[],\n    timestamp?: number,\n    fromBuffer?: boolean,\n  ): void {\n    if (!this.otelLogger) return;\n\n    const severityMap = {\n      debug: SeverityNumber.DEBUG,\n      log: SeverityNumber.INFO,\n      info: SeverityNumber.INFO,\n      warn: SeverityNumber.WARN,\n      error: SeverityNumber.ERROR,\n    };\n\n    // Only add 'source' attribute if this log came from the buffer flush\n    const attributes = {\n      ...(fromBuffer && { source: \"early-console-buffer\" }),\n    };\n\n    this.otelLogger.emit({\n      severityNumber: severityMap[level],\n      severityText: level,\n      body: this.formatConsoleArgs(args),\n      timestamp: timestamp,\n      attributes,\n    });\n  }\n\n  private formatConsoleArgs(args: any[]): string {\n    return args\n      .map((arg) => {\n        if (typeof arg === \"string\") return arg;\n        if (arg === null) return \"null\";\n        if (arg === undefined) return \"undefined\";\n        if (typeof arg === \"object\") {\n          try {\n            return JSON.stringify(arg, null, 2);\n          } catch {\n            return \"[object Object]\";\n          }\n        }\n        return String(arg);\n      })\n      .join(\" \");\n  }\n\n  // Method to check if we have buffered logs (for testing/debugging)\n  getBufferSize(): number {\n    return this.buffer.length;\n  }\n\n  // Method to check if console is patched (for testing/debugging)\n  isConsolePatched(): boolean {\n    return this.isPatched;\n  }\n\n  // Method to check if OpenTelemetry is enabled (for testing/debugging)\n  isOpenTelemetryEnabled(): boolean {\n    return this.otelLogger !== undefined;\n  }\n}\n\nexport default LibraryEarlyConsoleBuffer;\n"],"mappings":";;;AASA,IAAM,4BAAN,MAAM,0BAA0B;CAC9B,OAAe;CACf,AAAQ,SAAqB,EAAE;CAC/B,AAAQ,gBAAgB;CACxB,AAAQ,kBAA4D,EAAE;CACtE,AAAQ,aAA0B;CAClC,AAAQ,YAAY;CAEpB,OAAO,cAAyC;AAC9C,MAAI,CAAC,0BAA0B,SAC7B,2BAA0B,WAAW,IAAI,2BAA2B;AAEtE,SAAO,0BAA0B;;CAInC,aAAmB;AACjB,MAAI,KAAK,UAAW;AAGpB,OAAK,gBAAgB,MAAM,QAAQ,IAAI,KAAK,QAAQ;AACpD,OAAK,gBAAgB,OAAO,QAAQ,KAAK,KAAK,QAAQ;AACtD,OAAK,gBAAgB,QAAQ,QAAQ,MAAM,KAAK,QAAQ;AACxD,OAAK,gBAAgB,OAAO,QAAQ,KAAK,KAAK,QAAQ;AACtD,OAAK,gBAAgB,QAAQ,QAAQ,MAAM,KAAK,QAAQ;AAGxD,OAAK,YAAY,MAAM;AACvB,OAAK,YAAY,OAAO;AACxB,OAAK,YAAY,QAAQ;AACzB,OAAK,YAAY,OAAO;AACxB,OAAK,YAAY,QAAQ;AAEzB,OAAK,YAAY;;CAGnB,AAAQ,YAAY,OAAqB;EACvC,MAAM,iBAAiB,KAAK,gBAAgB;AAE5C,EAAC,QAAgB,UAAU,GAAG,SAAgB;AAE5C,kBAAe,GAAG,KAAK;AAGvB,QAAK,UAAU,OAAc,KAAK;AAGlC,OAAI,KAAK,WACP,MAAK,oBAAoB,OAAc,KAAK;;;CAKlD,AAAQ,UAAU,OAA0B,MAAmB;AAC7D,MAAI,KAAK,OAAO,UAAU,KAAK,cAC7B,MAAK,OAAO,OAAO;AAGrB,OAAK,OAAO,KAAK;GACf;GACA;GACA,WAAW,KAAK,KAAK;GACtB,CAAC;;CAGJ,oBAAoB,YAA8B;AAChD,UAAQ,KAAK,0DAA0D;AACvE,OAAK,aAAa;AAClB,OAAK,aAAa;;CAGpB,AAAQ,cAAoB;AAC1B,MAAI,CAAC,KAAK,WAAY;EAEtB,MAAM,cAAc,KAAK,OAAO;AAChC,MAAI,gBAAgB,GAAG;AACrB,WAAQ,KAAK,iDAAiD;AAC9D;;AAGF,UAAQ,KACN,iCAAiC,YAAY,iCAC9C;AAED,OAAK,OAAO,SAAS,UAAU;AAC7B,QAAK,oBAAoB,MAAM,OAAO,MAAM,MAAM,MAAM,WAAW,KAAK;IACxE;AAEF,OAAK,SAAS,EAAE;AAChB,UAAQ,KACN,0CAA0C,YAAY,wCACvD;;CAGH,AAAQ,oBACN,OACA,MACA,WACA,YACM;AACN,MAAI,CAAC,KAAK,WAAY;EAEtB,MAAM,cAAc;GAClB,OAAO,eAAe;GACtB,KAAK,eAAe;GACpB,MAAM,eAAe;GACrB,MAAM,eAAe;GACrB,OAAO,eAAe;GACvB;EAGD,MAAM,aAAa,EACjB,GAAI,cAAc,EAAE,QAAQ,wBAAwB,EACrD;AAED,OAAK,WAAW,KAAK;GACnB,gBAAgB,YAAY;GAC5B,cAAc;GACd,MAAM,KAAK,kBAAkB,KAAK;GACvB;GACX;GACD,CAAC;;CAGJ,AAAQ,kBAAkB,MAAqB;AAC7C,SAAO,KACJ,KAAK,QAAQ;AACZ,OAAI,OAAO,QAAQ,SAAU,QAAO;AACpC,OAAI,QAAQ,KAAM,QAAO;AACzB,OAAI,QAAQ,OAAW,QAAO;AAC9B,OAAI,OAAO,QAAQ,SACjB,KAAI;AACF,WAAO,KAAK,UAAU,KAAK,MAAM,EAAE;WAC7B;AACN,WAAO;;AAGX,UAAO,OAAO,IAAI;IAClB,CACD,KAAK,IAAI;;CAId,gBAAwB;AACtB,SAAO,KAAK,OAAO;;CAIrB,mBAA4B;AAC1B,SAAO,KAAK;;CAId,yBAAkC;AAChC,SAAO,KAAK,eAAe;;;AAI/B,mCAAe"}