@vestig/next 0.6.0 → 0.9.0

package/dist/dev/api/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Server-side utilities for Vestig Dev Overlay
+ *
+ * @example
+ * ```typescript
+ * // app/api/vestig/logs/route.ts
+ * import { createLogStreamHandler } from '@vestig/next/dev/api'
+ *
+ * export const GET = createLogStreamHandler()
+ * ```
+ */
+export { createLogStreamHandler, createDevTransport, devLogEmitter, type SSELogEntry, } from './logs-stream';
+//# sourceMappingURL=index.d.ts.map

package/dist/dev/api/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dev/api/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EACN,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,EACb,KAAK,WAAW,GAChB,MAAM,eAAe,CAAA"}

package/dist/dev/api/index.js

@@ -0,0 +1,13 @@
+/**
+ * Server-side utilities for Vestig Dev Overlay
+ *
+ * @example
+ * ```typescript
+ * // app/api/vestig/logs/route.ts
+ * import { createLogStreamHandler } from '@vestig/next/dev/api'
+ *
+ * export const GET = createLogStreamHandler()
+ * ```
+ */
+export { createLogStreamHandler, createDevTransport, devLogEmitter, } from './logs-stream';
+//# sourceMappingURL=index.js.map

package/dist/dev/api/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dev/api/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EACN,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,GAEb,MAAM,eAAe,CAAA"}

package/dist/dev/api/logs-stream.d.ts

@@ -0,0 +1,119 @@
+/**
+ * SSE Endpoint Helper for Vestig Dev Overlay
+ *
+ * This module provides utilities for creating a Server-Sent Events
+ * endpoint that streams logs to the Dev Overlay in real-time.
+ *
+ * @example
+ * ```typescript
+ * // app/api/vestig/logs/route.ts
+ * import { createLogStreamHandler, devLogEmitter } from '@vestig/next/dev/api'
+ *
+ * export const GET = createLogStreamHandler()
+ *
+ * // In your middleware or logger setup
+ * devLogEmitter.emit({
+ *   timestamp: new Date().toISOString(),
+ *   level: 'info',
+ *   message: 'Hello from server',
+ *   namespace: 'api',
+ * })
+ * ```
+ */
+import type { LogLevel } from 'vestig';
+/**
+ * Log entry for SSE streaming
+ */
+export interface SSELogEntry {
+    timestamp: string;
+    level: LogLevel;
+    message: string;
+    namespace?: string;
+    metadata?: Record<string, unknown>;
+    context?: Record<string, unknown>;
+    error?: {
+        name: string;
+        message: string;
+        stack?: string;
+    };
+    duration?: number;
+}
+/**
+ * Simple event emitter for logs
+ */
+type LogListener = (entry: SSELogEntry) => void;
+declare class DevLogEmitter {
+    private listeners;
+    /**
+     * Subscribe to log events
+     */
+    subscribe(listener: LogListener): () => void;
+    /**
+     * Emit a log entry to all subscribers
+     */
+    emit(entry: SSELogEntry): void;
+    /**
+     * Get count of active listeners
+     */
+    get listenerCount(): number;
+}
+/**
+ * Singleton log emitter instance
+ */
+export declare const devLogEmitter: DevLogEmitter;
+/**
+ * Create an SSE response for streaming logs
+ *
+ * @example
+ * ```typescript
+ * // app/api/vestig/logs/route.ts
+ * import { createLogStreamHandler } from '@vestig/next/dev/api'
+ *
+ * export const GET = createLogStreamHandler()
+ * ```
+ */
+export declare function createLogStreamHandler(options?: {
+    /**
+     * Send a ping every N milliseconds to keep connection alive
+     * @default 30000
+     */
+    pingInterval?: number;
+}): () => Promise<Response>;
+/**
+ * Create a vestig transport that streams logs to Dev Overlay
+ *
+ * @example
+ * ```typescript
+ * import { createLogger } from 'vestig'
+ * import { createDevTransport } from '@vestig/next/dev/api'
+ *
+ * const logger = createLogger({
+ *   // Only add dev transport in development
+ *   transports: process.env.NODE_ENV === 'development'
+ *     ? [createDevTransport()]
+ *     : [],
+ * })
+ * ```
+ */
+export declare function createDevTransport(): {
+    name: string;
+    config: {
+        name: string;
+        enabled: boolean;
+    };
+    log(entry: {
+        timestamp: string;
+        level: LogLevel;
+        message: string;
+        namespace?: string;
+        metadata?: Record<string, unknown>;
+        context?: Record<string, unknown>;
+        error?: {
+            name: string;
+            message: string;
+            stack?: string;
+        };
+    }): void;
+};
+export {};
+//# sourceMappingURL=logs-stream.d.ts.map

package/dist/dev/api/logs-stream.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logs-stream.d.ts","sourceRoot":"","sources":["../../../src/dev/api/logs-stream.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEtC;;GAEG;AACH,MAAM,WAAW,WAAW;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,QAAQ,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACjC,KAAK,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;IACD,QAAQ,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;GAEG;AACH,KAAK,WAAW,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;AAE/C,cAAM,aAAa;IAClB,OAAO,CAAC,SAAS,CAAyB;IAE1C;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,WAAW,GAAG,MAAM,IAAI;IAK5C;;OAEG;IACH,IAAI,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAU9B;;OAEG;IACH,IAAI,aAAa,IAAI,MAAM,CAE1B;CACD;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,eAAsB,CAAA;AAEhD;;;;;;;;;;GAUG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,CAAC,EAAE;IAChD;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACrB,SAGiC,OAAO,CAAC,QAAQ,CAAC,CAoDlD;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,kBAAkB;;;;;;eAQrB;QACV,SAAS,EAAE,MAAM,CAAA;QACjB,KAAK,EAAE,QAAQ,CAAA;QACf,OAAO,EAAE,MAAM,CAAA;QACf,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;QAClC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;QACjC,KAAK,CAAC,EAAE;YACP,IAAI,EAAE,MAAM,CAAA;YACZ,OAAO,EAAE,MAAM,CAAA;YACf,KAAK,CAAC,EAAE,MAAM,CAAA;SACd,CAAA;KACD,GAAG,IAAI;EAYT"}

package/dist/dev/api/logs-stream.js

@@ -0,0 +1,156 @@
+/**
+ * SSE Endpoint Helper for Vestig Dev Overlay
+ *
+ * This module provides utilities for creating a Server-Sent Events
+ * endpoint that streams logs to the Dev Overlay in real-time.
+ *
+ * @example
+ * ```typescript
+ * // app/api/vestig/logs/route.ts
+ * import { createLogStreamHandler, devLogEmitter } from '@vestig/next/dev/api'
+ *
+ * export const GET = createLogStreamHandler()
+ *
+ * // In your middleware or logger setup
+ * devLogEmitter.emit({
+ *   timestamp: new Date().toISOString(),
+ *   level: 'info',
+ *   message: 'Hello from server',
+ *   namespace: 'api',
+ * })
+ * ```
+ */
+class DevLogEmitter {
+    listeners = new Set();
+    /**
+     * Subscribe to log events
+     */
+    subscribe(listener) {
+        this.listeners.add(listener);
+        return () => this.listeners.delete(listener);
+    }
+    /**
+     * Emit a log entry to all subscribers
+     */
+    emit(entry) {
+        for (const listener of this.listeners) {
+            try {
+                listener(entry);
+            }
+            catch (error) {
+                console.error('[vestig-dev] Log listener error:', error);
+            }
+        }
+    }
+    /**
+     * Get count of active listeners
+     */
+    get listenerCount() {
+        return this.listeners.size;
+    }
+}
+/**
+ * Singleton log emitter instance
+ */
+export const devLogEmitter = new DevLogEmitter();
+/**
+ * Create an SSE response for streaming logs
+ *
+ * @example
+ * ```typescript
+ * // app/api/vestig/logs/route.ts
+ * import { createLogStreamHandler } from '@vestig/next/dev/api'
+ *
+ * export const GET = createLogStreamHandler()
+ * ```
+ */
+export function createLogStreamHandler(options) {
+    const { pingInterval = 30000 } = options ?? {};
+    return async function handler() {
+        const encoder = new TextEncoder();
+        let pingTimer = null;
+        let unsubscribe = null;
+        const stream = new ReadableStream({
+            start(controller) {
+                // Send initial connection message
+                controller.enqueue(encoder.encode(`data: ${JSON.stringify({ type: 'connected' })}\n\n`));
+                // Subscribe to log events
+                unsubscribe = devLogEmitter.subscribe((entry) => {
+                    try {
+                        const data = JSON.stringify({ type: 'log', ...entry });
+                        controller.enqueue(encoder.encode(`data: ${data}\n\n`));
+                    }
+                    catch (error) {
+                        console.error('[vestig-dev] SSE write error:', error);
+                    }
+                });
+                // Send periodic pings to keep connection alive
+                pingTimer = setInterval(() => {
+                    try {
+                        controller.enqueue(encoder.encode(`data: ${JSON.stringify({ type: 'ping' })}\n\n`));
+                    }
+                    catch {
+                        // Connection closed
+                        if (pingTimer)
+                            clearInterval(pingTimer);
+                    }
+                }, pingInterval);
+            },
+            cancel() {
+                if (pingTimer) {
+                    clearInterval(pingTimer);
+                    pingTimer = null;
+                }
+                if (unsubscribe) {
+                    unsubscribe();
+                    unsubscribe = null;
+                }
+            },
+        });
+        return new Response(stream, {
+            headers: {
+                'Content-Type': 'text/event-stream',
+                'Cache-Control': 'no-cache, no-transform',
+                Connection: 'keep-alive',
+                'X-Accel-Buffering': 'no', // Disable nginx buffering
+            },
+        });
+    };
+}
+/**
+ * Create a vestig transport that streams logs to Dev Overlay
+ *
+ * @example
+ * ```typescript
+ * import { createLogger } from 'vestig'
+ * import { createDevTransport } from '@vestig/next/dev/api'
+ *
+ * const logger = createLogger({
+ *   // Only add dev transport in development
+ *   transports: process.env.NODE_ENV === 'development'
+ *     ? [createDevTransport()]
+ *     : [],
+ * })
+ * ```
+ */
+export function createDevTransport() {
+    return {
+        name: 'vestig-dev-overlay',
+        config: {
+            name: 'vestig-dev-overlay',
+            enabled: true,
+        },
+        log(entry) {
+            devLogEmitter.emit({
+                timestamp: entry.timestamp,
+                level: entry.level,
+                message: entry.message,
+                namespace: entry.namespace,
+                metadata: entry.metadata,
+                context: entry.context,
+                error: entry.error,
+            });
+        },
+    };
+}
+//# sourceMappingURL=logs-stream.js.map

package/dist/dev/api/logs-stream.js.map

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

package/dist/dev/filters.d.ts

@@ -0,0 +1,17 @@
+import type { LogLevel } from 'vestig';
+import type { LogFilters } from './store';
+interface FiltersProps {
+    filters: LogFilters;
+    levelCounts: Record<LogLevel, number>;
+    namespaces: string[];
+    onSetLevelFilter: (level: LogLevel, enabled: boolean) => void;
+    onSetSearch: (search: string) => void;
+    onSetSourceFilter: (source: 'all' | 'client' | 'server') => void;
+    onClearLogs: () => void;
+}
+/**
+ * Filter controls component
+ */
+export declare const Filters: import("react").NamedExoticComponent<FiltersProps>;
+export {};
+//# sourceMappingURL=filters.d.ts.map

package/dist/dev/filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../src/dev/filters.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAazC,UAAU,YAAY;IACrB,OAAO,EAAE,UAAU,CAAA;IACnB,WAAW,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IACrC,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,gBAAgB,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7D,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,iBAAiB,EAAE,CAAC,MAAM,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,KAAK,IAAI,CAAA;IAChE,WAAW,EAAE,MAAM,IAAI,CAAA;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,oDAwJlB,CAAA"}

package/dist/dev/filters.js

@@ -0,0 +1,100 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+/**
+ * Level config for display
+ */
+const LEVELS = [
+    { level: 'trace', label: 'TRC', color: '#6b7280', bgColor: '#f3f4f6' },
+    { level: 'debug', label: 'DBG', color: '#1e40af', bgColor: '#dbeafe' },
+    { level: 'info', label: 'INF', color: '#166534', bgColor: '#dcfce7' },
+    { level: 'warn', label: 'WRN', color: '#92400e', bgColor: '#fef3c7' },
+    { level: 'error', label: 'ERR', color: '#991b1b', bgColor: '#fee2e2' },
+];
+/**
+ * Filter controls component
+ */
+export const Filters = memo(function Filters({ filters, levelCounts, onSetLevelFilter, onSetSearch, onSetSourceFilter, onClearLogs, }) {
+    const containerStyle = {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '8px',
+        padding: '12px',
+        borderBottom: '1px solid rgba(0, 0, 0, 0.1)',
+        backgroundColor: '#fafafa',
+    };
+    const rowStyle = {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+        flexWrap: 'wrap',
+    };
+    const searchInputStyle = {
+        flex: 1,
+        minWidth: '200px',
+        padding: '6px 10px',
+        border: '1px solid #e5e7eb',
+        borderRadius: '6px',
+        fontSize: '13px',
+        fontFamily: 'inherit',
+        backgroundColor: 'white',
+        outline: 'none',
+        transition: 'border-color 0.15s ease',
+    };
+    const buttonGroupStyle = {
+        display: 'flex',
+        gap: '4px',
+    };
+    const sourceButtonStyle = (active) => ({
+        padding: '4px 10px',
+        border: '1px solid #e5e7eb',
+        borderRadius: '4px',
+        fontSize: '12px',
+        fontWeight: 500,
+        cursor: 'pointer',
+        backgroundColor: active ? '#4f46e5' : 'white',
+        color: active ? 'white' : '#374151',
+        transition: 'all 0.15s ease',
+    });
+    const levelButtonStyle = (level, active) => {
+        const config = LEVELS.find((l) => l.level === level);
+        return {
+            display: 'flex',
+            alignItems: 'center',
+            gap: '4px',
+            padding: '4px 8px',
+            border: `1px solid ${active ? config.color : '#e5e7eb'}`,
+            borderRadius: '4px',
+            fontSize: '11px',
+            fontWeight: 600,
+            cursor: 'pointer',
+            backgroundColor: active ? config.bgColor : 'white',
+            color: active ? config.color : '#9ca3af',
+            opacity: active ? 1 : 0.6,
+            transition: 'all 0.15s ease',
+        };
+    };
+    const countBadgeStyle = {
+        fontSize: '10px',
+        fontWeight: 500,
+        opacity: 0.8,
+    };
+    const clearButtonStyle = {
+        marginLeft: 'auto',
+        padding: '4px 10px',
+        border: '1px solid #fca5a5',
+        borderRadius: '4px',
+        fontSize: '12px',
+        fontWeight: 500,
+        cursor: 'pointer',
+        backgroundColor: 'white',
+        color: '#dc2626',
+        transition: 'all 0.15s ease',
+    };
+    return (_jsxs("div", { style: containerStyle, children: [_jsxs("div", { style: rowStyle, children: [_jsx("input", { type: "text", placeholder: "Search logs...", value: filters.search, onChange: (e) => onSetSearch(e.target.value), style: searchInputStyle, onFocus: (e) => {
+                            e.target.style.borderColor = '#4f46e5';
+                        }, onBlur: (e) => {
+                            e.target.style.borderColor = '#e5e7eb';
+                        } }), _jsxs("div", { style: buttonGroupStyle, children: [_jsx("button", { style: sourceButtonStyle(filters.source === 'all'), onClick: () => onSetSourceFilter('all'), children: "All" }), _jsx("button", { style: sourceButtonStyle(filters.source === 'client'), onClick: () => onSetSourceFilter('client'), children: "Client" }), _jsx("button", { style: sourceButtonStyle(filters.source === 'server'), onClick: () => onSetSourceFilter('server'), children: "Server" })] }), _jsx("button", { style: clearButtonStyle, onClick: onClearLogs, title: "Clear all logs", children: "Clear" })] }), _jsx("div", { style: rowStyle, children: LEVELS.map(({ level, label }) => (_jsxs("button", { style: levelButtonStyle(level, filters.levels.has(level)), onClick: () => onSetLevelFilter(level, !filters.levels.has(level)), title: `Toggle ${level} logs`, children: [_jsx("span", { children: label }), _jsxs("span", { style: countBadgeStyle, children: ["(", levelCounts[level], ")"] })] }, level))) })] }));
+});
+//# sourceMappingURL=filters.js.map

package/dist/dev/filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.js","sourceRoot":"","sources":["../../src/dev/filters.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAsB,IAAI,EAAE,MAAM,OAAO,CAAA;AAIhD;;GAEG;AACH,MAAM,MAAM,GAA8E;IACzF,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE;IACtE,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE;IACtE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE;IACrE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE;IACrE,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE;CACtE,CAAA;AAYD;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,OAAO,CAAC,EAC5C,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,WAAW,GACG;IACd,MAAM,cAAc,GAAkB;QACrC,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,KAAK;QACV,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,8BAA8B;QAC5C,eAAe,EAAE,SAAS;KAC1B,CAAA;IAED,MAAM,QAAQ,GAAkB;QAC/B,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK;QACV,QAAQ,EAAE,MAAM;KAChB,CAAA;IAED,MAAM,gBAAgB,GAAkB;QACvC,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,OAAO;QACjB,OAAO,EAAE,UAAU;QACnB,MAAM,EAAE,mBAAmB;QAC3B,YAAY,EAAE,KAAK;QACnB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,SAAS;QACrB,eAAe,EAAE,OAAO;QACxB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,yBAAyB;KACrC,CAAA;IAED,MAAM,gBAAgB,GAAkB;QACvC,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,KAAK;KACV,CAAA;IAED,MAAM,iBAAiB,GAAG,CAAC,MAAe,EAAiB,EAAE,CAAC,CAAC;QAC9D,OAAO,EAAE,UAAU;QACnB,MAAM,EAAE,mBAAmB;QAC3B,YAAY,EAAE,KAAK;QACnB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,MAAM,EAAE,SAAS;QACjB,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;QAC7C,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;QACnC,UAAU,EAAE,gBAAgB;KAC5B,CAAC,CAAA;IAEF,MAAM,gBAAgB,GAAG,CAAC,KAAe,EAAE,MAAe,EAAiB,EAAE;QAC5E,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAE,CAAA;QACrD,OAAO;YACN,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,KAAK;YACV,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,aAAa,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE;YACxD,YAAY,EAAE,KAAK;YACnB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,GAAG;YACf,MAAM,EAAE,SAAS;YACjB,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;YAClD,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;YACxC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;YACzB,UAAU,EAAE,gBAAgB;SAC5B,CAAA;IACF,CAAC,CAAA;IAED,MAAM,eAAe,GAAkB;QACtC,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,OAAO,EAAE,GAAG;KACZ,CAAA;IAED,MAAM,gBAAgB,GAAkB;QACvC,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,UAAU;QACnB,MAAM,EAAE,mBAAmB;QAC3B,YAAY,EAAE,KAAK;QACnB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,MAAM,EAAE,SAAS;QACjB,eAAe,EAAE,OAAO;QACxB,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,gBAAgB;KAC5B,CAAA;IAED,OAAO,CACN,eAAK,KAAK,EAAE,cAAc,aAEzB,eAAK,KAAK,EAAE,QAAQ,aACnB,gBACC,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,gBAAgB,EAC5B,KAAK,EAAE,OAAO,CAAC,MAAM,EACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5C,KAAK,EAAE,gBAAgB,EACvB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACd,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,GAAG,SAAS,CAAA;wBACvC,CAAC,EACD,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;4BACb,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,GAAG,SAAS,CAAA;wBACvC,CAAC,GACA,EAEF,eAAK,KAAK,EAAE,gBAAgB,aAC3B,iBACC,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,MAAM,KAAK,KAAK,CAAC,EAClD,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,oBAG/B,EACT,iBACC,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,MAAM,KAAK,QAAQ,CAAC,EACrD,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,uBAGlC,EACT,iBACC,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,MAAM,KAAK,QAAQ,CAAC,EACrD,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,uBAGlC,IACJ,EAEN,iBAAQ,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAC,gBAAgB,sBAEpE,IACJ,EAGN,cAAK,KAAK,EAAE,QAAQ,YAClB,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACjC,kBAEC,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EACzD,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAClE,KAAK,EAAE,UAAU,KAAK,OAAO,aAE7B,yBAAO,KAAK,GAAQ,EACpB,gBAAM,KAAK,EAAE,eAAe,kBAAI,WAAW,CAAC,KAAK,CAAC,SAAS,KANtD,KAAK,CAOF,CACT,CAAC,GACG,IACD,CACN,CAAA;AACF,CAAC,CAAC,CAAA"}

package/dist/dev/hooks/use-logs.d.ts

@@ -0,0 +1,55 @@
+import type { LogLevel } from 'vestig';
+import { type DevLogEntry, type LogFilters } from '../store';
+/**
+ * Hook to subscribe to log store
+ *
+ * Uses simple useState + useEffect pattern - React Compiler handles memoization.
+ */
+export declare function useLogStore(): {
+    logs: DevLogEntry[];
+    isOpen: boolean;
+    filters: LogFilters;
+    namespaces: string[];
+    levelCounts: Record<LogLevel, number>;
+    toggleOpen: () => void;
+    setOpen: (isOpen: boolean) => void;
+    clearLogs: () => void;
+    setLevelFilter: (level: LogLevel, enabled: boolean) => void;
+    toggleAllLevels: (enabled: boolean) => void;
+    setNamespaceFilter: (namespace: string, enabled: boolean) => void;
+    setSearch: (search: string) => void;
+    setSourceFilter: (source: "all" | "client" | "server") => void;
+};
+/**
+ * SSE connection state
+ */
+type ConnectionState = 'connecting' | 'connected' | 'disconnected' | 'error';
+/**
+ * Hook to connect to SSE log stream
+ */
+export declare function useServerLogs(options: {
+    endpoint?: string;
+    enabled?: boolean;
+    reconnectDelay?: number;
+    maxReconnectAttempts?: number;
+}): {
+    connect: () => void;
+    disconnect: () => void;
+    isConnected: boolean;
+    connectionState: ConnectionState;
+};
+/**
+ * Hook to capture client-side logs
+ */
+export declare function useClientLogCapture(options?: {
+    enabled?: boolean;
+}): void;
+/**
+ * Hook for keyboard shortcuts
+ */
+export declare function useDevOverlayShortcuts(options?: {
+    toggleKey?: string;
+    enabled?: boolean;
+}): void;
+export {};
+//# sourceMappingURL=use-logs.d.ts.map

package/dist/dev/hooks/use-logs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-logs.d.ts","sourceRoot":"","sources":["../../../src/dev/hooks/use-logs.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAgC,MAAM,UAAU,CAAA;AAE1F;;;;GAIG;AACH,wBAAgB,WAAW;;;;;;;sBA0BP,OAAO;;4BAED,QAAQ,WAAW,OAAO;+BACvB,OAAO;oCACF,MAAM,WAAW,OAAO;wBAEpC,MAAM;8BACA,KAAK,GAAG,QAAQ,GAAG,QAAQ;EAEtD;AAED;;GAEG;AACH,KAAK,eAAe,GAAG,YAAY,GAAG,WAAW,GAAG,cAAc,GAAG,OAAO,CAAA;AAE5E;;GAEG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC7B;;;;;EAoIA;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,QAoBtE;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,GAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,QAwB7F"}