@vestig/next 0.6.0 → 0.8.0

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,oDAoJlB,CAAA"}

package/dist/dev/filters.js

@@ -0,0 +1,96 @@
+'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":"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"}

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

@@ -0,0 +1,53 @@
+import { type DevLogEntry, type LogFilters } from '../store';
+import type { LogLevel } from 'vestig';
+/**
+ * Hook to subscribe to log store
+ */
+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,EAAY,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAA;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEtC;;GAEG;AACH,wBAAgB,WAAW;;;;;;;;;;;;;;EA6B1B;AAWD;;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;;;;;EAuIA;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,QAwBtE;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,GAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,QA0B7F"}

package/dist/dev/hooks/use-logs.js

@@ -0,0 +1,205 @@
+'use client';
+import { useCallback, useEffect, useRef, useSyncExternalStore } from 'react';
+import { logStore } from '../store';
+/**
+ * Hook to subscribe to log store
+ */
+export function useLogStore() {
+    const logs = useSyncExternalStore(logStore.subscribe, () => logStore.getFilteredLogs(), () => []);
+    const state = useSyncExternalStore(logStore.subscribe, () => logStore.getSnapshot(), () => ({ logs: [], filters: getDefaultFilters(), isOpen: false, maxLogs: 500 }));
+    return {
+        logs,
+        isOpen: state.isOpen,
+        filters: state.filters,
+        namespaces: logStore.getNamespaces(),
+        levelCounts: logStore.getLevelCounts(),
+        // Actions
+        toggleOpen: logStore.toggleOpen,
+        setOpen: logStore.setOpen,
+        clearLogs: logStore.clearLogs,
+        setLevelFilter: logStore.setLevelFilter,
+        toggleAllLevels: logStore.toggleAllLevels,
+        setNamespaceFilter: logStore.setNamespaceFilter,
+        setSearch: logStore.setSearch,
+        setSourceFilter: logStore.setSourceFilter,
+    };
+}
+function getDefaultFilters() {
+    return {
+        levels: new Set(['trace', 'debug', 'info', 'warn', 'error']),
+        namespaces: new Set(),
+        search: '',
+        source: 'all',
+    };
+}
+/**
+ * Hook to connect to SSE log stream
+ */
+export function useServerLogs(options) {
+    const { endpoint = '/api/vestig/logs', enabled = true, reconnectDelay = 2000, maxReconnectAttempts = 5, } = options;
+    const eventSourceRef = useRef(null);
+    const reconnectAttempts = useRef(0);
+    const reconnectTimeoutRef = useRef(null);
+    const connectionStateRef = useRef('disconnected');
+    const connect = useCallback(() => {
+        // Only connect in browser
+        if (typeof window === 'undefined')
+            return;
+        if (!enabled)
+            return;
+        // Clean up existing connection
+        if (eventSourceRef.current) {
+            eventSourceRef.current.close();
+        }
+        connectionStateRef.current = 'connecting';
+        try {
+            const eventSource = new EventSource(endpoint);
+            eventSourceRef.current = eventSource;
+            eventSource.onopen = () => {
+                connectionStateRef.current = 'connected';
+                reconnectAttempts.current = 0;
+            };
+            eventSource.onmessage = (event) => {
+                try {
+                    const data = JSON.parse(event.data);
+                    if (data.type === 'log') {
+                        logStore.addLog({
+                            timestamp: data.timestamp,
+                            level: data.level,
+                            message: data.message,
+                            namespace: data.namespace,
+                            metadata: data.metadata,
+                            context: data.context,
+                            error: data.error,
+                            source: 'server',
+                            traceId: data.context?.traceId,
+                            spanId: data.context?.spanId,
+                            duration: data.duration,
+                        });
+                    }
+                    else if (data.type === 'batch') {
+                        const entries = data.logs.map((log) => ({
+                            timestamp: log.timestamp,
+                            level: log.level,
+                            message: log.message,
+                            namespace: log.namespace,
+                            metadata: log.metadata,
+                            context: log.context,
+                            error: log.error,
+                            source: 'server',
+                            traceId: log.context?.traceId,
+                            spanId: log.context?.spanId,
+                            duration: log.duration,
+                        }));
+                        logStore.addLogs(entries);
+                    }
+                }
+                catch (error) {
+                    console.error('[vestig-dev] Failed to parse SSE message:', error);
+                }
+            };
+            eventSource.onerror = () => {
+                connectionStateRef.current = 'error';
+                eventSource.close();
+                eventSourceRef.current = null;
+                // Attempt reconnection
+                if (reconnectAttempts.current < maxReconnectAttempts) {
+                    reconnectAttempts.current++;
+                    const delay = reconnectDelay * Math.pow(2, reconnectAttempts.current - 1);
+                    reconnectTimeoutRef.current = setTimeout(() => {
+                        connect();
+                    }, delay);
+                }
+                else {
+                    connectionStateRef.current = 'disconnected';
+                }
+            };
+        }
+        catch (error) {
+            console.error('[vestig-dev] Failed to create EventSource:', error);
+            connectionStateRef.current = 'error';
+        }
+    }, [endpoint, enabled, reconnectDelay, maxReconnectAttempts]);
+    const disconnect = useCallback(() => {
+        if (reconnectTimeoutRef.current) {
+            clearTimeout(reconnectTimeoutRef.current);
+            reconnectTimeoutRef.current = null;
+        }
+        if (eventSourceRef.current) {
+            eventSourceRef.current.close();
+            eventSourceRef.current = null;
+        }
+        connectionStateRef.current = 'disconnected';
+        reconnectAttempts.current = 0;
+    }, []);
+    useEffect(() => {
+        if (enabled) {
+            connect();
+        }
+        else {
+            disconnect();
+        }
+        return () => {
+            disconnect();
+        };
+    }, [enabled, connect, disconnect]);
+    return {
+        connect,
+        disconnect,
+        isConnected: connectionStateRef.current === 'connected',
+        connectionState: connectionStateRef.current,
+    };
+}
+/**
+ * Hook to capture client-side logs
+ */
+export function useClientLogCapture(options = {}) {
+    const { enabled = true } = options;
+    useEffect(() => {
+        if (!enabled)
+            return;
+        if (typeof window === 'undefined')
+            return;
+        // Intercept client logs from VestigProvider
+        // This works by patching the transport's internal send
+        // We listen to a custom event dispatched by the transport
+        const handleClientLog = (event) => {
+            logStore.addLog({
+                ...event.detail,
+                source: 'client',
+            });
+        };
+        window.addEventListener('vestig:client-log', handleClientLog);
+        return () => {
+            window.removeEventListener('vestig:client-log', handleClientLog);
+        };
+    }, [enabled]);
+}
+/**
+ * Hook for keyboard shortcuts
+ */
+export function useDevOverlayShortcuts(options = {}) {
+    const { toggleKey = 'l', enabled = true } = options;
+    useEffect(() => {
+        if (!enabled)
+            return;
+        if (typeof window === 'undefined')
+            return;
+        const handleKeyDown = (event) => {
+            // Cmd/Ctrl + L to toggle
+            if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === toggleKey) {
+                event.preventDefault();
+                logStore.toggleOpen();
+            }
+            // Escape to close
+            if (event.key === 'Escape' && logStore.getSnapshot().isOpen) {
+                logStore.setOpen(false);
+            }
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return () => {
+            window.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [toggleKey, enabled]);
+}
+//# sourceMappingURL=use-logs.js.map

package/dist/dev/hooks/use-logs.js.map

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

package/dist/dev/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @vestig/next/dev - Development tools for vestig logging
+ *
+ * This module provides real-time log viewing and debugging tools
+ * for development environments.
+ *
+ * @example
+ * ```tsx
+ * // app/layout.tsx
+ * import { VestigDevOverlay } from '@vestig/next/dev'
+ *
+ * export default function RootLayout({ children }) {
+ *   return (
+ *     <html>
+ *       <body>
+ *         {children}
+ *         {process.env.NODE_ENV === 'development' && <VestigDevOverlay />}
+ *       </body>
+ *     </html>
+ *   )
+ * }
+ * ```
+ *
+ * @packageDocumentation
+ */
+export { VestigDevOverlay, type VestigDevOverlayProps } from './overlay';
+export { logStore, type DevLogEntry, type LogFilters, type LogStore } from './store';
+export { useLogStore, useServerLogs, useClientLogCapture, useDevOverlayShortcuts, } from './hooks/use-logs';
+export { LogEntry } from './log-entry';
+export { LogViewer } from './log-viewer';
+export { Filters } from './filters';
+export { MetricsPanel } from './metrics-panel';
+export { MetricsCard } from './metrics-card';
+export { MetricsHistogram } from './metrics-histogram';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dev/index.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAGH,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAGxE,OAAO,EAAE,QAAQ,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAA;AAGpF,OAAO,EACN,WAAW,EACX,aAAa,EACb,mBAAmB,EACnB,sBAAsB,GACtB,MAAM,kBAAkB,CAAA;AAGzB,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAGnC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/dev/index.js

@@ -0,0 +1,41 @@
+'use client';
+/**
+ * @vestig/next/dev - Development tools for vestig logging
+ *
+ * This module provides real-time log viewing and debugging tools
+ * for development environments.
+ *
+ * @example
+ * ```tsx
+ * // app/layout.tsx
+ * import { VestigDevOverlay } from '@vestig/next/dev'
+ *
+ * export default function RootLayout({ children }) {
+ *   return (
+ *     <html>
+ *       <body>
+ *         {children}
+ *         {process.env.NODE_ENV === 'development' && <VestigDevOverlay />}
+ *       </body>
+ *     </html>
+ *   )
+ * }
+ * ```
+ *
+ * @packageDocumentation
+ */
+// Main overlay component
+export { VestigDevOverlay } from './overlay';
+// Store for programmatic access
+export { logStore } from './store';
+// Hooks for custom integrations
+export { useLogStore, useServerLogs, useClientLogCapture, useDevOverlayShortcuts, } from './hooks/use-logs';
+// Individual components for custom layouts
+export { LogEntry } from './log-entry';
+export { LogViewer } from './log-viewer';
+export { Filters } from './filters';
+// Metrics components for Dev Overlay
+export { MetricsPanel } from './metrics-panel';
+export { MetricsCard } from './metrics-card';
+export { MetricsHistogram } from './metrics-histogram';
+//# sourceMappingURL=index.js.map

package/dist/dev/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/dev/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,yBAAyB;AACzB,OAAO,EAAE,gBAAgB,EAA8B,MAAM,WAAW,CAAA;AAExE,gCAAgC;AAChC,OAAO,EAAE,QAAQ,EAAoD,MAAM,SAAS,CAAA;AAEpF,gCAAgC;AAChC,OAAO,EACN,WAAW,EACX,aAAa,EACb,mBAAmB,EACnB,sBAAsB,GACtB,MAAM,kBAAkB,CAAA;AAEzB,2CAA2C;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,qCAAqC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/dev/log-entry.d.ts

@@ -0,0 +1,12 @@
+import type { DevLogEntry } from './store';
+interface LogEntryProps {
+    log: DevLogEntry;
+    isExpanded?: boolean;
+    onToggleExpand?: () => void;
+}
+/**
+ * Single log entry component
+ */
+export declare const LogEntry: import("react").NamedExoticComponent<LogEntryProps>;
+export {};
+//# sourceMappingURL=log-entry.d.ts.map