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

package/dist/types.d.ts

@@ -5,7 +5,28 @@
  *
  * NOTE: We import from the types sub-path to avoid pulling in Node.js-only modules.
  */
-export type { ConsoleLog, SweetlinkCommand, OutlineNode, PageSchema, } from '@ytspar/sweetlink/types';
+export type { ConsoleLog, OutlineNode, PageSchema, SweetlinkCommand, } from '@ytspar/sweetlink/types';
+/**
+ * Theme mode for DevBar display
+ */
+export type ThemeMode = 'dark' | 'light' | 'system';
+/**
+ * Debug configuration for DevBar
+ * When true, all debug options are enabled.
+ * When an object, specific options can be toggled.
+ */
+export interface DebugConfig {
+    /** Enable debug logging. Default: false */
+    enabled: boolean;
+    /** Log lifecycle events (init, destroy). Default: true when enabled */
+    logLifecycle?: boolean;
+    /** Log state changes (collapse, modals). Default: true when enabled */
+    logStateChanges?: boolean;
+    /** Log WebSocket events (connect, disconnect, messages). Default: true when enabled */
+    logWebSocket?: boolean;
+    /** Log performance measurements (FCP, LCP, CLS, INP). Default: true when enabled */
+    logPerformance?: boolean;
+}
 /**
  * Options for configuring the GlobalDevBar
  */
@@ -19,6 +40,8 @@ export interface GlobalDevBarOptions {
         breakpoint?: boolean;
         fcp?: boolean;
         lcp?: boolean;
+        cls?: boolean;
+        inp?: boolean;
         pageSize?: boolean;
     };
     /** Whether to show the screenshot button. Default: true */
@@ -36,6 +59,8 @@ export interface GlobalDevBarOptions {
         /** Custom min-width (CSS value). Optional */
         minWidth?: string;
     };
+    /** Enable debug logging. Pass true for all options, or an object for specific options. */
+    debug?: boolean | DebugConfig;
 }
 /**
  * Custom control that can be registered by host applications

package/dist/ui/index.d.ts

@@ -3,6 +3,6 @@
  *
  * Re-exports all UI utilities.
  */
+export { createStyledButton, getButtonStyles } from './buttons.js';
 export { createSvgIcon } from './icons.js';
-export { getButtonStyles, createStyledButton } from './buttons.js';
-export { createModalOverlay, createModalBox, createModalHeader, createModalContent, createEmptyMessage, createInfoBox, type ModalConfig } from './modals.js';
+export { createEmptyMessage, createInfoBox, createModalBox, createModalContent, createModalHeader, createModalOverlay, type ModalConfig, } from './modals.js';

package/dist/ui/index.js

@@ -3,6 +3,6 @@
  *
  * Re-exports all UI utilities.
  */
+export { createStyledButton, getButtonStyles } from './buttons.js';
 export { createSvgIcon } from './icons.js';
-export { getButtonStyles, createStyledButton } from './buttons.js';
-export { createModalOverlay, createModalBox, createModalHeader, createModalContent, createEmptyMessage, createInfoBox } from './modals.js';
+export { createEmptyMessage, createInfoBox, createModalBox, createModalContent, createModalHeader, createModalOverlay, } from './modals.js';

package/dist/ui/modals.js

@@ -3,7 +3,7 @@
  *
  * Modal creation utilities for the DevBar UI.
  */
-import { MODAL_OVERLAY_STYLES, MODAL_BOX_BASE_STYLES } from '../constants.js';
+import { MODAL_BOX_BASE_STYLES, MODAL_OVERLAY_STYLES } from '../constants.js';
 import { createStyledButton } from './buttons.js';
 /**
  * Create modal overlay with click-outside-to-close behavior
@@ -60,7 +60,9 @@ export function createModalHeader(config) {
         try {
             await onCopyMd();
             copyBtn.textContent = 'Copied!';
-            setTimeout(() => { copyBtn.textContent = 'Copy MD'; }, 1500);
+            setTimeout(() => {
+                copyBtn.textContent = 'Copy MD';
+            }, 1500);
         }
         catch {
             console.error('[GlobalDevBar] Failed to copy to clipboard');
@@ -138,7 +140,7 @@ export function createInfoBox(color, title, content) {
         box.appendChild(textEl);
     }
     else {
-        content.forEach(el => box.appendChild(el));
+        content.forEach((el) => box.appendChild(el));
     }
     return box;
 }

package/dist/utils.d.ts

@@ -8,4 +8,4 @@
  * that would break browser/test environments.
  */
 export { formatArg, formatArgs } from '@ytspar/sweetlink/browser/consoleCapture';
-export { canvasToDataUrl, prepareForCapture, delay, copyCanvasToClipboard, } from '@ytspar/sweetlink/browser/screenshotUtils';
+export { canvasToDataUrl, copyCanvasToClipboard, delay, prepareForCapture, } from '@ytspar/sweetlink/browser/screenshotUtils';

package/dist/utils.js

@@ -10,4 +10,4 @@
 // Re-export console formatting utilities from sweetlink's browser module
 export { formatArg, formatArgs } from '@ytspar/sweetlink/browser/consoleCapture';
 // Re-export screenshot utilities from sweetlink's browser module
-export { canvasToDataUrl, prepareForCapture, delay, copyCanvasToClipboard, } from '@ytspar/sweetlink/browser/screenshotUtils';
+export { canvasToDataUrl, copyCanvasToClipboard, delay, prepareForCapture, } from '@ytspar/sweetlink/browser/screenshotUtils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ytspar/devbar",
-  "version": "1.0.0-canary.c37df82",
+  "version": "1.0.0-canary.cdf7fa2",
   "type": "module",
   "private": false,
   "description": "Development toolbar and utilities with Sweetlink integration - pure vanilla JS, no framework dependencies",