/* V7 Main Entry Point */
import { state } from './state.js';
import { draw } from './renderer.js';
import { resizeCanvas } from './utils.js';
import { initControls } from './controls.js';
import { renderGallery } from './gallery.js';
import { updateAnimations } from './animations.js';

console.log("V7 Main Module Loaded");

// Initialize immediately (Modules are deferred, so DOM is ready when this runs)
const canvas = document.getElementById('starCanvas');
const ctx = canvas.getContext('2d');
const container = document.getElementById('previewContainer');
const stats = document.getElementById('canvasDims');

if (!canvas || !container) {
    console.error("Critical: Canvas or Container not found!");
} else {
    // Init Modules
    initControls(canvas, ctx);
    renderGallery();

    // Resize & Initial Draw
    function handleResize() {
        resizeCanvas(canvas, container, stats);
        draw(ctx, canvas);
    }

    window.addEventListener('resize', handleResize);

    // Force initial sizing
    handleResize();

    // Animation Loop
    function loop() {
        // Run loop if ANY animation is active
        const shouldAnimate = state.speed > 0 ||
            state.audioMode ||
            state.particlesEnabled ||
            state.morphEnabled ||
            state.colorShiftEnabled ||
            state.pulseEnabled ||
            state.rainbowMode ||
            state.orbitEnabled ||
            state.gravityEnabled ||
            state.trailEnabled;

        if (shouldAnimate) {
            state.rotation += (state.speed * 0.005);
            updateAnimations(); // V13
            draw(ctx, canvas);
            requestAnimationFrame(loop);
        }
    }

    // Start Loop
    loop();

    // Expose Globals for debugging and controls
    window._triggerDraw = () => draw(ctx, canvas);
    window._triggerLoop = () => loop();
    window.state = state;
}