@ytspar/devbar 1.0.0-canary.7d77a97 → 1.0.0-canary.900165d

package/dist/GlobalDevBar.d.ts

@@ -7,8 +7,9 @@
  * This is a vanilla JS replacement for the React-based GlobalDevBar component
  * to avoid React dependency conflicts in host applications.
  */
-import type { ConsoleLog, DevBarControl, GlobalDevBarOptions, OutlineNode, PageSchema, SweetlinkCommand } from './types.js';
-export type { ConsoleLog, SweetlinkCommand, OutlineNode, PageSchema, GlobalDevBarOptions, DevBarControl, };
+import { getThemeColors } from './constants.js';
+import type { ConsoleLog, DebugConfig, DevBarControl, GlobalDevBarOptions, OutlineNode, PageSchema, SweetlinkCommand, ThemeMode } from './types.js';
+export type { ConsoleLog, DebugConfig, SweetlinkCommand, OutlineNode, PageSchema, GlobalDevBarOptions, DevBarControl, ThemeMode, };
 interface EarlyConsoleCapture {
     errorCount: number;
     warningCount: number;
@@ -25,6 +26,8 @@ declare const earlyConsoleCapture: EarlyConsoleCapture;
 export declare class GlobalDevBar {
     private static customControls;
     private options;
+    private debugConfig;
+    private debug;
     private container;
     private ws;
     private consoleLogs;
@@ -47,6 +50,8 @@ export declare class GlobalDevBar {
     private breakpointInfo;
     private perfStats;
     private lcpValue;
+    private clsValue;
+    private inpValue;
     private reconnectAttempts;
     private lastDotPosition;
     private reconnectTimeout;
@@ -60,7 +65,14 @@ export declare class GlobalDevBar {
     private keydownHandler;
     private fcpObserver;
     private lcpObserver;
+    private clsObserver;
+    private inpObserver;
     private destroyed;
+    private themeMode;
+    private themeMediaQuery;
+    private themeMediaHandler;
+    private compactMode;
+    private showSettingsPopover;
     private overlayElement;
     constructor(options?: GlobalDevBarOptions);
     /**
@@ -113,6 +125,28 @@ export declare class GlobalDevBar {
     private setupBreakpointDetection;
     private setupPerformanceMonitoring;
     private setupKeyboardShortcuts;
+    private setupTheme;
+    private loadCompactMode;
+    /**
+     * Get the current theme mode
+     */
+    getThemeMode(): ThemeMode;
+    /**
+     * Set the theme mode
+     */
+    setThemeMode(mode: ThemeMode): void;
+    /**
+     * Get the current effective theme colors
+     */
+    getColors(): ReturnType<typeof getThemeColors>;
+    /**
+     * Toggle compact mode
+     */
+    toggleCompactMode(): void;
+    /**
+     * Check if compact mode is enabled
+     */
+    isCompactMode(): boolean;
     private copyPathToClipboard;
     private handleScreenshot;
     private handleDesignReview;
@@ -177,6 +211,19 @@ export declare class GlobalDevBar {
      * Render key-value pairs as rows with ellipsis overflow and hover tooltip
      */
     private renderKeyValueItems;
+    /**
+     * Render compact mode - single row with essential controls only
+     * Shows: connection dot, error/warn badges, screenshot button, settings gear
+     */
+    private renderCompact;
+    /**
+     * Create the settings gear button
+     */
+    private createSettingsButton;
+    /**
+     * Render the settings popover
+     */
+    private renderSettingsPopover;
     private renderCollapsed;
     private renderExpanded;
     /**