state.js

/**
 * Lightweight App State Management
 */

window.appState = {
    currentStep: 1, // 1, 2, 3, or 'celebration'
    isMusicPlaying: false,
    loveValue: 100,
    
    // Listeners for state changes
    listeners: [],
    
    subscribe(callback) {
        this.listeners.push(callback);
    },
    
    setState(newState) {
        const oldState = { ...this };
        Object.assign(this, newState);
        
        // Notify listeners of the change
        this.listeners.forEach(callback => callback(this, oldState));
    }
};

// UI Reaction logic
window.appState.subscribe((state, oldState) => {
    // Handle step changes
    if (state.currentStep !== oldState.currentStep) {
        document.querySelectorAll('.question-section, .celebration').forEach(el => el.classList.add('hidden'));
        
        if (state.currentStep === 'celebration') {
            document.getElementById('celebration').classList.remove('hidden');
        } else {
            document.getElementById(`question${state.currentStep}`).classList.remove('hidden');
        }
    }
    
    // Handle music state
    const musicToggle = document.getElementById('musicToggle');
    if (musicToggle) {
        const config = window.VALENTINE_CONFIG;
        musicToggle.textContent = state.isMusicPlaying ? config.music.stopText : config.music.startText;
    }
});