@decido/shell-vscode-core 1.0.0 → 4.0.2

package/src/core/DebugService.ts

@@ -1,181 +0,0 @@
-import { ConsoleLog, LogLevel } from '../types/debug.js';
-import { IPlatformAPI } from './api';
-import { createSignal } from './signals';
-
-// Tipos para nuestro grafo de arquitectura
-type NodeType = 'app' | 'package' | 'service' | 'module' | 'ui-component';
-type NodeStatus = 'idle' | 'active' | 'error' | 'loaded';
-
-interface Node {
-    id: string;
-    label: string;
-    type: NodeType;
-    description: string;
-    status: NodeStatus;
-    metadata?: any;
-}
-
-interface Link {
-    source: string;
-    target: string;
-    label: string;
-    type: string;
-}
-
-interface ArchitectureGraph {
-    nodes: Node[];
-    links: Link[];
-    lastActivatedLink?: { source: string; target: string };
-}
-
-interface ProbeEvent {
-    timestamp: number;
-    nodeId: string;
-    status: NodeStatus;
-    metadata?: any;
-}
-
-export class DebugService {
-    public api: IPlatformAPI;
-    public graphState = createSignal<ArchitectureGraph>({ nodes: [], links: [] });
-    public probeLog = createSignal<ProbeEvent[]>([]);
-    public playbackState = createSignal({ isPlaying: false, currentIndex: -1 });
-    // --- NUEVAS SEÑALES PARA LOGS ---
-    public consoleLogs = createSignal<ConsoleLog[]>([]);
-    private statusTimeouts = new Map<string, number>();
-
-    constructor(api: IPlatformAPI) {
-        this.api = api;
-        this.setupInterceptors();
-
-        // Espía todos los comandos
-        this.api.commands.spyOn((commandId) => {
-            this.probe(`cmd:${commandId}`, 'active'); // Asume un prefijo "cmd:"
-        });
-    }
-    // --- NUEVOS MÉTODOS (Movidos desde tu 'services.ts') ---
-    private setupInterceptors(): void {
-        this.interceptConsole();
-        // Aquí añadiríamos interceptFetch, interceptErrors, etc.
-    }
-    private interceptConsole(): void {
-        const originalConsole = { ...window.console };
-        (['log', 'info', 'warn', 'error'] as LogLevel[]).forEach(level => {
-            window.console[level] = (...args: any[]) => {
-                const newLog: ConsoleLog = {
-                    id: `log_${Date.now()}`,
-                    type: level,
-                    timestamp: new Date(),
-                    message: args,
-                    stack: level === 'error' ? new Error().stack : undefined
-                };
-                // Actualizamos la señal de logs de la consola
-                this.consoleLogs[1](prevLogs => [...prevLogs, newLog]);
-
-                // Llamamos al método original para que la consola del navegador siga funcionando
-                originalConsole[level](...args);
-            };
-        });
-    }
-    // --- FIN DE NUEVOS MÉTODOS ---
-
-
-    public clearLogs(logType: 'console' /* | 'network' ... */) {
-        if (logType === 'console') {
-            this.consoleLogs[1]([]);
-        }
-    }
-
-    // public async loadArchitectureGraph(path: string) {
-    //     try {
-    //         const response = await fetch(path);
-    //         const graphData = await response.json();
-    //         // Inicializa todos los nodos con estado 'idle'
-    //         graphData.nodes.forEach((node: Node) => node.status = 'idle');
-    //         this.graphState[1](graphData);
-    //         console.log('✅ Mapa de arquitectura cargado en el DebugService.');
-    //     } catch (error) {
-    //         console.error('❌ Error al cargar el mapa de arquitectura:', error);
-    //     }
-    // }
-    public async loadArchitectureGraph(path: string) {
-        try {
-            const response = await fetch(path);
-            const graphData = await response.json();
-            graphData.nodes.forEach((node: any) => {
-                node.status = 'idle';
-                // node.x = Math.random() * 800; // Reset positions
-                // node.y = Math.random() * 500;
-            });
-            this.graphState[1](graphData); // Reemplaza el grafo actual
-            this.probeLog[1]([]); // Limpia el log de reproducción
-            this.playbackState[1]({ isPlaying: false, currentIndex: -1 });
-            console.log(`✅ Nuevo mapa de arquitectura cargado: ${path}`);
-        } catch (error) {
-            console.error(`❌ Error al cargar el mapa: ${path}`, error);
-        }
-    }
-
-    /**
-     * El "sensor" principal de nuestro sistema de diagnóstico.
-     * Llama a este método desde cualquier parte del código para actualizar el estado de un nodo.
-     */
-    public probe(nodeId: string, status: NodeStatus, metadata?: any) {
-        // 1. Siempre registra el evento
-        const logEntry = { timestamp: Date.now(), nodeId, status, metadata };
-        this.probeLog[1](prevLog => [...prevLog, logEntry]);
-
-        // 2. Si no estamos en reproducción, actualiza el grafo en vivo
-        if (!this.playbackState[0]().isPlaying) {
-            this.applyProbeToGraph(logEntry);
-            this.playbackState[1](prev => ({ ...prev, currentIndex: this.probeLog[0]().length - 1 }));
-        }
-    }
-
-    private applyProbeToGraph(probe: ProbeEvent) {
-        const [getGraph, setGraph] = this.graphState;
-        const currentGraph = getGraph();
-        const node = currentGraph.nodes.find((n: any) => n.id === probe.nodeId);
-
-        if (node) {
-            node.status = probe.status;
-            node.metadata = probe.metadata;
-            setGraph({ ...currentGraph });
-
-            if (probe.status === 'active') {
-                if (this.statusTimeouts.has(probe.nodeId)) clearTimeout(this.statusTimeouts.get(probe.nodeId));
-                const timeoutId = window.setTimeout(() => {
-                    const latestNodeState = this.probeLog[0]().filter(p => p.nodeId === probe.nodeId).pop();
-                    this.applyProbeToGraph({ ...latestNodeState!, status: 'loaded' });
-                }, 1500);
-                this.statusTimeouts.set(probe.nodeId, timeoutId);
-            }
-        }
-    }
-
-    // --- CONTROL ---
-    public goToLogIndex(index: number) {
-        const log = this.probeLog[0]();
-        if (index < 0 || index >= log.length) return;
-
-        this.playbackState[1](prev => ({ ...prev, currentIndex: index, isPlaying: false }));
-
-        // Reconstruye el estado del grafo hasta ese punto en el tiempo
-        const snapshot = log.slice(0, index + 1).reduce((acc, probe) => {
-            acc[probe.nodeId] = probe;
-            return acc;
-        }, {} as Record<string, ProbeEvent>);
-
-        const [getGraph, setGraph] = this.graphState;
-        const currentGraph = getGraph();
-        currentGraph.nodes.forEach((node: any) => {
-            if (snapshot[node.id]) {
-                node.status = snapshot[node.id].status;
-                node.metadata = snapshot[node.id].metadata;
-            } else {
-                node.status = 'idle';
-            }
-        });
-        setGraph({ ...currentGraph });
-    }
-}

package/src/core/EventBus.ts

@@ -1,60 +0,0 @@
-// src/platform/EventBus.ts
-type EventHandler = (data?: any) => void;
-type SpyHandler = (eventName: string, data?: any) => void;
-
-export class EventBus {
-    private events: Map<string, Set<EventHandler>>;
-    private spy: SpyHandler | null = null;
-
-    constructor() {
-        this.events = new Map();
-    }
-
-    /**
-     * Se suscribe a un evento.
-     * @param eventName El nombre del evento (e.g., 'app:ready', 'view:changed').
-     * @param handler La función a ejecutar cuando el evento se emita.
-     */
-    on(eventName: string, handler: EventHandler): void {
-        if (!this.events.has(eventName)) {
-            this.events.set(eventName, new Set());
-        }
-        this.events.get(eventName)!.add(handler);
-    }
-
-    /**
-     * Se desuscribe de un evento.
-     * @param eventName El nombre del evento.
-     * @param handler La función a remover.
-     */
-    off(eventName: string, handler: EventHandler): void {
-        const handlers = this.events.get(eventName);
-        if (handlers) {
-            handlers.delete(handler);
-        }
-    }
-
-    /**
-     * Emite un evento, llamando a todos los suscriptores.
-     * @param eventName El nombre del evento a emitir.
-     * @param data Datos opcionales para pasar a los manejadores.
-     */
-    emit(eventName: string, data?: any): void {
-        const handlers = this.events.get(eventName);
-        if (handlers) {
-            handlers.forEach(handler => handler(data));
-        }
-        // Notificar al espía, si existe
-        if (this.spy) {
-            this.spy(eventName, data);
-        }
-    }
-
-    /**
-     * Registra una única función que recibirá TODOS los eventos emitidos.
-     * @param handler La función espía.
-     */
-    spyOn(handler: SpyHandler): void {
-        this.spy = handler;
-    }
-}

package/src/core/EventHandler.ts

@@ -1,97 +0,0 @@
-// /src/EventHandler.ts (CORREGIDO Y COMPLETO CON DRAG & DROP)
-
-import { IPlatformAPI } from "./api.js";
-
-
-export function initEventListeners(api: IPlatformAPI) {
-    const { commands } = api;
-
-    /**
-     * MANEJADOR DE CLICS
-     * Escucha clics en todo el cuerpo y despacha comandos si un elemento
-     * con `data-command` es clickeado.
-     */
-    document.body.addEventListener('click', (e: MouseEvent) => {
-        const commandTarget = (e.target as HTMLElement).closest('[data-command]');
-        if (!commandTarget || commandTarget.tagName === 'FORM') return; // Ignora los formularios aquí
-
-        e.preventDefault();
-        const commandId = commandTarget.getAttribute('data-command');
-        const commandArg = commandTarget.getAttribute('data-command-arg');
-        // Encuentra el ID del componente de UI padre para usarlo como fuente
-        const componentId = commandTarget.closest('[data-component-id]')?.getAttribute('data-component-id') ?? undefined;
-        if (commandId) {
-            commands.execute(commandId, commandArg, componentId);
-        }
-    });
-
-    /**
-     * MANEJADOR DE FORMULARIOS
-     * Escucha el evento 'submit' en todo el cuerpo. Es más eficiente y seguro
-     * que los listeners de clic en los botones de envío.
-     */
-    document.body.addEventListener('submit', (e: SubmitEvent) => {
-        const form = e.target as HTMLFormElement;
-        if (form.dataset.command) {
-            e.preventDefault();
-            commands.execute(form.dataset.command, new FormData(form));
-        }
-    });
-
-    // --- MANEJO DE DRAG & DROP ---
-    let draggedTaskId: number | null = null;
-
-    // Se dispara cuando el usuario empieza a arrastrar una tarjeta
-    document.body.addEventListener('dragstart', (e: DragEvent) => {
-        const target = e.target as HTMLElement;
-        if (target.classList.contains('task-card-premium')) {
-            draggedTaskId = Number(target.dataset.taskId);
-            // Añadimos un efecto visual al elemento arrastrado
-            setTimeout(() => target.classList.add('dragging'), 0);
-        }
-    });
-
-    // Se dispara continuamente mientras un elemento se arrastra SOBRE una zona válida
-    document.body.addEventListener('dragover', (e: DragEvent) => {
-        const column = (e.target as HTMLElement).closest('.kanban-column');
-        if (column) {
-            // ✅ ESTA LÍNEA ES LA CLAVE: Prevenimos el comportamiento por defecto
-            // para permitir que se pueda "soltar" el elemento aquí.
-            e.preventDefault();
-
-            // Añadimos feedback visual a la columna
-            document.querySelectorAll('.kanban-column').forEach(c => c.classList.remove('drag-over'));
-            column.classList.add('drag-over');
-        }
-    });
-
-    // Se dispara cuando un elemento arrastrado sale de una zona válida
-    document.body.addEventListener('dragleave', (e: DragEvent) => {
-        (e.target as HTMLElement).closest('.kanban-column')?.classList.remove('drag-over');
-    });
-
-    // Se dispara cuando el usuario suelta el elemento en una zona válida
-    document.body.addEventListener('drop', (e: DragEvent) => {
-        e.preventDefault();
-        const column = (e.target as HTMLElement).closest('.kanban-column') as HTMLElement;
-        document.querySelectorAll('.kanban-column').forEach(c => c.classList.remove('drag-over'));
-
-        if (column && draggedTaskId !== null) {
-            const newStatus = column.dataset.status;
-            // Despachamos un comando en lugar de ejecutar la lógica aquí
-            api.commands.execute('kanban.moveTask', { taskId: draggedTaskId, newStatus });
-
-        }
-        document.querySelectorAll('.kanban-column').forEach(c => c.classList.remove('drag-over'));
-        draggedTaskId = null;
-    });
-
-    // Se dispara cuando la operación de arrastre termina (se suelte o se cancele)
-    document.body.addEventListener('dragend', (e: DragEvent) => {
-        const target = e.target as HTMLElement;
-        if (target.classList.contains('task-card-premium')) {
-            target.classList.remove('dragging');
-        }
-        draggedTaskId = null;
-    });
-}

package/src/core/GamificationService.ts

@@ -1,120 +0,0 @@
-// /src/core/GamificationService.ts (CORREGIDO)
-
-import { IPlatformAPI } from "./api.js";
-
-export class GamificationService {
-    public api!: IPlatformAPI;
-    private levelFormula = (level: number) => Math.floor(100 * Math.pow(level, 1.5));
-
-    /**
-     * Añade una cantidad de XP, gestiona subidas de nivel y devuelve el estado actualizado.
-     * YA NO llama a checkAndUnlockAchievements para romper el bucle.
-     */
-    public addXP(amount: number, reason: string = 'Acción completada') {
-        const { state, notifications } = this.api;
-        const gamificationState = state.gamification();
-        const newXP = gamificationState.xp + amount;
-
-        const currentLevel = gamificationState.level;
-        let newLevel = currentLevel;
-        let leveledUp = false;
-
-        let xpForNextLevel = this.levelFormula(currentLevel);
-        while (newXP >= xpForNextLevel) {
-            newLevel++;
-            leveledUp = true;
-            xpForNextLevel = this.levelFormula(newLevel);
-        }
-
-        // Actualizamos el estado una sola vez
-        state.setGamification({ ...gamificationState, xp: newXP, level: newLevel });
-
-        notifications.show('success', `+${amount} XP!`, reason);
-        if (leveledUp) {
-            setTimeout(() => {
-                notifications.show('success', `¡Subiste de Nivel!`, `🚀 ¡Felicidades! Has alcanzado el Nivel ${newLevel}.`);
-            }, 500); // Pequeño delay para que no se solapen las notificaciones
-        }
-    }
-
-    /**
-     * Actualiza la racha del diario. Ahora también es más simple.
-     */
-    public updateJournalStreak() {
-        const { state } = this.api;
-        const gamificationState = state.gamification();
-        const today = new Date();
-        const lastDate = gamificationState.lastJournalDate ? new Date(gamificationState.lastJournalDate) : null;
-        let newStreak = gamificationState.streak;
-
-        const isSameDay = (d1: Date, d2: Date) => d1.toDateString() === d2.toDateString();
-        
-        if (lastDate && isSameDay(today, lastDate)) return;
-
-        const yesterday = new Date();
-        yesterday.setDate(today.getDate() - 1);
-
-        newStreak = (lastDate && isSameDay(yesterday, lastDate)) ? newStreak + 1 : 1;
-
-        if (newStreak > gamificationState.streak) {
-            const streakBonusXP = Math.min(newStreak * 5, 50);
-            this.addXP(streakBonusXP, `Racha de ${newStreak} días`);
-        }
-
-        state.setGamification({
-            ...state.gamification(),
-            streak: newStreak,
-            lastJournalDate: today.toISOString().slice(0, 10),
-        });
-    }
-
-    /**
-     * Comprueba los logros, y si desbloquea alguno, añade el XP y actualiza el estado UNA SOLA VEZ.
-     */
-    public checkAndUnlockAchievements() {
-        const { state, notifications } = this.api;
-        const gamificationState = state.gamification();
-        // const tasks = state.tasks();
-        // const goals = state.goals();
-
-        let totalXpFromAchievements = 0;
-        const newlyUnlockedIds: string[] = [];
-
-        gamificationState.achievements.forEach(achievement => {
-            if (gamificationState.unlockedAchievements.includes(achievement.id)) return;
-
-            let conditionMet = false;
-            switch (achievement.conditionType) {
-                // case 'tasks_completed':
-                //     if (tasks.filter(t => t.status === 'done').length >= achievement.conditionValue) conditionMet = true;
-                //     break;
-                // case 'goals_created':
-                //     if (goals.length >= achievement.conditionValue) conditionMet = true;
-                //     break;
-                case 'journal_streak':
-                    if (gamificationState.streak >= achievement.conditionValue) conditionMet = true;
-                    break;
-                case 'level':
-                    if (gamificationState.level >= achievement.conditionValue) conditionMet = true;
-                    break;
-            }
-
-            if (conditionMet) {
-                newlyUnlockedIds.push(achievement.id);
-                totalXpFromAchievements += achievement.reward_xp;
-                notifications.show('success', '¡Logro Desbloqueado!', `🏆 ${achievement.title}`);
-            }
-        });
-
-        if (newlyUnlockedIds.length > 0) {
-            this.addXP(totalXpFromAchievements, `Recompensa por ${newlyUnlockedIds.length} logros`);
-            
-            // Obtenemos el estado más reciente después del addXP y añadimos los IDs
-            const finalGamificationState = state.gamification();
-            state.setGamification({
-                ...finalGamificationState,
-                unlockedAchievements: [...finalGamificationState.unlockedAchievements, ...newlyUnlockedIds]
-            });
-        }
-    }
-}

package/src/core/HookService.ts

@@ -1,86 +0,0 @@
-import { HookName, HookPayloads } from "../platform/extensionPoints";
-
-// Tipo genérico para el callback de un hook.
-type HookCallback<T> = (data: T) => void | Promise<void>;
-
-/**
- * Gestiona el registro y la ejecución de hooks de ciclo de vida de forma
- * segura, asíncrona y desacoplada.
- */
-export class HookService {
-    private hooks = new Map<HookName, HookCallback<any>[]>();
-
-    /**
-     * Registra un callback para un hook y devuelve una función para desregistrarlo.
-     * @param hookName El nombre del hook al que suscribirse.
-     * @param callback La función a ejecutar cuando el hook se dispare.
-     * @returns Una función que, al llamarla, desuscribe el callback.
-     */
-    public on<K extends HookName>(
-        hookName: K,
-        callback: HookCallback<HookPayloads[K]>
-    ): () => void {
-        if (!this.hooks.has(hookName)) {
-            this.hooks.set(hookName, []);
-        }
-        this.hooks.get(hookName)!.push(callback);
-
-        // Devolvemos una función "disposer" para una fácil limpieza.
-        return () => this.off(hookName, callback);
-    }
-
-    /**
-     * Alias para el método `on`.
-     */
-    public register<K extends HookName>(
-        hookName: K,
-        callback: HookCallback<HookPayloads[K]>
-    ): () => void {
-        return this.on(hookName, callback);
-    }
-
-    /**
-     * Elimina un callback previamente registrado para un hook.
-     * @param hookName El nombre del hook.
-     * @param callbackToRemove La instancia exacta del callback a eliminar.
-     */
-    public off<K extends HookName>(
-        hookName: K,
-        callbackToRemove: HookCallback<HookPayloads[K]>
-    ): void {
-        const callbacks = this.hooks.get(hookName);
-        if (!callbacks) return;
-
-        const updatedCallbacks = callbacks.filter(cb => cb !== callbackToRemove);
-
-        if (updatedCallbacks.length > 0) {
-            this.hooks.set(hookName, updatedCallbacks);
-        } else {
-            this.hooks.delete(hookName);
-        }
-    }
-
-    /**
-     * Dispara un hook, ejecutando todos los callbacks registrados para él.
-     * @param hookName El nombre del hook a disparar.
-     * @param data Los datos a pasar a los callbacks.
-     */
-    public async trigger<K extends HookName>(
-        hookName: K,
-        data: HookPayloads[K]
-    ): Promise<void> {
-        const callbacks = this.hooks.get(hookName);
-        if (!callbacks || callbacks.length === 0) return;
-
-        console.log(`🪝 Disparando hook: ${hookName}`, data);
-
-        // Hacemos una copia para evitar problemas si un callback desregistra a otro
-        for (const callback of [...callbacks]) {
-            try {
-                await Promise.resolve(callback(data));
-            } catch (error) {
-                console.error(`Error en un callback del hook '${hookName}':`, error);
-            }
-        }
-    }
-}

package/src/core/ModalService.ts

@@ -1,97 +0,0 @@
-// src/platform/ModalService.ts
-import { TemplateResult } from "lit-html";
-import { html } from "../utils.js";
-
-interface ModalOptions {
-    title: string;
-    content: string | HTMLElement | TemplateResult; // HTML string o un elemento del DOM
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-    actions?: {
-        text: string;
-        type: 'primary' | 'secondary';
-        onClick: (close: () => void) => void;
-    }[];
-}
-
-export class ModalService {
-    private container: HTMLElement;
-
-    constructor() {
-        this.container = document.createElement('div');
-        this.container.id = 'modal-container';
-        document.body.appendChild(this.container);
-    }
-
-    show(options: ModalOptions) {
-        this.hide(); // Cierra cualquier modal existente antes de mostrar uno nuevo
-
-        const modalId = `modal_${Date.now()}`;
-
-        const sizeClasses = {
-            sm: 'max-w-md',
-            md: 'max-w-lg',
-            lg: 'max-w-2xl',
-            xl: 'max-w-4xl',
-        }
-
-        const modalWrapper = document.createElement('div');
-        modalWrapper.id = modalId;
-        modalWrapper.className = 'fixed inset-0 bg-darker/80 backdrop-blur-sm flex items-center justify-center z-50';
-
-        modalWrapper.innerHTML = html`
-            <div class="glass-premium p-8 rounded-2xl w-full ${sizeClasses[options.size || 'md']} animate-scale-in">
-                <div class="flex justify-between items-center mb-6">
-                    <h2 class="text-2xl font-bold text-white">${options.title}</h2>
-                    <button class="text-muted-foreground hover:text-foreground text-2xl close-btn">&times;</button>
-                </div>
-                <div class="modal-body"></div>
-                ${options.actions && options.actions.length > 0 ? `
-                <div class="pt-6 border-t border-white/10 mt-6 text-right space-x-4 modal-footer">
-                </div>
-                ` : ''}
-            </div>
-        `;
-
-        const closeModal = () => modalWrapper.remove();
-
-        // Contenido
-        const body = modalWrapper.querySelector('.modal-body')!;
-        if (typeof options.content === 'string') {
-            body.innerHTML = options.content;
-        } else {
-            body.appendChild(options.content as Node);
-        }
-
-        // Acciones (botones)
-        const footer = modalWrapper.querySelector('.modal-footer');
-        if (footer && options.actions) {
-            options.actions.forEach(action => {
-                const btn = document.createElement('button');
-                btn.textContent = action.text;
-                btn.className = action.type === 'primary' ? 'btn-premium' : 'btn-secondary'; // necesitarás .btn-secondary
-                btn.onclick = () => action.onClick(closeModal);
-                footer.appendChild(btn);
-            });
-        }
-
-        modalWrapper.querySelector('.close-btn')?.addEventListener('click', closeModal);
-        modalWrapper.addEventListener('click', (e) => {
-            if (e.target === modalWrapper) {
-                closeModal();
-            }
-        });
-
-        this.container.appendChild(modalWrapper);
-
-        return {
-            close: closeModal,
-        };
-    }
-
-    hide() {
-        const modal = this.container.querySelector('.fixed');
-        if (modal) {
-            modal.remove();
-        }
-    }
-}