@neuradigi/debug-console 0.1.0

package/dist/index.d.cts

@@ -0,0 +1,158 @@
+/** Console levels mirrored into the in-app buffer. */
+type LogLevel = 'log' | 'info' | 'warn' | 'error' | 'debug';
+/** A single captured log line. */
+interface LogEntry {
+    id: number;
+    level: LogLevel;
+    time: Date;
+    text: string;
+}
+/** Where the round launcher button is pinned. */
+type LauncherPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+/** Options for {@link initDebugConsole}. */
+interface DebugConsoleOptions {
+    /** Master switch. When `false`, the console is NOT patched and nothing is mounted. Default `true`. */
+    enabled?: boolean;
+    /** Max buffered entries (oldest dropped). Default `500`. */
+    max?: number;
+    /** Also capture `window` `error` + `unhandledrejection` events. Default `true`. */
+    captureGlobalErrors?: boolean;
+    /** Launcher corner. Default `'top-right'`. */
+    position?: LauncherPosition;
+    /** Accent color (any CSS color or gradient) for the launcher, count pill and active chips. */
+    accent?: string;
+    /** Open the panel immediately. Default `false`. */
+    open?: boolean;
+}
+/** Runtime handle returned by {@link initDebugConsole}. */
+interface DebugConsoleHandle {
+    /** The mounted custom element. */
+    readonly element: HTMLElement;
+    /** Open the panel. */
+    show(): void;
+    /** Close the panel. */
+    hide(): void;
+    /** Toggle the panel. */
+    toggle(): void;
+    /** Empty the buffer. */
+    clear(): void;
+    /** Remove the element from the DOM. */
+    destroy(): void;
+}
+
+/** Emitted to subscribers whenever the buffer changes. */
+type LogEvent = {
+    type: 'add';
+    entry: LogEntry;
+} | {
+    type: 'clear';
+};
+type LogListener = (event: LogEvent) => void;
+/**
+ * Framework-agnostic capture core. Patches the global `console`, buffers entries
+ * (bounded, oldest dropped), captures uncaught errors, and notifies subscribers.
+ * A single shared instance is exported as {@link logger}.
+ *
+ * Patched methods always call the original first, so DevTools keeps working —
+ * this MIRRORS console output, it never swallows it.
+ */
+declare class LoggerCore {
+    private readonly _entries;
+    private readonly listeners;
+    private nextId;
+    private max;
+    private patched;
+    private errorsHooked;
+    /** The current buffer, oldest → newest (read-only). */
+    get entries(): readonly LogEntry[];
+    /** The configured buffer cap. */
+    get limit(): number;
+    /** Patch the console and (optionally) global error handlers. Idempotent. */
+    init(options?: {
+        max?: number;
+        captureGlobalErrors?: boolean;
+    }): void;
+    /** Subscribe to buffer changes. Returns an unsubscribe function. */
+    subscribe(listener: LogListener): () => void;
+    /** Empty the buffer (does not unpatch the console). */
+    clear(): void;
+    private patchConsole;
+    private captureGlobalErrors;
+    private push;
+    private emit;
+    private stringifyArgs;
+    private stringifyValue;
+}
+/** The shared capture core (console is global, so there is exactly one). */
+declare const logger: LoggerCore;
+
+declare const HTMLElementBase: typeof HTMLElement;
+/**
+ * `<debug-console>` custom element. Renders the launcher + panel inside a shadow
+ * root (full style isolation) and mirrors {@link logger}'s buffer in real time.
+ * Register it with `defineDebugConsole()` or mount it via `initDebugConsole()`.
+ */
+declare class DebugConsoleElement extends HTMLElementBase {
+    private readonly root;
+    private launcherEl;
+    private badgeEl;
+    private panelEl;
+    private countEl;
+    private listEl;
+    private emptyEl;
+    private autoScrollBtn;
+    private downloadBtn;
+    private clearBtn;
+    private unsubscribe;
+    private isOpen;
+    private autoScroll;
+    private filter;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** Open the panel. */
+    show(): void;
+    /** Close the panel. */
+    hide(): void;
+    /** Toggle the panel. */
+    toggle(): void;
+    private render;
+    private query;
+    private replayExisting;
+    private onLog;
+    /** Build one row (XSS-safe via textContent) and trim the DOM to the buffer cap. */
+    private appendRow;
+    /** Recompute counts, badge, count pill, disabled states and the empty message. */
+    private refresh;
+    private setOpen;
+    private toggleAutoScroll;
+    private setFilter;
+    private scrollToBottom;
+    private scrollToBottomIfFollowing;
+    private download;
+}
+
+/** The custom element tag name. */
+declare const ELEMENT_NAME = "debug-console";
+/**
+ * Register the `<debug-console>` custom element (idempotent, browser-only).
+ * Call this if you want to place `<debug-console>` in your own markup/JSX/template
+ * instead of using {@link initDebugConsole}. You still need to call
+ * {@link startCapture} (or `initDebugConsole`) once to begin capturing.
+ */
+declare function defineDebugConsole(name?: string): void;
+/**
+ * Begin patching the console + capturing errors, without mounting any UI.
+ * Useful when you render `<debug-console>` yourself. Idempotent.
+ */
+declare function startCapture(options?: Pick<DebugConsoleOptions, 'max' | 'captureGlobalErrors'>): void;
+/**
+ * One-call setup: start capturing and mount the overlay at the document root.
+ *
+ * Returns a handle to control/destroy it, or `null` when disabled or when there
+ * is no DOM (SSR). When `enabled` is `false` the console is NOT patched and no
+ * element is mounted.
+ */
+declare function initDebugConsole(options?: DebugConsoleOptions): DebugConsoleHandle | null;
+
+export { DebugConsoleElement, type DebugConsoleHandle, type DebugConsoleOptions, ELEMENT_NAME, type LauncherPosition, type LogEntry, type LogEvent, type LogLevel, defineDebugConsole, initDebugConsole, logger, startCapture };

package/dist/index.d.ts

@@ -0,0 +1,158 @@
+/** Console levels mirrored into the in-app buffer. */
+type LogLevel = 'log' | 'info' | 'warn' | 'error' | 'debug';
+/** A single captured log line. */
+interface LogEntry {
+    id: number;
+    level: LogLevel;
+    time: Date;
+    text: string;
+}
+/** Where the round launcher button is pinned. */
+type LauncherPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+/** Options for {@link initDebugConsole}. */
+interface DebugConsoleOptions {
+    /** Master switch. When `false`, the console is NOT patched and nothing is mounted. Default `true`. */
+    enabled?: boolean;
+    /** Max buffered entries (oldest dropped). Default `500`. */
+    max?: number;
+    /** Also capture `window` `error` + `unhandledrejection` events. Default `true`. */
+    captureGlobalErrors?: boolean;
+    /** Launcher corner. Default `'top-right'`. */
+    position?: LauncherPosition;
+    /** Accent color (any CSS color or gradient) for the launcher, count pill and active chips. */
+    accent?: string;
+    /** Open the panel immediately. Default `false`. */
+    open?: boolean;
+}
+/** Runtime handle returned by {@link initDebugConsole}. */
+interface DebugConsoleHandle {
+    /** The mounted custom element. */
+    readonly element: HTMLElement;
+    /** Open the panel. */
+    show(): void;
+    /** Close the panel. */
+    hide(): void;
+    /** Toggle the panel. */
+    toggle(): void;
+    /** Empty the buffer. */
+    clear(): void;
+    /** Remove the element from the DOM. */
+    destroy(): void;
+}
+
+/** Emitted to subscribers whenever the buffer changes. */
+type LogEvent = {
+    type: 'add';
+    entry: LogEntry;
+} | {
+    type: 'clear';
+};
+type LogListener = (event: LogEvent) => void;
+/**
+ * Framework-agnostic capture core. Patches the global `console`, buffers entries
+ * (bounded, oldest dropped), captures uncaught errors, and notifies subscribers.
+ * A single shared instance is exported as {@link logger}.
+ *
+ * Patched methods always call the original first, so DevTools keeps working —
+ * this MIRRORS console output, it never swallows it.
+ */
+declare class LoggerCore {
+    private readonly _entries;
+    private readonly listeners;
+    private nextId;
+    private max;
+    private patched;
+    private errorsHooked;
+    /** The current buffer, oldest → newest (read-only). */
+    get entries(): readonly LogEntry[];
+    /** The configured buffer cap. */
+    get limit(): number;
+    /** Patch the console and (optionally) global error handlers. Idempotent. */
+    init(options?: {
+        max?: number;
+        captureGlobalErrors?: boolean;
+    }): void;
+    /** Subscribe to buffer changes. Returns an unsubscribe function. */
+    subscribe(listener: LogListener): () => void;
+    /** Empty the buffer (does not unpatch the console). */
+    clear(): void;
+    private patchConsole;
+    private captureGlobalErrors;
+    private push;
+    private emit;
+    private stringifyArgs;
+    private stringifyValue;
+}
+/** The shared capture core (console is global, so there is exactly one). */
+declare const logger: LoggerCore;
+
+declare const HTMLElementBase: typeof HTMLElement;
+/**
+ * `<debug-console>` custom element. Renders the launcher + panel inside a shadow
+ * root (full style isolation) and mirrors {@link logger}'s buffer in real time.
+ * Register it with `defineDebugConsole()` or mount it via `initDebugConsole()`.
+ */
+declare class DebugConsoleElement extends HTMLElementBase {
+    private readonly root;
+    private launcherEl;
+    private badgeEl;
+    private panelEl;
+    private countEl;
+    private listEl;
+    private emptyEl;
+    private autoScrollBtn;
+    private downloadBtn;
+    private clearBtn;
+    private unsubscribe;
+    private isOpen;
+    private autoScroll;
+    private filter;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** Open the panel. */
+    show(): void;
+    /** Close the panel. */
+    hide(): void;
+    /** Toggle the panel. */
+    toggle(): void;
+    private render;
+    private query;
+    private replayExisting;
+    private onLog;
+    /** Build one row (XSS-safe via textContent) and trim the DOM to the buffer cap. */
+    private appendRow;
+    /** Recompute counts, badge, count pill, disabled states and the empty message. */
+    private refresh;
+    private setOpen;
+    private toggleAutoScroll;
+    private setFilter;
+    private scrollToBottom;
+    private scrollToBottomIfFollowing;
+    private download;
+}
+
+/** The custom element tag name. */
+declare const ELEMENT_NAME = "debug-console";
+/**
+ * Register the `<debug-console>` custom element (idempotent, browser-only).
+ * Call this if you want to place `<debug-console>` in your own markup/JSX/template
+ * instead of using {@link initDebugConsole}. You still need to call
+ * {@link startCapture} (or `initDebugConsole`) once to begin capturing.
+ */
+declare function defineDebugConsole(name?: string): void;
+/**
+ * Begin patching the console + capturing errors, without mounting any UI.
+ * Useful when you render `<debug-console>` yourself. Idempotent.
+ */
+declare function startCapture(options?: Pick<DebugConsoleOptions, 'max' | 'captureGlobalErrors'>): void;
+/**
+ * One-call setup: start capturing and mount the overlay at the document root.
+ *
+ * Returns a handle to control/destroy it, or `null` when disabled or when there
+ * is no DOM (SSR). When `enabled` is `false` the console is NOT patched and no
+ * element is mounted.
+ */
+declare function initDebugConsole(options?: DebugConsoleOptions): DebugConsoleHandle | null;
+
+export { DebugConsoleElement, type DebugConsoleHandle, type DebugConsoleOptions, ELEMENT_NAME, type LauncherPosition, type LogEntry, type LogEvent, type LogLevel, defineDebugConsole, initDebugConsole, logger, startCapture };

package/dist/index.js

@@ -0,0 +1,266 @@
+var d=e=>`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">${e}</svg>`,c={terminal:d('<rect x="3" y="4" width="18" height="16" rx="2"/><path d="m7 9 3 3-3 3"/><path d="M13 15h4"/>'),pin:d('<path d="M12 17v5"/><path d="M9 10.8V6a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8"/><path d="M9 10.8a2 2 0 0 1-1.1 1.8l-1.8.9A2 2 0 0 0 5 15.2V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.8a2 2 0 0 0-1.1-1.7l-1.8-.9A2 2 0 0 1 15 10.8V6a1 1 0 0 0-1-1"/>'),chevronsDown:d('<path d="m7 6 5 5 5-5"/><path d="m7 13 5 5 5-5"/>'),download:d('<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><path d="m7 10 5 5 5-5"/><path d="M12 15V3"/>'),trash:d('<path d="M3 6h18"/><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/><path d="m19 6-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/>'),close:d('<path d="M18 6 6 18"/><path d="m6 6 12 12"/>')};var v=["log","info","warn","error","debug"],u=class{constructor(){this._entries=[];this.listeners=new Set;this.nextId=0;this.max=500;this.patched=false;this.errorsHooked=false;}get entries(){return this._entries}get limit(){return this.max}init(o={}){typeof o.max=="number"&&o.max>0&&(this.max=Math.floor(o.max)),this.patchConsole(),o.captureGlobalErrors!==false&&this.captureGlobalErrors();}subscribe(o){return this.listeners.add(o),()=>{this.listeners.delete(o);}}clear(){this._entries.length=0,this.emit({type:"clear"});}patchConsole(){if(this.patched||typeof console>"u")return;this.patched=true;let o=console;for(let t of v){let a=o[t].bind(console);o[t]=(...r)=>{a(...r),this.push(t,this.stringifyArgs(r));};}}captureGlobalErrors(){this.errorsHooked||typeof window>"u"||(this.errorsHooked=true,window.addEventListener("error",o=>{let t=o.error!=null?this.stringifyValue(o.error):o.message||"Uncaught error";this.push("error",t);}),window.addEventListener("unhandledrejection",o=>{this.push("error",`Unhandled promise rejection: ${this.stringifyValue(o.reason)}`);}));}push(o,t){let a={id:this.nextId++,level:o,time:new Date,text:t};this._entries.push(a),this._entries.length>this.max&&this._entries.splice(0,this._entries.length-this.max),this.emit({type:"add",entry:a});}emit(o){this.listeners.forEach(t=>{try{t(o);}catch{}});}stringifyArgs(o){return o.map(t=>this.stringifyValue(t)).join(" ")}stringifyValue(o){if(typeof o=="string")return o;if(o instanceof Error)return `${o.name}: ${o.message}`;try{let t=new WeakSet;return JSON.stringify(o,(r,i)=>{if(typeof i=="bigint")return i.toString();if(typeof i=="object"&&i!==null){if(t.has(i))return "[Circular]";t.add(i);}return i},2)??String(o)}catch{return String(o)}}},l=new u;var f=`
+:host {
+  --dc-bg: #0b0e14;
+  --dc-surface: #11151f;
+  --dc-border: #232a3a;
+  --dc-text: #c9d1d9;
+  --dc-muted: #8b949e;
+  --dc-row-hover: rgba(255, 255, 255, 0.04);
+  --dc-shadow: 0 10px 34px rgba(0, 0, 0, 0.5);
+  --dc-accent: linear-gradient(135deg, #57bdff, #4f77fb, #3a5fcc);
+  --dc-error: #ff6b6b;
+  --dc-warn: #ffc107;
+  --dc-info: #57bdff;
+  --dc-badge-error: #dc3545;
+  --dc-badge-warn: #ffc107;
+  font-family: 'Cascadia Code', 'Fira Code', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
+}
+
+*, *::before, *::after { box-sizing: border-box; }
+[hidden] { display: none !important; }
+
+/* ===== Launcher ===== */
+.dc-launcher {
+  position: fixed;
+  top: 16px;
+  right: 16px;
+  z-index: 2147483000;
+  width: 44px;
+  height: 44px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  border-radius: 50%;
+  background: var(--dc-accent);
+  color: #fff;
+  cursor: pointer;
+  box-shadow: var(--dc-shadow);
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
+}
+.dc-launcher svg { width: 22px; height: 22px; }
+.dc-launcher:hover { transform: scale(1.05); box-shadow: 0 6px 20px rgba(79, 119, 251, 0.45); }
+:host([data-position="top-left"]) .dc-launcher { top: 16px; left: 16px; right: auto; }
+:host([data-position="bottom-right"]) .dc-launcher { top: auto; bottom: 16px; right: 16px; }
+:host([data-position="bottom-left"]) .dc-launcher { top: auto; bottom: 16px; left: 16px; right: auto; }
+
+/* ===== Badge ===== */
+.dc-badge {
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  min-width: 18px;
+  height: 18px;
+  padding: 0 5px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 11px;
+  font-weight: 700;
+  line-height: 1;
+  border-radius: 999px;
+  border: 2px solid var(--dc-bg);
+}
+.dc-badge--error { background: var(--dc-badge-error); color: #fff; }
+.dc-badge--warn { background: var(--dc-badge-warn); color: #000; }
+
+/* ===== Panel ===== */
+.dc-panel {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 2147482000;
+  display: flex;
+  flex-direction: column;
+  max-height: 50vh;
+  background: var(--dc-bg);
+  color: var(--dc-text);
+  border-bottom: 1px solid var(--dc-border);
+  box-shadow: var(--dc-shadow);
+  transform: translateY(-100%);
+  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.dc-panel--open { transform: translateY(0); }
+
+/* ===== Header ===== */
+.dc-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 8px 16px;
+  background: var(--dc-surface);
+  border-bottom: 1px solid var(--dc-border);
+  flex-shrink: 0;
+}
+.dc-title { display: flex; align-items: center; gap: 8px; min-width: 0; }
+.dc-title-icon { display: inline-flex; color: var(--dc-info); }
+.dc-title-icon svg { width: 20px; height: 20px; }
+.dc-title-text { font-size: 14px; font-weight: 700; letter-spacing: 0.02em; white-space: nowrap; color: var(--dc-text); }
+.dc-count {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 20px;
+  height: 18px;
+  padding: 0 6px;
+  font-size: 11px;
+  font-weight: 700;
+  line-height: 1;
+  color: #fff;
+  background: var(--dc-accent);
+  border-radius: 999px;
+}
+
+/* ===== Actions ===== */
+.dc-actions { display: flex; align-items: center; gap: 4px; flex-shrink: 0; }
+.dc-action {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  color: var(--dc-muted);
+  background: transparent;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: color 0.2s ease, background-color 0.2s ease;
+}
+.dc-action svg { width: 18px; height: 18px; }
+.dc-action:hover:not(:disabled) { color: var(--dc-text); background: var(--dc-row-hover); }
+.dc-action:disabled { opacity: 0.35; cursor: default; }
+.dc-action--active { color: var(--dc-info); }
+
+/* ===== Tooltips (self-contained; no host overlay layer) ===== */
+.dc-action[data-tip]:hover::after,
+.dc-launcher[data-tip]:hover::after {
+  content: attr(data-tip);
+  position: absolute;
+  padding: 4px 8px;
+  border-radius: 6px;
+  background: #000;
+  color: #fff;
+  font-size: 11px;
+  font-family: system-ui, -apple-system, sans-serif;
+  font-weight: 500;
+  white-space: nowrap;
+  pointer-events: none;
+  z-index: 10;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
+}
+.dc-action[data-tip]:hover::after {
+  top: calc(100% + 6px);
+  left: 50%;
+  transform: translateX(-50%);
+}
+.dc-launcher[data-tip]:hover::after {
+  top: 50%;
+  right: calc(100% + 8px);
+  transform: translateY(-50%);
+}
+:host([data-position="top-left"]) .dc-launcher[data-tip]:hover::after,
+:host([data-position="bottom-left"]) .dc-launcher[data-tip]:hover::after {
+  right: auto;
+  left: calc(100% + 8px);
+}
+
+/* ===== Filter chips ===== */
+.dc-filters {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  padding: 8px 16px;
+  background: var(--dc-surface);
+  border-bottom: 1px solid var(--dc-border);
+  flex-shrink: 0;
+}
+.dc-chip {
+  padding: 3px 12px;
+  font-size: 12px;
+  font-weight: 600;
+  letter-spacing: 0.03em;
+  color: var(--dc-muted);
+  background: transparent;
+  border: 1px solid var(--dc-border);
+  border-radius: 999px;
+  cursor: pointer;
+  font-family: inherit;
+  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
+}
+.dc-chip:hover { color: var(--dc-text); border-color: #4f77fb; }
+.dc-chip--active { color: #fff; border-color: transparent; background: var(--dc-accent); }
+
+/* ===== List ===== */
+.dc-list {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 4px 0;
+  scrollbar-width: thin;
+  scrollbar-color: var(--dc-border) transparent;
+}
+.dc-list::-webkit-scrollbar { width: 10px; }
+.dc-list::-webkit-scrollbar-thumb { background: var(--dc-border); border-radius: 999px; }
+.dc-list::-webkit-scrollbar-track { background: transparent; }
+
+.dc-row {
+  display: grid;
+  grid-template-columns: auto auto minmax(0, 1fr);
+  gap: 8px;
+  align-items: baseline;
+  padding: 4px 16px;
+  border-left: 3px solid transparent;
+  font-size: 12px;
+  line-height: 1.5;
+}
+.dc-row:hover { background: var(--dc-row-hover); }
+.dc-row--error { border-left-color: var(--dc-error); }
+.dc-row--error .dc-tag, .dc-row--error .dc-text { color: var(--dc-error); }
+.dc-row--warn { border-left-color: var(--dc-warn); }
+.dc-row--warn .dc-tag { color: var(--dc-warn); }
+.dc-row--info { border-left-color: var(--dc-info); }
+.dc-row--info .dc-tag { color: var(--dc-info); }
+.dc-row--log, .dc-row--debug { border-left-color: var(--dc-muted); }
+.dc-row--log .dc-tag, .dc-row--debug .dc-tag { color: var(--dc-muted); }
+
+.dc-time { color: var(--dc-muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
+.dc-tag { min-width: 42px; font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap; }
+.dc-text { margin: 0; min-width: 0; font-family: inherit; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; color: var(--dc-text); }
+
+.dc-empty { padding: 24px 16px; text-align: center; font-size: 13px; color: var(--dc-muted); }
+
+@media (max-width: 600px) {
+  .dc-panel { max-height: 65vh; }
+}
+`;var b=[{value:"all",label:"All",match:()=>true},{value:"log",label:"Log",match:e=>e==="log"||e==="debug"},{value:"info",label:"Info",match:e=>e==="info"},{value:"warn",label:"Warn",match:e=>e==="warn"},{value:"error",label:"Error",match:e=>e==="error"}],s=(e,o=2)=>String(e).padStart(o,"0"),m=e=>`${s(e.getHours())}:${s(e.getMinutes())}:${s(e.getSeconds())}.${s(e.getMilliseconds(),3)}`,x=e=>`${e.getFullYear()}-${s(e.getMonth()+1)}-${s(e.getDate())} ${m(e)}`,w=e=>`${e.getFullYear()}${s(e.getMonth()+1)}${s(e.getDate())}-${s(e.getHours())}${s(e.getMinutes())}${s(e.getSeconds())}`,y=typeof HTMLElement<"u"?HTMLElement:class{},p=class extends y{constructor(){super();this.unsubscribe=null;this.isOpen=false;this.autoScroll=true;this.filter=b[0];this.root=this.attachShadow({mode:"open"});}connectedCallback(){this.render(),this.replayExisting(),this.unsubscribe=l.subscribe(t=>this.onLog(t));}disconnectedCallback(){this.unsubscribe?.(),this.unsubscribe=null;}show(){this.setOpen(true);}hide(){this.setOpen(false);}toggle(){this.setOpen(!this.isOpen);}render(){this.root.innerHTML=`
+      <style>${f}</style>
+      <button class="dc-launcher" type="button" part="launcher" data-tip="Show application logs" aria-label="Show application logs">
+        ${c.terminal}
+        <span class="dc-badge" hidden></span>
+      </button>
+      <section class="dc-panel" part="panel" role="log" aria-live="polite" aria-label="Application logs">
+        <header class="dc-header">
+          <div class="dc-title">
+            <span class="dc-title-icon">${c.terminal}</span>
+            <span class="dc-title-text">Application Logs</span>
+            <span class="dc-count" hidden>0</span>
+          </div>
+          <div class="dc-actions">
+            <button class="dc-action dc-action--active" type="button" data-act="autoscroll" data-tip="Auto-scroll: on (following newest)" aria-label="Toggle auto-scroll">${c.pin}</button>
+            <button class="dc-action" type="button" data-act="bottom" data-tip="Scroll to bottom" aria-label="Scroll to bottom">${c.chevronsDown}</button>
+            <button class="dc-action" type="button" data-act="download" data-tip="Download logs" aria-label="Download logs" disabled>${c.download}</button>
+            <button class="dc-action" type="button" data-act="clear" data-tip="Clear logs" aria-label="Clear logs" disabled>${c.trash}</button>
+            <button class="dc-action" type="button" data-act="close" data-tip="Close" aria-label="Close application logs">${c.close}</button>
+          </div>
+        </header>
+        <div class="dc-filters"></div>
+        <div class="dc-list"></div>
+        <div class="dc-empty">No log entries captured yet.</div>
+      </section>
+    `,this.launcherEl=this.query(".dc-launcher"),this.badgeEl=this.query(".dc-badge"),this.panelEl=this.query(".dc-panel"),this.countEl=this.query(".dc-count"),this.listEl=this.query(".dc-list"),this.emptyEl=this.query(".dc-empty"),this.autoScrollBtn=this.query('[data-act="autoscroll"]'),this.downloadBtn=this.query('[data-act="download"]'),this.clearBtn=this.query('[data-act="clear"]'),this.launcherEl.addEventListener("click",()=>this.setOpen(true)),this.query(".dc-actions").addEventListener("click",a=>{switch(a.target.closest(".dc-action")?.dataset.act){case "autoscroll":this.toggleAutoScroll();break;case "bottom":this.scrollToBottom();break;case "download":this.download();break;case "clear":l.clear();break;case "close":this.setOpen(false);break}});let t=this.query(".dc-filters");for(let a of b){let r=document.createElement("button");r.type="button",r.className="dc-chip"+(a===this.filter?" dc-chip--active":""),r.textContent=a.label,r.addEventListener("click",()=>this.setFilter(a,r)),t.appendChild(r);}}query(t){return this.root.querySelector(t)}replayExisting(){for(let t of l.entries)this.appendRow(t);this.refresh(),this.scrollToBottomIfFollowing();}onLog(t){t.type==="clear"?this.listEl.replaceChildren():this.appendRow(t.entry),this.refresh(),t.type==="add"&&this.scrollToBottomIfFollowing();}appendRow(t){let a=document.createElement("div");a.className=`dc-row dc-row--${t.level}`,a.dataset.level=t.level,a.hidden=!this.filter.match(t.level);let r=document.createElement("span");r.className="dc-time",r.textContent=m(t.time);let i=document.createElement("span");i.className="dc-tag",i.textContent=t.level;let n=document.createElement("pre");for(n.className="dc-text",n.textContent=t.text,a.append(r,i,n),this.listEl.appendChild(a);this.listEl.childElementCount>l.limit;)this.listEl.firstElementChild?.remove();}refresh(){let t=0,a=0;for(let n of l.entries)n.level==="error"?t++:n.level==="warn"&&a++;let r=l.entries.length;this.countEl.textContent=String(r),this.countEl.hidden=r===0;let i=t+a;this.badgeEl.hidden=this.isOpen||i===0,this.badgeEl.textContent=String(i),this.badgeEl.className="dc-badge "+(t>0?"dc-badge--error":"dc-badge--warn"),this.downloadBtn.disabled=r===0,this.clearBtn.disabled=r===0,this.emptyEl.hidden=!!this.listEl.querySelector(".dc-row:not([hidden])");}setOpen(t){this.isOpen=t,this.panelEl.classList.toggle("dc-panel--open",t),this.launcherEl.hidden=t,this.refresh(),t&&this.scrollToBottomIfFollowing();}toggleAutoScroll(){this.autoScroll=!this.autoScroll,this.autoScrollBtn.classList.toggle("dc-action--active",this.autoScroll),this.autoScrollBtn.dataset.tip=this.autoScroll?"Auto-scroll: on (following newest)":"Auto-scroll: off",this.scrollToBottomIfFollowing();}setFilter(t,a){this.filter=t,this.root.querySelectorAll(".dc-chip").forEach(r=>r.classList.toggle("dc-chip--active",r===a)),this.listEl.querySelectorAll(".dc-row").forEach(r=>{r.hidden=!t.match(r.dataset.level);}),this.refresh(),this.scrollToBottomIfFollowing();}scrollToBottom(){this.listEl.scrollTop=this.listEl.scrollHeight;}scrollToBottomIfFollowing(){!this.isOpen||!this.autoScroll||requestAnimationFrame(()=>{this.listEl.scrollTop=this.listEl.scrollHeight;});}download(){let t=l.entries;if(t.length===0)return;let a=t.map(h=>`[${x(h.time)}] ${h.level.toUpperCase()} ${h.text}`).join(`
+`),r=new Blob([a],{type:"text/plain;charset=utf-8"}),i=URL.createObjectURL(r),n=document.createElement("a");n.href=i,n.download=`application-logs-${w(new Date)}.log`,document.body.appendChild(n),n.click(),n.remove(),URL.revokeObjectURL(i);}};var g="debug-console";function E(e=g){typeof customElements>"u"||customElements.get(e)||customElements.define(e,p);}function L(e={}){l.init({max:e.max,captureGlobalErrors:e.captureGlobalErrors});}function O(e={}){if(e.enabled===false||typeof document>"u")return null;L(e),E();let o=document.querySelector(g),t=o??document.createElement(g);if(!o){e.position&&t.setAttribute("data-position",e.position),e.accent&&t.style.setProperty("--dc-accent",e.accent);let a=()=>{document.body.appendChild(t),e.open&&t.show();};document.body?a():window.addEventListener("DOMContentLoaded",a,{once:true});}return {element:t,show:()=>t.show(),hide:()=>t.hide(),toggle:()=>t.toggle(),clear:()=>l.clear(),destroy:()=>t.remove()}}export{p as DebugConsoleElement,g as ELEMENT_NAME,E as defineDebugConsole,O as initDebugConsole,l as logger,L as startCapture};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map