@ytspar/devbar 1.0.0-canary.e1f65d0 → 1.0.0-canary.f2afc5a

package/dist/constants.js

@@ -1,7 +1,7 @@
 /**
- * DevBar Constants
+ * devbar Constants
  *
- * Shared constants used by the DevBar components.
+ * Shared constants used by the devbar components.
  */
 // Re-export shared constants from sweetlink's browser modules to avoid pulling in Node.js-only code
 export { MAX_CONSOLE_LOGS } from '@ytspar/sweetlink/browser/consoleCapture';
@@ -18,8 +18,14 @@ export const MAX_RECONNECT_DELAY_MS = 30000;
 // ============================================================================
 // WebSocket Settings
 // ============================================================================
-/** Default WebSocket port for Sweetlink connection */
-export const WS_PORT = 9223;
+// Re-export port constants from sweetlink
+export { DEFAULT_WS_PORT as WS_PORT, WS_PORT_OFFSET } from '@ytspar/sweetlink/types';
+/** Maximum ports to try when scanning for matching server */
+export const MAX_PORT_RETRIES = 10;
+/** Delay between port scan attempts (ms) */
+export const PORT_RETRY_DELAY_MS = 100;
+/** Delay before restarting port scan from base after all ports fail (ms) */
+export const PORT_SCAN_RESTART_DELAY_MS = 3000;
 // ============================================================================
 // Notification Durations
 // ============================================================================
@@ -41,11 +47,11 @@ export const SCREENSHOT_SCALE = 0.75;
 // ============================================================================
 /** Tailwind CSS breakpoint definitions */
 export const TAILWIND_BREAKPOINTS = {
-    'base': { min: 0, label: 'Tailwind base: <640px' },
-    'sm': { min: 640, label: 'Tailwind sm: >=640px' },
-    'md': { min: 768, label: 'Tailwind md: >=768px' },
-    'lg': { min: 1024, label: 'Tailwind lg: >=1024px' },
-    'xl': { min: 1280, label: 'Tailwind xl: >=1280px' },
+    base: { min: 0, label: 'Tailwind base: <640px' },
+    sm: { min: 640, label: 'Tailwind sm: >=640px' },
+    md: { min: 768, label: 'Tailwind md: >=768px' },
+    lg: { min: 1024, label: 'Tailwind lg: >=1024px' },
+    xl: { min: 1280, label: 'Tailwind xl: >=1280px' },
     '2xl': { min: 1536, label: 'Tailwind 2xl: >=1536px' },
 };
 // ============================================================================
@@ -76,6 +82,7 @@ export const BUTTON_COLORS = {
     schema: PALETTE.amber,
     error: PALETTE.red,
     warning: PALETTE.amber,
+    info: PALETTE.blue,
 };
 /** Category colors for outline display */
 export const CATEGORY_COLORS = {
@@ -89,9 +96,19 @@ export const CATEGORY_COLORS = {
     other: PALETTE.gray,
 };
 // ============================================================================
+// Storage Keys
+// ============================================================================
+/** LocalStorage keys for devbar persistence */
+export const STORAGE_KEYS = {
+    /** Theme mode preference: 'dark' | 'light' | 'system' */
+    themeMode: 'devbar-theme-mode',
+    /** Compact mode preference: 'true' | 'false' */
+    compactMode: 'devbar-compact-mode',
+};
+// ============================================================================
 // Design System Theme
 // ============================================================================
-/** Complete DevBar design system theme */
+/** Complete devbar design system theme */
 export const DEVBAR_THEME = {
     colors: {
         // Primary accent
@@ -125,7 +142,7 @@ export const DEVBAR_THEME = {
         // Falls back to system monospace if not loaded
         mono: "'Departure Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
     },
-    // Typography scale (matches DevBar UI)
+    // Typography scale (matches devbar UI)
     typography: {
         // Font sizes
         sizeXs: '0.625rem', // 10px - badges, tiny labels
@@ -164,13 +181,167 @@ export const DEVBAR_THEME = {
         fast: '150ms',
     },
 };
+/** Light theme variant - terminal aesthetic with light green tones */
+export const DEVBAR_THEME_LIGHT = {
+    colors: {
+        // Primary accent (darker emerald for contrast)
+        primary: '#047857', // darker emerald for better contrast
+        primaryHover: '#065f46',
+        primaryGlow: 'rgba(4, 120, 87, 0.25)',
+        // Semantic colors (adjusted for light bg)
+        error: '#dc2626',
+        warning: '#d97706',
+        info: '#2563eb',
+        // Extended palette (darker for light mode)
+        purple: '#7c3aed',
+        cyan: '#0891b2',
+        pink: '#db2777',
+        lime: '#65a30d',
+        // Backgrounds - terminal light green aesthetic
+        bg: '#ecfdf5', // very light mint/green
+        bgCard: 'rgba(255, 255, 255, 0.85)',
+        bgElevated: 'rgba(255, 255, 255, 0.95)',
+        bgInput: 'rgba(236, 253, 245, 0.9)', // light mint input
+        // Text (dark on light)
+        text: '#064e3b', // dark emerald text
+        textSecondary: '#065f46',
+        textMuted: '#047857',
+        // Borders (emerald-tinted)
+        border: 'rgba(4, 120, 87, 0.3)',
+        borderSubtle: 'rgba(4, 120, 87, 0.1)',
+    },
+    // Other properties same as dark theme
+    fonts: DEVBAR_THEME.fonts,
+    typography: DEVBAR_THEME.typography,
+    radius: DEVBAR_THEME.radius,
+    shadows: {
+        sm: '0 1px 2px rgba(4, 120, 87, 0.1)',
+        md: '0 4px 12px rgba(4, 120, 87, 0.12), 0 0 0 1px rgba(4, 120, 87, 0.15)',
+        lg: '0 8px 32px rgba(4, 120, 87, 0.15), 0 0 0 1px rgba(4, 120, 87, 0.2)',
+        glow: '0 0 20px rgba(4, 120, 87, 0.15)',
+    },
+    transitions: DEVBAR_THEME.transitions,
+};
 // ============================================================================
 // Shorthand Exports (for cleaner imports)
 // ============================================================================
-/** Shorthand for common colors */
+/** Shorthand for common colors (static dark theme - use CSS_COLORS for theming) */
 export const COLORS = DEVBAR_THEME.colors;
 /** Shorthand for font stack */
 export const FONT_MONO = DEVBAR_THEME.fonts.mono;
+/**
+ * CSS variable references for dynamic theming.
+ * Use these instead of COLORS for inline styles that should respond to theme changes.
+ */
+export const CSS_COLORS = {
+    // Primary accent
+    primary: 'var(--devbar-color-primary)',
+    primaryHover: 'var(--devbar-color-primary-hover)',
+    primaryGlow: 'var(--devbar-color-primary-glow)',
+    // Semantic colors
+    error: 'var(--devbar-color-error)',
+    warning: 'var(--devbar-color-warning)',
+    info: 'var(--devbar-color-info)',
+    // Extended palette
+    purple: 'var(--devbar-color-purple)',
+    cyan: 'var(--devbar-color-cyan)',
+    pink: 'var(--devbar-color-pink)',
+    lime: 'var(--devbar-color-lime)',
+    // Backgrounds
+    bg: 'var(--devbar-color-bg)',
+    bgCard: 'var(--devbar-color-bg-card)',
+    bgElevated: 'var(--devbar-color-bg-elevated)',
+    bgInput: 'var(--devbar-color-bg-input)',
+    // Text
+    text: 'var(--devbar-color-text)',
+    textSecondary: 'var(--devbar-color-text-secondary)',
+    textMuted: 'var(--devbar-color-text-muted)',
+    // Borders
+    border: 'var(--devbar-color-border)',
+    borderSubtle: 'var(--devbar-color-border-subtle)',
+};
+// ============================================================================
+// Theme Mode Utilities
+// ============================================================================
+/**
+ * Safely get item from localStorage with error handling
+ */
+function safeGetItem(key) {
+    if (typeof localStorage === 'undefined')
+        return null;
+    try {
+        return localStorage.getItem(key);
+    }
+    catch (error) {
+        // Handle SecurityError in private browsing or iframe contexts
+        console.warn('[devbar] localStorage access failed:', error);
+        return null;
+    }
+}
+/**
+ * Safely set item in localStorage with error handling
+ */
+function safeSetItem(key, value) {
+    if (typeof localStorage === 'undefined')
+        return false;
+    try {
+        localStorage.setItem(key, value);
+        return true;
+    }
+    catch (error) {
+        // Handle QuotaExceededError or SecurityError
+        if (error instanceof Error) {
+            if (error.name === 'QuotaExceededError') {
+                console.warn('[devbar] localStorage quota exceeded');
+            }
+            else {
+                console.warn('[devbar] localStorage access failed:', error.message);
+            }
+        }
+        return false;
+    }
+}
+/**
+ * Get the stored theme mode preference
+ */
+export function getStoredThemeMode() {
+    const stored = safeGetItem(STORAGE_KEYS.themeMode);
+    if (stored === 'dark' || stored === 'light' || stored === 'system') {
+        return stored;
+    }
+    return 'system';
+}
+/**
+ * Store the theme mode preference
+ */
+export function setStoredThemeMode(mode) {
+    safeSetItem(STORAGE_KEYS.themeMode, mode);
+}
+/**
+ * Get the effective theme (resolves 'system' to 'dark' or 'light')
+ */
+export function getEffectiveTheme(mode) {
+    if (mode === 'system') {
+        if (typeof window === 'undefined')
+            return 'dark';
+        return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    }
+    return mode;
+}
+/**
+ * Get theme colors based on the current effective theme
+ */
+export function getThemeColors(mode) {
+    const effectiveTheme = getEffectiveTheme(mode);
+    return effectiveTheme === 'light' ? DEVBAR_THEME_LIGHT.colors : DEVBAR_THEME.colors;
+}
+/**
+ * Get full theme based on the current effective theme
+ */
+export function getTheme(mode) {
+    const effectiveTheme = getEffectiveTheme(mode);
+    return effectiveTheme === 'light' ? DEVBAR_THEME_LIGHT : DEVBAR_THEME;
+}
 /**
  * Generate CSS custom properties from the theme
  */
@@ -330,9 +501,9 @@ export const MODAL_OVERLAY_STYLES = {
     alignItems: 'center',
     justifyContent: 'center',
 };
-/** Common modal box styles */
+/** Common modal box styles (uses CSS variables for theming) */
 export const MODAL_BOX_BASE_STYLES = {
-    backgroundColor: COLORS.bgElevated,
+    backgroundColor: 'var(--devbar-color-bg-elevated)',
     borderRadius: '12px',
     width: '90%',
     maxWidth: '700px',
@@ -344,105 +515,22 @@ export const MODAL_BOX_BASE_STYLES = {
 // ============================================================================
 // CSS Styles
 // ============================================================================
-/** Tooltip and animation CSS styles */
-export const TOOLTIP_STYLES = `
-.devbar-tooltip {
-  position: relative;
-}
-/* Invisible bridge to keep tooltip open when moving mouse to it */
-.devbar-tooltip::before {
-  content: '';
-  position: absolute;
-  bottom: 100%;
-  left: 0;
-  right: 0;
-  height: 16px;
-  pointer-events: none;
-}
-.devbar-tooltip:hover::before {
-  pointer-events: auto;
-}
-/* Extend bridge for right-aligned tooltips (tooltip extends left) */
-.devbar-tooltip-right::before {
-  left: -400px;
-  right: 0;
-}
-/* Extend bridge for left-aligned tooltips (tooltip extends right) */
-.devbar-tooltip-left::before {
-  left: 0;
-  right: -400px;
-}
-.devbar-tooltip::after {
-  content: attr(data-tooltip);
-  position: absolute;
-  bottom: calc(100% + 8px);
-  left: 50%;
-  transform: translateX(-50%) scale(0.95);
-  padding: 0.625rem 1rem;
-  background: ${COLORS.bgElevated};
-  color: ${COLORS.primary};
-  font-family: ${FONT_MONO};
-  font-size: 0.75rem;
-  line-height: 1.5;
-  border-radius: 6px;
-  border: 1px solid ${COLORS.border};
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(16, 185, 129, 0.1);
-  backdrop-filter: blur(8px);
-  -webkit-backdrop-filter: blur(8px);
-  min-width: min(200px, calc(100vw - 32px));
-  max-width: min(400px, calc(100vw - 32px));
-  white-space: pre-wrap;
-  z-index: 10001;
-  pointer-events: none;
-  opacity: 0;
-  visibility: hidden;
-  will-change: opacity, transform;
-  transition: opacity 150ms ease-out, transform 150ms ease-out, visibility 150ms;
-  user-select: text;
-  cursor: text;
-}
-.devbar-tooltip:hover::after {
-  opacity: 1;
-  visibility: visible;
-  transform: translateX(-50%) scale(1);
-  pointer-events: auto;
-}
-.devbar-tooltip-left::after {
-  left: 8px !important;
-  right: auto !important;
-  transform: translateX(0) scale(0.95) !important;
-}
-.devbar-tooltip-left:hover::after {
-  transform: translateX(0) scale(1) !important;
-}
-.devbar-tooltip-right::after {
-  left: auto !important;
-  right: 8px !important;
-  transform: translateX(0) scale(0.95) !important;
-}
-.devbar-tooltip-right:hover::after {
-  transform: translateX(0) scale(1) !important;
-}
-.devbar-capturing .devbar-tooltip::after,
-.devbar-capturing .devbar-tooltip:hover::after {
-  display: none !important;
-  opacity: 0 !important;
-  visibility: hidden !important;
-}
+/** Animation and utility CSS styles (uses CSS variables for theming) */
+export const DEVBAR_STYLES = `
 .devbar-item {
   transition: opacity 150ms ease-out, color 150ms ease-out;
 }
 .devbar-item:hover {
   opacity: 1 !important;
-  color: ${COLORS.primary};
+  color: var(--devbar-color-primary);
 }
 .devbar-clickable {
   transition: transform 150ms ease-out, background-color 150ms ease-out, box-shadow 150ms ease-out;
 }
 .devbar-clickable:hover {
   transform: scale(1.1);
-  background-color: rgba(16, 185, 129, 0.15);
-  box-shadow: 0 0 8px ${COLORS.primaryGlow};
+  background-color: var(--devbar-color-primary-glow);
+  box-shadow: 0 0 8px var(--devbar-color-primary-glow);
 }
 .devbar-badge {
   transition: transform 150ms ease-out, box-shadow 150ms ease-out;
@@ -456,9 +544,9 @@ export const TOOLTIP_STYLES = `
 }
 .devbar-collapse:hover {
   transform: scale(1.08);
-  background-color: rgba(16, 185, 129, 0.15);
-  box-shadow: 0 0 12px ${COLORS.primaryGlow};
-  border-color: ${COLORS.primary};
+  background-color: var(--devbar-color-primary-glow);
+  box-shadow: 0 0 12px var(--devbar-color-primary-glow);
+  border-color: var(--devbar-color-primary);
 }
 @keyframes pulse {
   0%, 100% { opacity: 1; }
@@ -468,6 +556,10 @@ export const TOOLTIP_STYLES = `
   0% { transform: scale(0.8); opacity: 0; }
   100% { transform: scale(1); opacity: 1; }
 }
+@keyframes devbar-collapsed-pulse {
+  0%, 100% { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(16, 185, 129, 0.1); }
+  50% { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 8px rgba(16, 185, 129, 0.4); }
+}
 /* Main row - single row by default (SM, MD, LG, XL) */
 .devbar-main {
   flex-wrap: nowrap;
@@ -489,7 +581,8 @@ export const TOOLTIP_STYLES = `
 }
 /* BASE only (< 640px): fit content, centered horizontally */
 @media (max-width: 639px) {
-  [data-devbar] {
+  /* Expanded state: center and constrain width */
+  [data-devbar]:not(.devbar-collapse) {
     width: auto !important;
     min-width: auto !important;
     max-width: calc(100vw - 32px) !important;
@@ -497,6 +590,7 @@ export const TOOLTIP_STYLES = `
     right: auto !important;
     transform: translateX(-50%) !important;
   }
+  /* Collapsed state: JS handles positioning based on captured dot location */
   .devbar-main {
     flex-wrap: wrap;
     justify-content: center;
@@ -517,19 +611,6 @@ export const TOOLTIP_STYLES = `
     flex-wrap: nowrap;
     width: 100%;
   }
-  /* Constrain tooltips to viewport on mobile */
-  .devbar-tooltip::after {
-    left: auto !important;
-    right: 0 !important;
-    transform: translateX(0) scale(0.95) !important;
-    max-width: calc(100vw - 24px) !important;
-  }
-  .devbar-tooltip:hover::after {
-    transform: translateX(0) scale(1) !important;
-  }
-  .devbar-tooltip-left::after {
-    left: 0 !important;
-    right: auto !important;
-  }
 }
 `;
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"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"}

package/dist/debug.d.ts

@@ -0,0 +1,40 @@
+/**
+ * devbar Debug Utilities
+ *
+ * Debug logging system for devbar lifecycle, state, and events.
+ */
+import type { DebugConfig } from './types.js';
+/**
+ * Normalize debug option to DebugConfig
+ */
+export declare function normalizeDebugConfig(debug: boolean | DebugConfig | undefined): DebugConfig;
+/**
+ * Debug logger for devbar
+ */
+export declare class DebugLogger {
+    private config;
+    private prefix;
+    constructor(config: DebugConfig);
+    /**
+     * Update debug configuration
+     */
+    setConfig(config: DebugConfig): void;
+    /**
+     * Log lifecycle events (init, destroy, etc.)
+     */
+    lifecycle(message: string, data?: unknown): void;
+    /**
+     * Log state changes (collapse, modal open/close, etc.)
+     */
+    state(message: string, data?: unknown): void;
+    /**
+     * Log WebSocket events (connect, disconnect, messages)
+     */
+    ws(message: string, data?: unknown): void;
+    /**
+     * Log performance measurements (FCP, LCP, CLS, INP)
+     */
+    perf(message: string, data?: unknown): void;
+    private log;
+}
+//# sourceMappingURL=debug.d.ts.map

package/dist/debug.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug.d.ts","sourceRoot":"","sources":["../src/debug.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,WAAW,CAoB1F;AAED;;GAEG;AACH,qBAAa,WAAW;IACtB,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,MAAM,CAAc;gBAEhB,MAAM,EAAE,WAAW;IAI/B;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI;IAIpC;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAMhD;;OAEG;IACH,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAM5C;;OAEG;IACH,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAMzC;;OAEG;IACH,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAM3C,OAAO,CAAC,GAAG;CA6BZ"}

package/dist/debug.js

@@ -0,0 +1,94 @@
+/**
+ * devbar Debug Utilities
+ *
+ * Debug logging system for devbar lifecycle, state, and events.
+ */
+/**
+ * Normalize debug option to DebugConfig
+ */
+export function normalizeDebugConfig(debug) {
+    if (!debug) {
+        return { enabled: false };
+    }
+    if (debug === true) {
+        return {
+            enabled: true,
+            logLifecycle: true,
+            logStateChanges: true,
+            logWebSocket: true,
+            logPerformance: true,
+        };
+    }
+    return {
+        enabled: debug.enabled,
+        logLifecycle: debug.logLifecycle ?? true,
+        logStateChanges: debug.logStateChanges ?? true,
+        logWebSocket: debug.logWebSocket ?? true,
+        logPerformance: debug.logPerformance ?? true,
+    };
+}
+/**
+ * Debug logger for devbar
+ */
+export class DebugLogger {
+    config;
+    prefix = '[devbar]';
+    constructor(config) {
+        this.config = config;
+    }
+    /**
+     * Update debug configuration
+     */
+    setConfig(config) {
+        this.config = config;
+    }
+    /**
+     * Log lifecycle events (init, destroy, etc.)
+     */
+    lifecycle(message, data) {
+        if (this.config.enabled && this.config.logLifecycle) {
+            this.log('lifecycle', message, data);
+        }
+    }
+    /**
+     * Log state changes (collapse, modal open/close, etc.)
+     */
+    state(message, data) {
+        if (this.config.enabled && this.config.logStateChanges) {
+            this.log('state', message, data);
+        }
+    }
+    /**
+     * Log WebSocket events (connect, disconnect, messages)
+     */
+    ws(message, data) {
+        if (this.config.enabled && this.config.logWebSocket) {
+            this.log('ws', message, data);
+        }
+    }
+    /**
+     * Log performance measurements (FCP, LCP, CLS, INP)
+     */
+    perf(message, data) {
+        if (this.config.enabled && this.config.logPerformance) {
+            this.log('perf', message, data);
+        }
+    }
+    log(category, message, data) {
+        const timestamp = new Date().toISOString().split('T')[1].slice(0, -1);
+        const categoryColors = {
+            lifecycle: '#10b981', // emerald
+            state: '#3b82f6', // blue
+            ws: '#a855f7', // purple
+            perf: '#f59e0b', // amber
+        };
+        const color = categoryColors[category] || '#6b7280';
+        if (data !== undefined) {
+            console.log(`%c${this.prefix}%c [${category}] %c${timestamp}%c ${message}`, 'color: #10b981; font-weight: bold', `color: ${color}`, 'color: #6b7280', 'color: inherit', data);
+        }
+        else {
+            console.log(`%c${this.prefix}%c [${category}] %c${timestamp}%c ${message}`, 'color: #10b981; font-weight: bold', `color: ${color}`, 'color: #6b7280', 'color: inherit');
+        }
+    }
+}
+//# sourceMappingURL=debug.js.map

package/dist/debug.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug.js","sourceRoot":"","sources":["../src/debug.ts"],"names":[],"mappings":"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"}

package/dist/earlyConsoleCapture.d.ts

@@ -1,34 +1,7 @@
 /**
- * Early Console Capture Script
+ * Early Console Capture Script - Re-exported from @ytspar/sweetlink
  *
- * This script captures console logs BEFORE React hydrates, which is critical for
- * catching hydration errors and other early-stage issues. It must be injected
- * into the HTML <head> as an inline script.
- *
- * The script creates `window.__sweetlinkEarlyLogs` which GlobalDevBar will pick up
- * when it mounts, merging these early logs with subsequent console output.
- *
- * @example
- * ```tsx
- * // In your Document component (Remix) or _document.tsx (Next.js)
- * import { EARLY_CONSOLE_CAPTURE_SCRIPT } from '@ytspar/devbar';
- *
- * <head>
- *   <script dangerouslySetInnerHTML={{ __html: EARLY_CONSOLE_CAPTURE_SCRIPT }} />
- * </head>
- * ```
- */
-export declare const EARLY_CONSOLE_CAPTURE_SCRIPT = "\n(function() {\n  if (window.__sweetlinkEarlyLogs) return;\n  window.__sweetlinkEarlyLogs = [];\n  var orig = {\n    log: console.log,\n    error: console.error,\n    warn: console.warn,\n    info: console.info\n  };\n  function formatArg(a) {\n    if (a instanceof Error) {\n      return a.name + ': ' + a.message + (a.stack ? '\\n' + a.stack : '');\n    }\n    if (typeof a === 'object' && a !== null) {\n      try {\n        return JSON.stringify(a, function(key, val) {\n          if (val instanceof Error) {\n            return val.name + ': ' + val.message;\n          }\n          return val;\n        });\n      } catch(e) {\n        return String(a);\n      }\n    }\n    return String(a);\n  }\n  function capture(level, args) {\n    window.__sweetlinkEarlyLogs.push({\n      level: level,\n      message: Array.from(args).map(formatArg).join(' '),\n      timestamp: new Date().toISOString()\n    });\n  }\n  console.log = function() { capture('log', arguments); orig.log.apply(console, arguments); };\n  console.error = function() { capture('error', arguments); orig.error.apply(console, arguments); };\n  console.warn = function() { capture('warn', arguments); orig.warn.apply(console, arguments); };\n  console.info = function() { capture('info', arguments); orig.info.apply(console, arguments); };\n  // Capture uncaught errors\n  window.addEventListener('error', function(e) {\n    window.__sweetlinkEarlyLogs.push({\n      level: 'error',\n      message: 'Uncaught ' + (e.error ? formatArg(e.error) : e.message) + ' at ' + e.filename + ':' + e.lineno + ':' + e.colno,\n      timestamp: new Date().toISOString()\n    });\n  });\n  // Capture unhandled promise rejections\n  window.addEventListener('unhandledrejection', function(e) {\n    window.__sweetlinkEarlyLogs.push({\n      level: 'error',\n      message: 'Unhandled Promise Rejection: ' + formatArg(e.reason),\n      timestamp: new Date().toISOString()\n    });\n  });\n})();\n";
-/**
- * Type declaration for the window object with early logs
- * Use this to type-check access to early logs in your app
+ * @see {@link @ytspar/sweetlink/browser/earlyConsoleCapture}
  */
-declare global {
-    interface Window {
-        __sweetlinkEarlyLogs?: Array<{
-            level: string;
-            message: string;
-            timestamp: string;
-        }>;
-    }
-}
+export { EARLY_CONSOLE_CAPTURE_SCRIPT } from '@ytspar/sweetlink/browser/earlyConsoleCapture';
+//# sourceMappingURL=earlyConsoleCapture.d.ts.map

package/dist/earlyConsoleCapture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"earlyConsoleCapture.d.ts","sourceRoot":"","sources":["../src/earlyConsoleCapture.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,4BAA4B,EAAE,MAAM,+CAA+C,CAAC"}