@decido/shell-vscode-core 1.0.0 → 4.0.1

package/dist/ui/debug-panel/stateEditor.js

@@ -1,158 +0,0 @@
-import { stateEditContext, setStateEditContext } from './state.js';
-import { formatValue, parseValue } from './utils.js';
-// ===================================================================
-// Renderizado del Árbol de Estado
-// ===================================================================
-/**
- * Función principal y recursiva que construye el árbol de estado en el DOM.
- * Ya no depende de `DebugPanel`, recibe las dependencias que necesita.
- */
-export function renderStateTree(data, container, settings, onStateChange, path = []) {
-    container.innerHTML = '';
-    if (typeof data !== 'object' || data === null) {
-        const valueEl = createEditableValue(data, path, settings, onStateChange);
-        container.appendChild(valueEl);
-        return;
-    }
-    Object.entries(data).forEach(([key, value]) => {
-        if (key.startsWith('_'))
-            return;
-        const currentPath = [...path, key];
-        const node = document.createElement('div');
-        node.className = 'tree-node';
-        const content = document.createElement('div');
-        content.className = 'tree-node-content';
-        const keySpan = document.createElement('span');
-        keySpan.className = 'tree-key';
-        keySpan.textContent = `${key}: `;
-        content.appendChild(keySpan);
-        const isObject = typeof value === 'object' && value !== null;
-        if (isObject && Object.keys(value).length > 0) {
-            node.classList.add('collapsible');
-            const childContainer = document.createElement('div');
-            childContainer.className = 'tree-child-container hidden';
-            const toggleBtn = document.createElement('button');
-            toggleBtn.className = 'tree-toggle-btn';
-            toggleBtn.innerHTML = '<i class="fas fa-chevron-right"></i>';
-            toggleBtn.addEventListener('click', (e) => {
-                e.stopPropagation();
-                const isExpanded = node.classList.toggle('expanded');
-                childContainer.classList.toggle('hidden');
-                toggleBtn.innerHTML = isExpanded ? '<i class="fas fa-chevron-down"></i>' : '<i class="fas fa-chevron-right"></i>';
-                // Lazy-rendering: renderiza los hijos solo al expandir por primera vez
-                if (isExpanded && !childContainer.hasChildNodes()) {
-                    renderStateTree(value, childContainer, settings, onStateChange, currentPath);
-                }
-            });
-            content.insertBefore(toggleBtn, keySpan);
-            const valueSpan = document.createElement('span');
-            valueSpan.className = 'tree-value-object';
-            valueSpan.textContent = Array.isArray(value) ? `[${value.length} items]` : `{${Object.keys(value).length} properties}`;
-            content.appendChild(valueSpan);
-            node.appendChild(content);
-            node.appendChild(childContainer);
-        }
-        else {
-            const valueEl = createEditableValue(value, currentPath, settings, onStateChange);
-            content.appendChild(valueEl);
-            node.appendChild(content);
-        }
-        container.appendChild(node);
-    });
-}
-// ===================================================================
-// Lógica de Edición de Valores (Conectada a Señales)
-// ===================================================================
-function createEditableValue(value, path, settings, onStateChange) {
-    const valueSpan = document.createElement('span');
-    valueSpan.className = `tree-value tree-value-${typeof value}`;
-    valueSpan.textContent = formatValue(value);
-    if (settings.enableStateEditing) {
-        valueSpan.classList.add('editable');
-        const editBtn = document.createElement('button');
-        editBtn.className = 'edit-value-btn';
-        editBtn.innerHTML = '<i class="fas fa-edit"></i>';
-        editBtn.title = 'Editar valor';
-        editBtn.addEventListener('click', (e) => {
-            e.stopPropagation();
-            startEditing(valueSpan, value, path, onStateChange, settings);
-        });
-        const wrapper = document.createElement('div');
-        wrapper.className = 'editable-value-wrapper';
-        wrapper.appendChild(valueSpan);
-        wrapper.appendChild(editBtn);
-        return wrapper;
-    }
-    return valueSpan;
-}
-function startEditing(element, originalValue, path, onStateChange, settings) {
-    if (stateEditContext()?.isEditing) {
-        cancelEditing();
-    }
-    setStateEditContext({ path, originalValue, isEditing: true, element });
-    element.contentEditable = 'true';
-    element.classList.add('editing');
-    element.focus();
-    document.execCommand('selectAll', false, undefined); // Seleccionar texto
-    const controls = document.createElement('div');
-    controls.className = 'edit-controls';
-    controls.innerHTML = `<button class="save-edit-btn">✔️</button><button class="cancel-edit-btn">❌</button>`;
-    element.parentElement?.appendChild(controls);
-    controls.querySelector('.save-edit-btn')?.addEventListener('click', () => saveEdit(onStateChange, settings));
-    controls.querySelector('.cancel-edit-btn')?.addEventListener('click', cancelEditing);
-    element.addEventListener('keydown', (e) => handleEditKeydown(e, onStateChange, settings));
-    element.addEventListener('blur', () => setTimeout(() => {
-        // Solo guardar si todavía estamos en modo de edición para este elemento
-        if (stateEditContext()?.element === element)
-            saveEdit(onStateChange, settings);
-    }, 100));
-}
-function handleEditKeydown(e, onStateChange, settings) {
-    if (e.key === 'Enter' && !e.shiftKey) {
-        e.preventDefault();
-        saveEdit(onStateChange, settings);
-    }
-    else if (e.key === 'Escape') {
-        e.preventDefault();
-        cancelEditing();
-    }
-}
-function saveEdit(onStateChange, _settings) {
-    const context = stateEditContext();
-    if (!context?.isEditing || !context.element)
-        return;
-    try {
-        const newValue = parseValue(context.element.textContent || '', context.originalValue);
-        onStateChange(context.path, newValue); // Usa el callback para actualizar el estado de la app
-        context.element.textContent = formatValue(newValue);
-        context.element.classList.add('edit-success');
-        setTimeout(() => context.element?.classList.remove('edit-success'), 1000);
-        finishEditing();
-    }
-    catch (error) {
-        context.element.classList.add('edit-error');
-        context.element.title = `Error: ${error.message}`;
-        setTimeout(() => {
-            if (context.element) {
-                context.element.classList.remove('edit-error');
-                context.element.title = '';
-            }
-        }, 3000);
-    }
-}
-export function cancelEditing() {
-    const context = stateEditContext();
-    if (!context?.isEditing || !context.element)
-        return;
-    context.element.textContent = formatValue(context.originalValue);
-    finishEditing();
-}
-function finishEditing() {
-    const context = stateEditContext();
-    if (!context?.element)
-        return;
-    context.element.contentEditable = 'false';
-    context.element.classList.remove('editing');
-    context.element.parentElement?.querySelector('.edit-controls')?.remove();
-    setStateEditContext(null); // Resetea la señal de estado de edición
-}

package/dist/ui/debug-panel/types.d.ts

@@ -1,68 +0,0 @@
-export type LogLevel = 'log' | 'info' | 'warn' | 'error';
-export type DockPosition = 'left' | 'bottom' | 'right' | 'floating';
-export type TabId = 'state' | 'history' | 'events' | 'console' | 'network' | 'performance';
-export type PanelLayout = 'single' | 'split-horizontal' | 'split-vertical' | 'grid';
-export interface ConsoleLog {
-    id: string;
-    type: LogLevel;
-    timestamp: Date;
-    message: any[];
-    stack?: string;
-}
-export interface NetworkLog {
-    id: string;
-    url: string;
-    method: string;
-    status: number;
-    timestamp: Date;
-    duration: number;
-    size?: number;
-    error?: string;
-}
-export interface PerformanceLog {
-    id: string;
-    name: string;
-    duration: number;
-    timestamp: Date;
-    type: 'navigation' | 'resource' | 'measure' | 'mark';
-}
-export interface EventLog {
-    id: string;
-    name: string;
-    data: any;
-    timestamp: Date;
-    direction: 'emitted' | 'received';
-}
-export interface PanelInstance {
-    id: string;
-    activeTab: TabId;
-    position: {
-        x: number;
-        y: number;
-    };
-    size: {
-        width: number;
-        height: number;
-    };
-    isMinimized: boolean;
-    zIndex: number;
-}
-export interface DebugSettings {
-    maxLogs: number;
-    autoScroll: boolean;
-    showTimestamps: boolean;
-    position: DockPosition;
-    isMinimized: boolean;
-    layout: PanelLayout;
-    panels: PanelInstance[];
-    enableStateEditing: boolean;
-    autoSaveState: boolean;
-    theme: 'dark' | 'light';
-}
-export interface StateEditContext {
-    path: string[];
-    originalValue: any;
-    isEditing: boolean;
-    element?: HTMLElement;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/ui/debug-panel/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/debug-panel/types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AACzD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AACpE,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AAC3F,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,MAAM,CAAC;AAEpF,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,IAAI,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,IAAI,CAAC;IAChB,IAAI,EAAE,YAAY,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;CACxD;AAED,MAAM,WAAW,QAAQ;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,GAAG,CAAC;IACV,SAAS,EAAE,IAAI,CAAC;IAChB,SAAS,EAAE,SAAS,GAAG,UAAU,CAAC;CACrC;AAED,MAAM,WAAW,aAAa;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,KAAK,CAAC;IACjB,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,YAAY,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,aAAa,EAAE,GAAG,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC;CACzB"}

package/dist/ui/debug-panel/types.js

@@ -1 +0,0 @@
-export {};

package/dist/ui/debug-panel/ui.d.ts

@@ -1,10 +0,0 @@
-import { PanelInstance, DebugSettings } from './types.js';
-/**
- * Genera el esqueleto HTML completo para un panel, incluyendo el contenido estático de cada pestaña.
- * Esta función es pura: recibe configuración y devuelve una cadena HTML.
- * Ya no se necesita `initializePanelContent` porque todo se genera de una vez.
- * @param config La configuración específica de este panel.
- * @param settings La configuración general de la aplicación.
- */
-export declare function generatePanelHTML(config: PanelInstance, settings: DebugSettings): string;
-//# sourceMappingURL=ui.d.ts.map

package/dist/ui/debug-panel/ui.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../../src/ui/debug-panel/ui.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,aAAa,EAAmB,MAAM,YAAY,CAAC;AAG3E;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,GAAG,MAAM,CA2DxF"}

package/dist/ui/debug-panel/ui.js

@@ -1,199 +0,0 @@
-import { html } from '../../utils.js';
-import { consoleFilter } from './state.js';
-/**
- * Genera el esqueleto HTML completo para un panel, incluyendo el contenido estático de cada pestaña.
- * Esta función es pura: recibe configuración y devuelve una cadena HTML.
- * Ya no se necesita `initializePanelContent` porque todo se genera de una vez.
- * @param config La configuración específica de este panel.
- * @param settings La configuración general de la aplicación.
- */
-export function generatePanelHTML(config, settings) {
-    const tabs = [
-        { id: 'state', label: 'Estado', icon: 'fas fa-sitemap' },
-        { id: 'history', label: 'Historial', icon: 'fas fa-history' },
-        { id: 'events', label: 'Eventos', icon: 'fas fa-bolt' },
-        { id: 'console', label: 'Consola', icon: 'fas fa-terminal' },
-        { id: 'network', label: 'Red', icon: 'fas fa-globe' },
-        { id: 'performance', label: 'Perf', icon: 'fas fa-tachometer-alt' }
-    ];
-    return html `
-        <div class="debug-header" data-panel-id="${config.id}">
-            <div class="debug-header-title">
-                <span class="debug-logo">🐞</span>
-                <span>DevTools</span>
-                <span class="debug-version">v2.0</span>
-                <span class="panel-id">#${config.id}</span>
-            </div>
-            <div class="debug-controls">
-                <button class="control-btn" title="Layout" data-action="toggle-layout"><i class="fas fa-th"></i></button>
-                <button class="control-btn" title="Clonar Panel" data-action="clone-panel"><i class="fas fa-clone"></i></button>
-                <button class="control-btn" title="Configuración" data-action="toggle-settings"><i class="fas fa-cog"></i></button>
-                <button class="control-btn" title="Limpiar logs de la pestaña" data-action="clear-tab-logs"><i class="fas fa-trash"></i></button>
-                <button class="control-btn" title="Minimizar/Maximizar" data-action="toggle-minimized"><i class="fas ${config.isMinimized ? 'fa-window-maximize' : 'fa-window-minimize'}"></i></button>
-                <button class="control-btn" title="Cerrar" data-action="close-panel"><i class="fas fa-times"></i></button>
-            </div>
-        </div>
-        
-        <div class="debug-tabs">
-            ${tabs.map(tab => `
-                <button class="debug-tab ${tab.id === config.activeTab ? 'active' : ''}" data-action="activate-tab" data-tab="${tab.id}" title="${tab.label}">
-                    <i class="${tab.icon}"></i>
-                    <span>${tab.label}</span>
-                </button>
-            `).join('')}
-        </div>
-        
-        <div class="debug-content-wrapper">
-            ${tabs.map(tab => `
-                <div id="debug-panel-${config.id}-${tab.id}" class="debug-panel-content ${tab.id === config.activeTab ? 'active' : ''}">
-                    ${generateTabContentHTML(tab.id, config.id, settings)}
-                </div>
-            `).join('')}
-        </div>
-        
-        <div class="resize-handles">
-            <div class="resize-handle resize-handle-n" data-direction="n"></div>
-            <div class="resize-handle resize-handle-s" data-direction="s"></div>
-            <div class="resize-handle resize-handle-e" data-direction="e"></div>
-            <div class="resize-handle resize-handle-w" data-direction="w"></div>
-            <div class="resize-handle resize-handle-ne" data-direction="ne"></div>
-            <div class="resize-handle resize-handle-nw" data-direction="nw"></div>
-            <div class="resize-handle resize-handle-se" data-direction="se"></div>
-            <div class="resize-handle resize-handle-sw" data-direction="sw"></div>
-        </div>
-        
-        <div class="settings-panel hidden">${generateSettingsHTML(settings)}</div>
-        <div class="layout-panel hidden">${generateLayoutHTML()}</div>
-    `;
-}
-/**
- * Función de ayuda que devuelve el HTML interno para una pestaña específica.
- * Esto reemplaza la necesidad de la función `initializePanelContent` de V1.
- */
-function generateTabContentHTML(tabId, panelId, settings) {
-    switch (tabId) {
-        case 'state':
-            return html `
-                <div class="panel-header">
-                    <h4>🏗️ Estado de la Aplicación</h4>
-                </div>
-                <div class="state-tree-container">
-                    <div class="state-tree"></div>
-                </div>`;
-        case 'history':
-            return html `
-                <div class="panel-header">
-                    <h4>📜 Historial de Cambios</h4>
-                </div>
-                <div class="scroll-content history-list"></div>`;
-        case 'console':
-            // Leemos el estado inicial del filtro para renderizar los checkboxes correctamente
-            const activeFilters = consoleFilter();
-            return html `
-                <div class="panel-header">
-                    <h4>📝 Consola</h4>
-                    <div class="console-filters">
-                        ${['log', 'info', 'warn', 'error'].map(level => `
-                            <label class="filter-label ${activeFilters.has(level) ? 'active' : ''}">
-                                <input type="checkbox" data-level="${level}" ${activeFilters.has(level) ? 'checked' : ''}>
-                                <span class="log-level-${level}">${level.toUpperCase()}</span>
-                            </label>
-                        `).join('')}
-                    </div>
-                </div>
-                <div class="scroll-content console-logs"></div>`;
-        case 'network':
-            return html `
-                <div class="panel-header">
-                    <h4>🌐 Requests de Red</h4>
-                    <div class="network-filters">
-                        <input type="text" class="network-filter-input" placeholder="Filtrar por URL...">
-                    </div>
-                </div>
-                <div class="scroll-content network-logs"></div>`;
-        case 'events':
-            return html `
-                <div class="panel-header">
-                    <h4>⚡ Sistema de Eventos</h4>
-                </div>
-                <div class="event-emitter">
-                    <form id="debug-event-form-${panelId}" class="event-form">
-                        <input name="eventName" placeholder="Nombre del evento" class="event-input" required>
-                        <textarea name="eventData" placeholder='Payload JSON (opcional)' class="event-input"></textarea>
-                        <button type="submit" class="btn btn-primary">
-                            <i class="fas fa-paper-plane"></i> Emitir
-                        </button>
-                    </form>
-                </div>
-                <div class="scroll-content events-log"></div>`;
-        case 'performance':
-            return html `
-                <div class="panel-header">
-                    <h4>⚡ Performance</h4>
-                </div>
-                <div class="performance-stats">
-                    <div class="stat-card">
-                        <div class="stat-value" id="memory-usage-${panelId}">--</div>
-                        <div class="stat-label">Memoria (MB)</div>
-                    </div>
-                    <div class="stat-card">
-                        <div class="stat-value" id="dom-nodes-${panelId}">--</div>
-                        <div class="stat-label">Nodos DOM</div>
-                    </div>
-                    <div class="stat-card">
-                        <div class="stat-value" id="fps-${panelId}">--</div>
-                        <div class="stat-label">FPS</div>
-                    </div>
-                </div>
-                <div class="scroll-content performance-logs"></div>`;
-        default:
-            return '';
-    }
-}
-function generateLayoutHTML() {
-    return html `
-        <div class="layout-header">
-            <h3>📐 Layout</h3>
-            <button class="control-btn" data-action="toggle-layout"><i class="fas fa-times"></i></button>
-        </div>
-        <div class="layout-content">
-            <div class="layout-presets">
-                <button class="preset-btn" data-action="apply-layout" data-layout="single"><div class="preset-visual single"></div><span>Single</span></button>
-                <button class="preset-btn" data-action="apply-layout" data-layout="split-horizontal"><div class="preset-visual split-h"></div><span>Split H</span></button>
-                <button class="preset-btn" data-action="apply-layout" data-layout="split-vertical"><div class="preset-visual split-v"></div><span>Split V</span></button>
-                <button class="preset-btn" data-action="apply-layout" data-layout="grid"><div class="preset-visual grid"></div><span>Grid</span></button>
-            </div>
-            <div class="panel-actions">
-                <button class="btn btn-primary" data-action="new-panel"><i class="fas fa-plus"></i> Nuevo Panel</button>
-                <button class="btn btn-secondary" data-action="auto-arrange"><i class="fas fa-object-group"></i> Auto Organizar</button>
-                <button class="btn btn-secondary" data-action="reset-layout"><i class="fas fa-undo"></i> Reset Layout</button>
-            </div>
-        </div>`;
-}
-function generateSettingsHTML(settings) {
-    return html `
-        <div class="settings-header">
-            <h3>⚙️ Configuración</h3>
-            <button class="control-btn" data-action="toggle-settings"><i class="fas fa-times"></i></button>
-        </div>
-        <div class="settings-content">
-            <label><input type="checkbox" data-setting="autoScroll" ${settings.autoScroll ? 'checked' : ''}> Auto-scroll en logs</label>
-            <label><input type="checkbox" data-setting="showTimestamps" ${settings.showTimestamps ? 'checked' : ''}> Mostrar Timestamps</label>
-            <label><input type="checkbox" data-setting="enableStateEditing" ${settings.enableStateEditing ? 'checked' : ''}> Habilitar edición de estado</label>
-            <label>
-                <span>Tema:</span> 
-                <select data-setting="theme">
-                    <option value="dark" ${settings.theme === 'dark' ? 'selected' : ''}>Oscuro</option>
-                    <option value="light" ${settings.theme === 'light' ? 'selected' : ''}>Claro</option>
-                </select>
-            </label>
-            <label>
-                <span>Max Logs:</span> 
-                <input type="number" data-setting="maxLogs" value="${settings.maxLogs}" min="100" max="10000" step="100">
-            </label>
-            <div class="panel-actions">
-                <button class="btn-secondary" data-action="export-logs">Exportar Logs</button>
-                <button class="btn-secondary" data-action="export-state">Exportar Estado</button>
-            </div>
-        </div>`;
-}

package/dist/ui/debug-panel/utils.d.ts

@@ -1,16 +0,0 @@
-import { LogLevel } from './types.js';
-/**
- * Exporta todos los logs actuales a un archivo JSON.
- * Ahora es una función autónoma que lee directamente de las señales de estado.
- */
-export declare function exportLogs(): void;
-/**
- * Exporta el estado actual de la aplicación a un archivo JSON.
- * Función autónoma que lee el estado de la aplicación.
- */
-export declare function exportState(): void;
-export declare function formatValue(value: any): string;
-export declare function parseValue(valueStr: string, originalValue: any): any;
-export declare function getLogIcon(level: LogLevel): string;
-export declare function formatLogMessage(message: any[]): string;
-//# sourceMappingURL=utils.d.ts.map

package/dist/ui/debug-panel/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/ui/debug-panel/utils.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC;;;GAGG;AACH,wBAAgB,UAAU,IAAI,IAAI,CAyBjC;AAED;;;GAGG;AACH,wBAAgB,WAAW,IAAI,IAAI,CAoBlC;AAOD,wBAAgB,WAAW,CAAC,KAAK,EAAE,GAAG,GAAG,MAAM,CAK9C;AAED,wBAAgB,UAAU,CAAC,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,GAAG,GAAG,CAyBpE;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,CAGlD;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,MAAM,CAOvD"}

package/dist/ui/debug-panel/utils.js

@@ -1,104 +0,0 @@
-import { consoleLogs, networkLogs, performanceLogs, eventLogs } from './state.js';
-import { settings } from './main.js';
-import * as appState from '../../appState.js';
-import * as uiState from '../../core/uiState.js';
-/**
- * Exporta todos los logs actuales a un archivo JSON.
- * Ahora es una función autónoma que lee directamente de las señales de estado.
- */
-export function exportLogs() {
-    // 1. Obtiene los datos más recientes directamente de las señales.
-    const allLogs = {
-        console: consoleLogs(),
-        network: networkLogs(),
-        performance: performanceLogs(),
-        events: eventLogs(),
-    };
-    const exportData = {
-        timestamp: new Date().toISOString(),
-        logs: allLogs,
-        settings: settings() // Obtiene la configuración de su propia señal
-    };
-    // 2. El resto de la lógica para crear y descargar el archivo es la misma.
-    const blob = new Blob([JSON.stringify(exportData, null, 2)], {
-        type: 'application/json'
-    });
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement('a');
-    a.href = url;
-    a.download = `debug-logs-${new Date().toISOString().slice(0, 19)}.json`;
-    a.click();
-    URL.revokeObjectURL(url);
-}
-/**
- * Exporta el estado actual de la aplicación a un archivo JSON.
- * Función autónoma que lee el estado de la aplicación.
- */
-export function exportState() {
-    try {
-        const stateData = {
-            app: { ...appState }, // Ajusta esto según cómo expongas tu appState
-            ui: { ...uiState }, // Ajusta esto según cómo expongas tu uiState
-            timestamp: new Date().toISOString()
-        };
-        const blob = new Blob([JSON.stringify(stateData, null, 2)], {
-            type: 'application/json'
-        });
-        const url = URL.createObjectURL(blob);
-        const a = document.createElement('a');
-        a.href = url;
-        a.download = `app-state-${new Date().toISOString().slice(0, 19)}.json`;
-        a.click();
-        URL.revokeObjectURL(url);
-    }
-    catch (error) {
-        console.error('Error exporting state:', error);
-    }
-}
-// ===================================================================
-// Funciones de Utilidad Puras (No necesitan cambios)
-// ===================================================================
-export function formatValue(value) {
-    if (typeof value === 'string') {
-        return `"${value}"`;
-    }
-    return JSON.stringify(value);
-}
-export function parseValue(valueStr, originalValue) {
-    const trimmed = valueStr.trim();
-    if (trimmed === 'true')
-        return true;
-    if (trimmed === 'false')
-        return false;
-    if (trimmed === 'null')
-        return null;
-    if (trimmed === 'undefined')
-        return undefined;
-    if (typeof originalValue === 'number') {
-        const num = Number(trimmed);
-        if (isNaN(num))
-            throw new Error('Invalid number');
-        return num;
-    }
-    if ((trimmed.startsWith('{') && trimmed.endsWith('}')) ||
-        (trimmed.startsWith('[') && trimmed.endsWith(']'))) {
-        return JSON.parse(trimmed);
-    }
-    if ((trimmed.startsWith('"') && trimmed.endsWith('"')) ||
-        (trimmed.startsWith("'") && trimmed.endsWith("'"))) {
-        return trimmed.slice(1, -1);
-    }
-    return trimmed;
-}
-export function getLogIcon(level) {
-    const icons = { log: '📝', info: 'ℹ️', warn: '⚠️', error: '❌' };
-    return icons[level];
-}
-export function formatLogMessage(message) {
-    return message.map(item => {
-        if (typeof item === 'object') {
-            return `<pre class="log-object">${JSON.stringify(item, null, 2)}</pre>`;
-        }
-        return String(item);
-    }).join(' ');
-}

package/dist/utils.d.ts

@@ -1,22 +0,0 @@
-/**
- * Formatea una cadena de fecha (ej: "2025-06-20") a un formato legible.
- * @param {string} dateString - La fecha en formato YYYY-MM-DD.
- * @returns {string} La fecha formateada (ej: "20 jun. 2025").
- */
-export declare function formatDate(dateString?: string): string;
-/**
- * Función ficticia (dummy) para activar el resaltado de sintaxis de HTML
- * en las plantillas de texto de VS Code. Simplemente reconstruye y devuelve
- * la cadena de texto original.
- * @param {TemplateStringsArray} strings
- * @param  {...any} values
- * @returns {string}
- */
-export declare function html(strings: any, ...values: any[]): string;
-/**
- * Hace que un elemento del DOM sea arrastrable usando un manejador.
- * @param {HTMLElement} _element - El elemento a mover.
- * @param {HTMLElement} _handle - El elemento que activa el arrastre.
- */
-export declare function makeDraggable(_element: any, _handle: any): void;
-//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAStD;AAED;;;;;;;GAOG;AACH,wBAAgB,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,MAAM,EAAE,GAAG,EAAE,UAGlD;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,QA0BxD"}

package/dist/utils.js

@@ -1,58 +0,0 @@
-// js/utils.js
-/**
- * Formatea una cadena de fecha (ej: "2025-06-20") a un formato legible.
- * @param {string} dateString - La fecha en formato YYYY-MM-DD.
- * @returns {string} La fecha formateada (ej: "20 jun. 2025").
- */
-export function formatDate(dateString) {
-    if (!dateString)
-        return 'Sin fecha';
-    const date = new Date(dateString);
-    const userTimezoneOffset = date.getTimezoneOffset() * 60000;
-    return new Date(date.getTime() + userTimezoneOffset).toLocaleDateString('es-ES', {
-        year: 'numeric',
-        month: 'short',
-        day: 'numeric'
-    });
-}
-/**
- * Función ficticia (dummy) para activar el resaltado de sintaxis de HTML
- * en las plantillas de texto de VS Code. Simplemente reconstruye y devuelve
- * la cadena de texto original.
- * @param {TemplateStringsArray} strings
- * @param  {...any} values
- * @returns {string}
- */
-export function html(strings, ...values) {
-    // String.raw es una forma segura y nativa de reconstruir la plantilla
-    return String.raw({ raw: strings }, ...values);
-}
-/**
- * Hace que un elemento del DOM sea arrastrable usando un manejador.
- * @param {HTMLElement} _element - El elemento a mover.
- * @param {HTMLElement} _handle - El elemento que activa el arrastre.
- */
-export function makeDraggable(_element, _handle) {
-    // let pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
-    // handle.onmousedown = dragMouseDown;
-    // function dragMouseDown(e) {
-    //     e.preventDefault();
-    //     pos3 = e.clientX;
-    //     pos4 = e.clientY;
-    //     document.onmouseup = closeDragElement;
-    //     document.onmousemove = elementDrag;
-    // }
-    // function elementDrag(e) {
-    //     e.preventDefault();
-    //     pos1 = pos3 - e.clientX;
-    //     pos2 = pos4 - e.clientY;
-    //     pos3 = e.clientX;
-    //     pos4 = e.clientY;
-    //     element.style.top = (element.offsetTop - pos2) + "px";
-    //     element.style.left = (element.offsetLeft - pos1) + "px";
-    // }
-    // function closeDragElement() {
-    //     document.onmouseup = null;
-    //     document.onmousemove = null;
-    // }
-}