@ytspar/devbar 1.0.0-canary.c37df82 → 1.0.0-canary.cdf7fa2

package/dist/accessibility.d.ts

@@ -0,0 +1,84 @@
+/**
+ * Accessibility Audit Utilities
+ *
+ * Lazy-loads axe-core and provides accessibility auditing capabilities.
+ */
+/**
+ * Axe-core result types (simplified)
+ */
+export interface AxeViolation {
+    id: string;
+    impact: 'critical' | 'serious' | 'moderate' | 'minor';
+    description: string;
+    help: string;
+    helpUrl: string;
+    tags: string[];
+    nodes: Array<{
+        html: string;
+        target: string[];
+        failureSummary?: string;
+    }>;
+}
+export interface AxeResult {
+    violations: AxeViolation[];
+    passes: Array<{
+        id: string;
+        description: string;
+    }>;
+    incomplete: AxeViolation[];
+    inapplicable: Array<{
+        id: string;
+    }>;
+    timestamp: string;
+    url: string;
+}
+/**
+ * Accessibility audit state
+ */
+export interface A11yState {
+    isLoading: boolean;
+    lastRun: number | null;
+    result: AxeResult | null;
+    error: string | null;
+}
+/**
+ * Check if axe-core is loaded
+ */
+export declare function isAxeLoaded(): boolean;
+/**
+ * Preload axe-core without waiting
+ */
+export declare function preloadAxe(): void;
+/**
+ * Run accessibility audit on the page
+ * Returns cached result if within cache duration
+ */
+export declare function runA11yAudit(forceRefresh?: boolean): Promise<AxeResult>;
+/**
+ * Get violation count by impact level
+ */
+export declare function getViolationCounts(violations: AxeViolation[]): Record<string, number>;
+/**
+ * Group violations by impact level
+ */
+export declare function groupViolationsByImpact(violations: AxeViolation[]): Map<string, AxeViolation[]>;
+/**
+ * Get color for impact level
+ */
+export declare function getImpactColor(impact: string): string;
+/**
+ * Get badge color based on worst violation impact
+ */
+export declare function getBadgeColor(violations: AxeViolation[]): string;
+/**
+ * Clear cached result
+ */
+export declare function clearA11yCache(): void;
+/**
+ * Get cached result without running audit
+ */
+export declare function getCachedResult(): AxeResult | null;
+/**
+ * Format violation for display
+ */
+export declare function formatViolation(violation: AxeViolation): string;

package/dist/accessibility.js

@@ -0,0 +1,155 @@
+/**
+ * Accessibility Audit Utilities
+ *
+ * Lazy-loads axe-core and provides accessibility auditing capabilities.
+ */
+// Cache duration in milliseconds (30 seconds)
+const CACHE_DURATION_MS = 30000;
+// Module-level state
+let axePromise = null;
+let cachedResult = null;
+let cacheTimestamp = null;
+/**
+ * Lazy load axe-core
+ */
+async function loadAxe() {
+    if (!axePromise) {
+        axePromise = import('axe-core');
+    }
+    return axePromise;
+}
+/**
+ * Check if axe-core is loaded
+ */
+export function isAxeLoaded() {
+    return axePromise !== null;
+}
+/**
+ * Preload axe-core without waiting
+ */
+export function preloadAxe() {
+    loadAxe().catch(() => {
+        // Silently ignore preload errors
+    });
+}
+/**
+ * Run accessibility audit on the page
+ * Returns cached result if within cache duration
+ */
+export async function runA11yAudit(forceRefresh = false) {
+    // Return cached result if valid
+    if (!forceRefresh &&
+        cachedResult &&
+        cacheTimestamp &&
+        Date.now() - cacheTimestamp < CACHE_DURATION_MS) {
+        return cachedResult;
+    }
+    const axeModule = await loadAxe();
+    // Handle ESM/CJS interop
+    const axe = axeModule.default ?? axeModule;
+    // Run axe analysis
+    const result = await axe.run(document, {
+        runOnly: {
+            type: 'tag',
+            values: ['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa', 'best-practice'],
+        },
+    });
+    // Transform to our format
+    const auditResult = {
+        violations: result.violations,
+        passes: result.passes.map((p) => ({
+            id: p.id,
+            description: p.description,
+        })),
+        incomplete: result.incomplete,
+        inapplicable: result.inapplicable.map((i) => ({ id: i.id })),
+        timestamp: new Date().toISOString(),
+        url: window.location.href,
+    };
+    // Cache the result
+    cachedResult = auditResult;
+    cacheTimestamp = Date.now();
+    return auditResult;
+}
+/**
+ * Get violation count by impact level
+ */
+export function getViolationCounts(violations) {
+    const counts = {
+        critical: 0,
+        serious: 0,
+        moderate: 0,
+        minor: 0,
+        total: 0,
+    };
+    for (const violation of violations) {
+        counts[violation.impact] = (counts[violation.impact] || 0) + 1;
+        counts.total++;
+    }
+    return counts;
+}
+/**
+ * Group violations by impact level
+ */
+export function groupViolationsByImpact(violations) {
+    const groups = new Map();
+    const impactOrder = ['critical', 'serious', 'moderate', 'minor'];
+    for (const impact of impactOrder) {
+        groups.set(impact, []);
+    }
+    for (const violation of violations) {
+        const group = groups.get(violation.impact);
+        if (group) {
+            group.push(violation);
+        }
+    }
+    return groups;
+}
+/**
+ * Get color for impact level
+ */
+export function getImpactColor(impact) {
+    const colors = {
+        critical: '#ef4444', // red
+        serious: '#f97316', // orange
+        moderate: '#f59e0b', // amber
+        minor: '#84cc16', // lime
+    };
+    return colors[impact] || '#6b7280';
+}
+/**
+ * Get badge color based on worst violation impact
+ */
+export function getBadgeColor(violations) {
+    if (violations.some((v) => v.impact === 'critical'))
+        return getImpactColor('critical');
+    if (violations.some((v) => v.impact === 'serious'))
+        return getImpactColor('serious');
+    if (violations.some((v) => v.impact === 'moderate'))
+        return getImpactColor('moderate');
+    if (violations.some((v) => v.impact === 'minor'))
+        return getImpactColor('minor');
+    return '#10b981'; // green - no violations
+}
+/**
+ * Clear cached result
+ */
+export function clearA11yCache() {
+    cachedResult = null;
+    cacheTimestamp = null;
+}
+/**
+ * Get cached result without running audit
+ */
+export function getCachedResult() {
+    if (cachedResult && cacheTimestamp && Date.now() - cacheTimestamp < CACHE_DURATION_MS) {
+        return cachedResult;
+    }
+    return null;
+}
+/**
+ * Format violation for display
+ */
+export function formatViolation(violation) {
+    return `[${violation.impact.toUpperCase()}] ${violation.help}\n${violation.description}\n${violation.nodes.length} element(s) affected`;
+}

package/dist/constants.d.ts

@@ -62,6 +62,13 @@ export declare const BUTTON_COLORS: {
 };
 /** Category colors for outline display */
 export declare const CATEGORY_COLORS: Record<string, string>;
+/** LocalStorage keys for DevBar persistence */
+export declare const STORAGE_KEYS: {
+    /** Theme mode preference: 'dark' | 'light' | 'system' */
+    readonly themeMode: "devbar-theme-mode";
+    /** Compact mode preference: 'true' | 'false' */
+    readonly compactMode: "devbar-compact-mode";
+};
 /** Complete DevBar design system theme */
 export declare const DEVBAR_THEME: {
     readonly colors: {
@@ -123,6 +130,67 @@ export declare const DEVBAR_THEME: {
     };
 };
 export type DevBarTheme = typeof DEVBAR_THEME;
+/** Light theme variant - terminal aesthetic with light green tones */
+export declare const DEVBAR_THEME_LIGHT: {
+    readonly colors: {
+        readonly primary: "#047857";
+        readonly primaryHover: "#065f46";
+        readonly primaryGlow: "rgba(4, 120, 87, 0.25)";
+        readonly error: "#dc2626";
+        readonly warning: "#d97706";
+        readonly info: "#2563eb";
+        readonly purple: "#7c3aed";
+        readonly cyan: "#0891b2";
+        readonly pink: "#db2777";
+        readonly lime: "#65a30d";
+        readonly bg: "#ecfdf5";
+        readonly bgCard: "rgba(255, 255, 255, 0.85)";
+        readonly bgElevated: "rgba(255, 255, 255, 0.95)";
+        readonly bgInput: "rgba(236, 253, 245, 0.9)";
+        readonly text: "#064e3b";
+        readonly textSecondary: "#065f46";
+        readonly textMuted: "#047857";
+        readonly border: "rgba(4, 120, 87, 0.3)";
+        readonly borderSubtle: "rgba(4, 120, 87, 0.1)";
+    };
+    readonly fonts: {
+        readonly mono: "'Departure Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace";
+    };
+    readonly typography: {
+        readonly sizeXs: "0.625rem";
+        readonly sizeSm: "0.6875rem";
+        readonly sizeBase: "0.75rem";
+        readonly sizeMd: "0.8125rem";
+        readonly sizeLg: "0.875rem";
+        readonly sizeXl: "1rem";
+        readonly size2xl: "1.5rem";
+        readonly leadingTight: "1rem";
+        readonly leadingNormal: "1.5";
+        readonly leadingRelaxed: "1.6";
+        readonly weightNormal: "400";
+        readonly weightMedium: "500";
+        readonly weightSemibold: "600";
+        readonly trackingTight: "-0.02em";
+        readonly trackingNormal: "0";
+        readonly trackingWide: "0.05em";
+        readonly trackingWider: "0.1em";
+    };
+    readonly radius: {
+        readonly sm: "4px";
+        readonly md: "6px";
+        readonly lg: "12px";
+    };
+    readonly shadows: {
+        readonly sm: "0 1px 2px rgba(4, 120, 87, 0.1)";
+        readonly md: "0 4px 12px rgba(4, 120, 87, 0.12), 0 0 0 1px rgba(4, 120, 87, 0.15)";
+        readonly lg: "0 8px 32px rgba(4, 120, 87, 0.15), 0 0 0 1px rgba(4, 120, 87, 0.2)";
+        readonly glow: "0 0 20px rgba(4, 120, 87, 0.15)";
+    };
+    readonly transitions: {
+        readonly fast: "150ms";
+    };
+};
+export type DevBarThemeLight = typeof DEVBAR_THEME_LIGHT;
 /** Shorthand for common colors */
 export declare const COLORS: {
     readonly primary: "#10b981";
@@ -168,6 +236,29 @@ export type DevBarThemeInput = {
         [K in keyof DevBarTheme['transitions']]: string;
     };
 };
+import type { ThemeMode } from './types.js';
+/**
+ * Get the stored theme mode preference
+ */
+export declare function getStoredThemeMode(): ThemeMode;
+/**
+ * Store the theme mode preference
+ */
+export declare function setStoredThemeMode(mode: ThemeMode): void;
+/**
+ * Get the effective theme (resolves 'system' to 'dark' or 'light')
+ */
+export declare function getEffectiveTheme(mode: ThemeMode): 'dark' | 'light';
+/** Union type for both theme color variants */
+export type ThemeColors = DevBarTheme['colors'] | DevBarThemeLight['colors'];
+/**
+ * Get theme colors based on the current effective theme
+ */
+export declare function getThemeColors(mode: ThemeMode): ThemeColors;
+/**
+ * Get full theme based on the current effective theme
+ */
+export declare function getTheme(mode: ThemeMode): typeof DEVBAR_THEME | typeof DEVBAR_THEME_LIGHT;
 /**
  * Generate CSS custom properties from the theme
  */

package/dist/constants.js

@@ -41,11 +41,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' },
 };
 // ============================================================================
@@ -89,6 +89,16 @@ 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 */
@@ -164,6 +174,47 @@ 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)
 // ============================================================================
@@ -171,6 +222,51 @@ export const DEVBAR_THEME = {
 export const COLORS = DEVBAR_THEME.colors;
 /** Shorthand for font stack */
 export const FONT_MONO = DEVBAR_THEME.fonts.mono;
+/**
+ * Get the stored theme mode preference
+ */
+export function getStoredThemeMode() {
+    if (typeof localStorage === 'undefined')
+        return 'system';
+    const stored = localStorage.getItem(STORAGE_KEYS.themeMode);
+    if (stored === 'dark' || stored === 'light' || stored === 'system') {
+        return stored;
+    }
+    return 'system';
+}
+/**
+ * Store the theme mode preference
+ */
+export function setStoredThemeMode(mode) {
+    if (typeof localStorage === 'undefined')
+        return;
+    localStorage.setItem(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
  */
@@ -498,13 +594,7 @@ export const TOOLTIP_STYLES = `
     right: auto !important;
     transform: translateX(-50%) !important;
   }
-  /* Collapsed state: preserve circle shape, center horizontally */
-  [data-devbar].devbar-collapse {
-    left: 50% !important;
-    right: auto !important;
-    transform: translateX(-50%) !important;
-    bottom: 20px !important;
-  }
+  /* Collapsed state: JS handles positioning based on captured dot location */
   .devbar-main {
     flex-wrap: wrap;
     justify-content: center;

package/dist/debug.d.ts

@@ -0,0 +1,39 @@
+/**
+ * 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;
+}

package/dist/debug.js

@@ -0,0 +1,92 @@
+/**
+ * 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 {
+    constructor(config) {
+        this.prefix = '[DevBar]';
+        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');
+        }
+    }
+}

package/dist/index.d.ts

@@ -1,7 +1,13 @@
-export { GlobalDevBar, initGlobalDevBar, getGlobalDevBar, destroyGlobalDevBar, earlyConsoleCapture, } from './GlobalDevBar.js';
-export type { GlobalDevBarOptions, DevBarControl, ConsoleLog, SweetlinkCommand, OutlineNode, PageSchema, } from './types.js';
-export { formatArg, formatArgs, canvasToDataUrl, prepareForCapture, delay, copyCanvasToClipboard, } from './utils.js';
+export { type A11yState, type AxeResult, type AxeViolation, clearA11yCache, formatViolation, getBadgeColor, getCachedResult, getImpactColor, getViolationCounts, groupViolationsByImpact, isAxeLoaded, preloadAxe, runA11yAudit, } from './accessibility.js';
+export { BUTTON_COLORS, CATEGORY_COLORS, COLORS, DEVBAR_THEME, DEVBAR_THEME_LIGHT, type DevBarTheme, type DevBarThemeInput, FONT_MONO, generateBreakpointCSS, generateThemeCSSVars, getEffectiveTheme, getStoredThemeMode, getTheme, getThemeColors, injectThemeCSS, STORAGE_KEYS, setStoredThemeMode, TAILWIND_BREAKPOINTS, type TailwindBreakpoint, type ThemeColors, } from './constants.js';
+export { DebugLogger, normalizeDebugConfig } from './debug.js';
+export { EARLY_CONSOLE_CAPTURE_SCRIPT } from './earlyConsoleCapture.js';
+export { destroyGlobalDevBar, earlyConsoleCapture, GlobalDevBar, getGlobalDevBar, initGlobalDevBar, } from './GlobalDevBar.js';
+export { getHtml2Canvas, isHtml2CanvasLoaded, preloadHtml2Canvas } from './lazy/index.js';
+export { formatBytes as formatNetworkBytes, formatDuration, getInitiatorColor, type NetworkEntry, NetworkMonitor, type NetworkState, } from './network.js';
 export { extractDocumentOutline, outlineToMarkdown } from './outline.js';
+export { initDebug, initFull, initMinimal, initPerformance, initResponsive, PRESET_DEBUG, PRESET_FULL, PRESET_MINIMAL, PRESET_PERFORMANCE, PRESET_RESPONSIVE, } from './presets.js';
 export { extractPageSchema, schemaToMarkdown } from './schema.js';
-export { TAILWIND_BREAKPOINTS, BUTTON_COLORS, CATEGORY_COLORS, DEVBAR_THEME, COLORS, FONT_MONO, generateThemeCSSVars, injectThemeCSS, generateBreakpointCSS, type TailwindBreakpoint, type DevBarTheme, type DevBarThemeInput, } from './constants.js';
-export { EARLY_CONSOLE_CAPTURE_SCRIPT } from './earlyConsoleCapture.js';
+export { beautifyJson, type CookieItem, clearLocalStorage, clearSessionStorage, deleteCookie, deleteLocalStorageItem, deleteSessionStorageItem, formatStorageSummary, getCookies, getLocalStorage, getSessionStorage, getStorageData, type StorageData, type StorageItem, setLocalStorageItem, setSessionStorageItem, } from './storage.js';
+export type { ConsoleLog, DebugConfig, DevBarControl, GlobalDevBarOptions, OutlineNode, PageSchema, SweetlinkCommand, ThemeMode, } from './types.js';
+export { canvasToDataUrl, copyCanvasToClipboard, delay, formatArg, formatArgs, prepareForCapture, } from './utils.js';

package/dist/index.js

@@ -1,13 +1,25 @@
 // DevBar - Development toolbar and utilities
 // Pure vanilla JavaScript - no framework dependencies
+// Accessibility audit utilities
+export { clearA11yCache, formatViolation, getBadgeColor, getCachedResult, getImpactColor, getViolationCounts, groupViolationsByImpact, isAxeLoaded, preloadAxe, runA11yAudit, } from './accessibility.js';
+// Re-export constants and theme utilities
+export { BUTTON_COLORS, CATEGORY_COLORS, COLORS, DEVBAR_THEME, DEVBAR_THEME_LIGHT, FONT_MONO, generateBreakpointCSS, generateThemeCSSVars, getEffectiveTheme, getStoredThemeMode, getTheme, getThemeColors, injectThemeCSS, STORAGE_KEYS, setStoredThemeMode, TAILWIND_BREAKPOINTS, } from './constants.js';
+// Debug utilities
+export { DebugLogger, normalizeDebugConfig } from './debug.js';
+// Early console capture script for injection
+export { EARLY_CONSOLE_CAPTURE_SCRIPT } from './earlyConsoleCapture.js';
 // Main vanilla JS devbar
-export { GlobalDevBar, initGlobalDevBar, getGlobalDevBar, destroyGlobalDevBar, earlyConsoleCapture, } from './GlobalDevBar.js';
-// Re-export utilities for external use
-export { formatArg, formatArgs, canvasToDataUrl, prepareForCapture, delay, copyCanvasToClipboard, } from './utils.js';
+export { destroyGlobalDevBar, earlyConsoleCapture, GlobalDevBar, getGlobalDevBar, initGlobalDevBar, } from './GlobalDevBar.js';
+// Lazy loading utilities
+export { getHtml2Canvas, isHtml2CanvasLoaded, preloadHtml2Canvas } from './lazy/index.js';
+// Network monitoring utilities
+export { formatBytes as formatNetworkBytes, formatDuration, getInitiatorColor, NetworkMonitor, } from './network.js';
 // Re-export outline/schema functions
 export { extractDocumentOutline, outlineToMarkdown } from './outline.js';
+// Configuration presets
+export { initDebug, initFull, initMinimal, initPerformance, initResponsive, PRESET_DEBUG, PRESET_FULL, PRESET_MINIMAL, PRESET_PERFORMANCE, PRESET_RESPONSIVE, } from './presets.js';
 export { extractPageSchema, schemaToMarkdown } from './schema.js';
-// Re-export constants and theme utilities
-export { TAILWIND_BREAKPOINTS, BUTTON_COLORS, CATEGORY_COLORS, DEVBAR_THEME, COLORS, FONT_MONO, generateThemeCSSVars, injectThemeCSS, generateBreakpointCSS, } from './constants.js';
-// Early console capture script for injection
-export { EARLY_CONSOLE_CAPTURE_SCRIPT } from './earlyConsoleCapture.js';
+// Storage inspection utilities
+export { beautifyJson, clearLocalStorage, clearSessionStorage, deleteCookie, deleteLocalStorageItem, deleteSessionStorageItem, formatStorageSummary, getCookies, getLocalStorage, getSessionStorage, getStorageData, setLocalStorageItem, setSessionStorageItem, } from './storage.js';
+// Re-export utilities for external use
+export { canvasToDataUrl, copyCanvasToClipboard, delay, formatArg, formatArgs, prepareForCapture, } from './utils.js';