@austencloud/backgrounds 0.1.0

package/dist/backgrounds/rainbow/services/RainbowBackgroundSystem.js

@@ -0,0 +1,239 @@
+import { PRIDE_PALETTES, RAINBOW_QUALITY_CONFIGS, RAINBOW_BASE_GRADIENT, getDarkenedPalette, } from "../domain/constants/rainbow-constants.js";
+import { RainbowGradientSystem } from "./RainbowGradientSystem.js";
+import { RainbowBokehSystem } from "./RainbowBokehSystem.js";
+import { RainbowSparkleSystem } from "./RainbowSparkleSystem.js";
+import { RainbowShimmerSystem } from "./RainbowShimmerSystem.js";
+import { PrideHeartsSystem } from "./PrideHeartsSystem.js";
+/**
+ * RainbowBackgroundSystem - Pride celebration background
+ *
+ * A sophisticated background system celebrating LGBTQ+ pride with
+ * flowing rainbow bands, sparkles, bokeh orbs, shimmer effects,
+ * and optional floating hearts.
+ *
+ * Architecture: Composition pattern with dedicated subsystems for each visual layer.
+ */
+export class RainbowBackgroundSystem {
+    // Subsystems
+    gradientSystem;
+    bokehSystem;
+    sparkleSystem;
+    shimmerSystem;
+    heartsSystem;
+    // State
+    quality = "medium";
+    isInitialized = false;
+    dimensions = { width: 0, height: 0 };
+    accessibility = {
+        reducedMotion: false,
+        highContrast: false,
+    };
+    // Palette
+    currentPalette = "classic";
+    colors = [];
+    brightColors = [];
+    // Layer visibility for lab mode
+    layerVisibility = {
+        gradient: true,
+        bands: true,
+        shimmer: true,
+        bokeh: true,
+        sparkles: true,
+        hearts: true,
+    };
+    constructor() {
+        this.gradientSystem = new RainbowGradientSystem();
+        this.bokehSystem = new RainbowBokehSystem();
+        this.sparkleSystem = new RainbowSparkleSystem();
+        this.shimmerSystem = new RainbowShimmerSystem();
+        this.heartsSystem = new PrideHeartsSystem();
+        // Initialize colors
+        this.updatePaletteColors();
+    }
+    /**
+     * Initialize the background system
+     */
+    initialize(dimensions, quality) {
+        this.dimensions = dimensions;
+        this.quality = quality;
+        const config = RAINBOW_QUALITY_CONFIGS[quality];
+        // Initialize each subsystem
+        this.gradientSystem.initialize(this.colors, this.brightColors, config.bandCount);
+        this.bokehSystem.initialize(this.colors, config.bokehCount);
+        this.sparkleSystem.initialize(config.sparkleCount, this.colors);
+        if (config.shimmerEnabled) {
+            this.shimmerSystem.initialize(config.shimmerPoints);
+        }
+        if (config.heartCount > 0) {
+            this.heartsSystem.initialize(this.brightColors, config.heartCount);
+        }
+        this.isInitialized = true;
+    }
+    /**
+     * Update animation state
+     */
+    update(dimensions, frameMultiplier = 1.0) {
+        if (!this.isInitialized)
+            return;
+        this.dimensions = dimensions;
+        const config = RAINBOW_QUALITY_CONFIGS[this.quality];
+        // Update subsystems
+        this.gradientSystem.update(this.accessibility, frameMultiplier);
+        this.bokehSystem.update(this.accessibility, frameMultiplier);
+        this.sparkleSystem.update(this.accessibility, frameMultiplier);
+        if (config.shimmerEnabled) {
+            this.shimmerSystem.update(this.accessibility, frameMultiplier);
+        }
+        if (config.heartCount > 0) {
+            this.heartsSystem.update(this.accessibility, frameMultiplier, this.brightColors);
+        }
+    }
+    /**
+     * Draw all layers
+     */
+    draw(ctx, dimensions) {
+        if (!this.isInitialized)
+            return;
+        const config = RAINBOW_QUALITY_CONFIGS[this.quality];
+        // Layer 1: Base gradient (always drawn as foundation)
+        if (this.layerVisibility.gradient) {
+            this.drawBaseGradient(ctx, dimensions);
+        }
+        else {
+            // Fill with darkest color as fallback
+            const baseColor = RAINBOW_BASE_GRADIENT[0]?.color || "#0a0a15";
+            ctx.fillStyle = baseColor;
+            ctx.fillRect(0, 0, dimensions.width, dimensions.height);
+        }
+        // Layer 2: Wave bands
+        if (this.layerVisibility.bands) {
+            this.gradientSystem.draw(ctx, dimensions);
+        }
+        // Layer 3: Shimmer effects (behind particles)
+        if (this.layerVisibility.shimmer && config.shimmerEnabled) {
+            this.shimmerSystem.draw(ctx, dimensions);
+        }
+        // Layer 4: Bokeh orbs
+        if (this.layerVisibility.bokeh) {
+            this.bokehSystem.draw(ctx, dimensions);
+        }
+        // Layer 5: Sparkles
+        if (this.layerVisibility.sparkles) {
+            this.sparkleSystem.draw(ctx, dimensions);
+        }
+        // Layer 6: Hearts (high quality only)
+        if (this.layerVisibility.hearts && config.heartCount > 0) {
+            this.heartsSystem.draw(ctx, dimensions);
+        }
+    }
+    /**
+     * Draw the base dark gradient
+     */
+    drawBaseGradient(ctx, dimensions) {
+        const gradient = ctx.createLinearGradient(0, 0, 0, dimensions.height);
+        for (const stop of RAINBOW_BASE_GRADIENT) {
+            gradient.addColorStop(stop.position, stop.color);
+        }
+        ctx.fillStyle = gradient;
+        ctx.fillRect(0, 0, dimensions.width, dimensions.height);
+    }
+    /**
+     * Set quality level
+     */
+    setQuality(quality) {
+        if (this.quality === quality)
+            return;
+        this.quality = quality;
+        if (this.isInitialized) {
+            // Reinitialize with new quality
+            this.initialize(this.dimensions, quality);
+        }
+    }
+    /**
+     * Set accessibility settings
+     */
+    setAccessibility(settings) {
+        this.accessibility = settings;
+    }
+    /**
+     * Handle resize
+     */
+    handleResize(oldDimensions, newDimensions) {
+        if (!this.isInitialized)
+            return;
+        // Reinitialize with new dimensions
+        this.initialize(newDimensions, this.quality);
+    }
+    /**
+     * Clean up resources
+     */
+    cleanup() {
+        this.gradientSystem.cleanup();
+        this.bokehSystem.cleanup();
+        this.sparkleSystem.cleanup();
+        this.shimmerSystem.cleanup();
+        this.heartsSystem.cleanup();
+        this.isInitialized = false;
+    }
+    // --- Lab Mode Methods ---
+    /**
+     * Set the pride palette
+     */
+    setPalette(palette) {
+        if (this.currentPalette === palette)
+            return;
+        this.currentPalette = palette;
+        this.updatePaletteColors();
+        // Update subsystems with new colors
+        if (this.isInitialized) {
+            this.gradientSystem.updateColors(this.colors, this.brightColors);
+            this.bokehSystem.updateColors(this.colors);
+            this.heartsSystem.updateColors(this.brightColors);
+        }
+    }
+    /**
+     * Get current palette
+     */
+    getPalette() {
+        return this.currentPalette;
+    }
+    /**
+     * Update colors from current palette
+     */
+    updatePaletteColors() {
+        this.brightColors = [...PRIDE_PALETTES[this.currentPalette]];
+        this.colors = getDarkenedPalette(this.currentPalette);
+    }
+    /**
+     * Set layer visibility
+     */
+    setLayerVisibility(layers) {
+        this.layerVisibility = { ...this.layerVisibility, ...layers };
+    }
+    /**
+     * Get layer visibility
+     */
+    getLayerVisibility() {
+        return { ...this.layerVisibility };
+    }
+    /**
+     * Get stats for lab display
+     */
+    getStats() {
+        return {
+            bands: this.gradientSystem.getBands().length,
+            bokeh: this.bokehSystem.getOrbs().length,
+            sparkles: this.sparkleSystem.getSparkles().length,
+            hearts: this.heartsSystem.getHearts().length,
+            shimmerPoints: this.shimmerSystem.getShimmerPoints().length,
+            palette: this.currentPalette,
+        };
+    }
+    /**
+     * Get available palettes
+     */
+    getAvailablePalettes() {
+        return Object.keys(PRIDE_PALETTES);
+    }
+}
+//# sourceMappingURL=RainbowBackgroundSystem.js.map

package/dist/backgrounds/rainbow/services/RainbowBackgroundSystem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RainbowBackgroundSystem.js","sourceRoot":"","sources":["../../../../src/backgrounds/rainbow/services/RainbowBackgroundSystem.ts"],"names":[],"mappings":"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"}

package/dist/backgrounds/rainbow/services/RainbowBokehSystem.d.ts

@@ -0,0 +1,46 @@
+import type { Dimensions } from "../../../core/domain/types.js";
+import type { AccessibilitySettings } from "../../../core/domain/types.js";
+import type { BokehOrb } from "../domain/models/rainbow-models.js";
+/**
+ * RainbowBokehSystem - Soft circular light orbs with parallax depth
+ *
+ * Creates dreamy, out-of-focus light circles that drift slowly
+ * across the screen at different depth layers.
+ */
+export declare class RainbowBokehSystem {
+    private orbs;
+    /**
+     * Initialize bokeh orbs
+     */
+    initialize(colors: string[], count: number): void;
+    /**
+     * Create a single bokeh orb
+     */
+    private createOrb;
+    /**
+     * Update bokeh animation
+     */
+    update(accessibility: AccessibilitySettings, frameMultiplier: number): void;
+    /**
+     * Draw bokeh orbs
+     */
+    draw(ctx: CanvasRenderingContext2D, dimensions: Dimensions): void;
+    /**
+     * Draw a single bokeh orb with soft blur effect
+     */
+    private drawOrb;
+    private hexToRgb;
+    /**
+     * Get orbs for stats
+     */
+    getOrbs(): BokehOrb[];
+    /**
+     * Update palette colors
+     */
+    updateColors(colors: string[]): void;
+    /**
+     * Cleanup
+     */
+    cleanup(): void;
+}
+//# sourceMappingURL=RainbowBokehSystem.d.ts.map

package/dist/backgrounds/rainbow/services/RainbowBokehSystem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RainbowBokehSystem.d.ts","sourceRoot":"","sources":["../../../../src/backgrounds/rainbow/services/RainbowBokehSystem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAGnE;;;;;GAKG;AACH,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,IAAI,CAAkB;IAE9B;;OAEG;IACI,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAQxD;;OAEG;IACH,OAAO,CAAC,SAAS;IAiBjB;;OAEG;IACI,MAAM,CAAC,aAAa,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,GAAG,IAAI;IAsBlF;;OAEG;IACI,IAAI,CAAC,GAAG,EAAE,wBAAwB,EAAE,UAAU,EAAE,UAAU,GAAG,IAAI;IAWxE;;OAEG;IACH,OAAO,CAAC,OAAO;IA0Bf,OAAO,CAAC,QAAQ;IAUhB;;OAEG;IACI,OAAO,IAAI,QAAQ,EAAE;IAI5B;;OAEG;IACI,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI;IAM3C;;OAEG;IACI,OAAO,IAAI,IAAI;CAGvB"}

package/dist/backgrounds/rainbow/services/RainbowBokehSystem.js

@@ -0,0 +1,127 @@
+import { RAINBOW_ANIMATION } from "../domain/constants/rainbow-constants.js";
+/**
+ * RainbowBokehSystem - Soft circular light orbs with parallax depth
+ *
+ * Creates dreamy, out-of-focus light circles that drift slowly
+ * across the screen at different depth layers.
+ */
+export class RainbowBokehSystem {
+    orbs = [];
+    /**
+     * Initialize bokeh orbs
+     */
+    initialize(colors, count) {
+        this.orbs = [];
+        for (let i = 0; i < count; i++) {
+            this.orbs.push(this.createOrb(colors));
+        }
+    }
+    /**
+     * Create a single bokeh orb
+     */
+    createOrb(colors) {
+        const depth = 0.5 + Math.random(); // 0.5 to 1.5
+        return {
+            x: Math.random(),
+            y: Math.random(),
+            size: 30 + Math.random() * 80 * depth, // Larger orbs appear closer
+            color: colors[Math.floor(Math.random() * colors.length)] || "#ffffff",
+            opacity: 0.1 + Math.random() * 0.2,
+            depth,
+            dx: (Math.random() - 0.5) * RAINBOW_ANIMATION.bokehDriftSpeed,
+            dy: (Math.random() - 0.5) * RAINBOW_ANIMATION.bokehDriftSpeed * 0.5,
+            pulsePhase: Math.random() * Math.PI * 2,
+            pulseSpeed: 0.005 + Math.random() * 0.01,
+        };
+    }
+    /**
+     * Update bokeh animation
+     */
+    update(accessibility, frameMultiplier) {
+        const speedMult = accessibility.reducedMotion ? 0.2 : 1;
+        const effectiveMultiplier = frameMultiplier * speedMult;
+        for (const orb of this.orbs) {
+            // Drift movement
+            orb.x += orb.dx * effectiveMultiplier;
+            orb.y += orb.dy * effectiveMultiplier;
+            // Pulse opacity
+            orb.pulsePhase += orb.pulseSpeed * effectiveMultiplier;
+            const pulseFactor = 0.7 + Math.sin(orb.pulsePhase) * 0.3;
+            orb.opacity = (0.1 + Math.random() * 0.1) * pulseFactor;
+            // Wrap around edges
+            if (orb.x < -0.1)
+                orb.x = 1.1;
+            if (orb.x > 1.1)
+                orb.x = -0.1;
+            if (orb.y < -0.1)
+                orb.y = 1.1;
+            if (orb.y > 1.1)
+                orb.y = -0.1;
+        }
+    }
+    /**
+     * Draw bokeh orbs
+     */
+    draw(ctx, dimensions) {
+        const { width, height } = dimensions;
+        // Sort by depth (far to near)
+        const sortedOrbs = [...this.orbs].sort((a, b) => a.depth - b.depth);
+        for (const orb of sortedOrbs) {
+            this.drawOrb(ctx, orb, width, height);
+        }
+    }
+    /**
+     * Draw a single bokeh orb with soft blur effect
+     */
+    drawOrb(ctx, orb, width, height) {
+        const x = orb.x * width;
+        const y = orb.y * height;
+        const size = orb.size;
+        ctx.save();
+        // Create radial gradient for soft bokeh effect
+        const gradient = ctx.createRadialGradient(x, y, 0, x, y, size);
+        const rgb = this.hexToRgb(orb.color);
+        if (rgb) {
+            gradient.addColorStop(0, `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${orb.opacity})`);
+            gradient.addColorStop(0.3, `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${orb.opacity * 0.7})`);
+            gradient.addColorStop(0.6, `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${orb.opacity * 0.3})`);
+            gradient.addColorStop(1, `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, 0)`);
+        }
+        ctx.fillStyle = gradient;
+        ctx.beginPath();
+        ctx.arc(x, y, size, 0, Math.PI * 2);
+        ctx.fill();
+        ctx.restore();
+    }
+    hexToRgb(hex) {
+        const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+        if (!result || !result[1] || !result[2] || !result[3])
+            return null;
+        return {
+            r: parseInt(result[1], 16),
+            g: parseInt(result[2], 16),
+            b: parseInt(result[3], 16),
+        };
+    }
+    /**
+     * Get orbs for stats
+     */
+    getOrbs() {
+        return this.orbs;
+    }
+    /**
+     * Update palette colors
+     */
+    updateColors(colors) {
+        for (const orb of this.orbs) {
+            orb.color = colors[Math.floor(Math.random() * colors.length)] || "#ffffff";
+        }
+    }
+    /**
+     * Cleanup
+     */
+    cleanup() {
+        this.orbs = [];
+    }
+}
+//# sourceMappingURL=RainbowBokehSystem.js.map

package/dist/backgrounds/rainbow/services/RainbowBokehSystem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RainbowBokehSystem.js","sourceRoot":"","sources":["../../../../src/backgrounds/rainbow/services/RainbowBokehSystem.ts"],"names":[],"mappings":"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"}

package/dist/backgrounds/rainbow/services/RainbowGradientSystem.d.ts

@@ -0,0 +1,51 @@
+import type { Dimensions } from "../../../core/domain/types.js";
+import type { AccessibilitySettings } from "../../../core/domain/types.js";
+import type { RainbowBand } from "../domain/models/rainbow-models.js";
+/**
+ * RainbowGradientSystem - Renders flowing rainbow wave bands
+ *
+ * Creates horizontal color bands that flow with sine wave animation,
+ * creating a fabric-like flowing rainbow effect.
+ */
+export declare class RainbowGradientSystem {
+    private bands;
+    private animationTime;
+    /**
+     * Initialize bands with given colors
+     */
+    initialize(colors: string[], brightColors: string[], bandCount: number): void;
+    /**
+     * Update animation state
+     */
+    update(accessibility: AccessibilitySettings, frameMultiplier: number): void;
+    /**
+     * Draw wave bands
+     */
+    draw(ctx: CanvasRenderingContext2D, dimensions: Dimensions): void;
+    /**
+     * Draw a single wave band with gradient falloff
+     */
+    private drawWaveBand;
+    /**
+     * Calculate Y position with wave effect
+     */
+    private getWaveY;
+    /**
+     * Add alpha to hex color
+     */
+    private addAlpha;
+    private hexToRgb;
+    /**
+     * Get current bands for stats
+     */
+    getBands(): RainbowBand[];
+    /**
+     * Update palette colors
+     */
+    updateColors(colors: string[], brightColors: string[]): void;
+    /**
+     * Cleanup
+     */
+    cleanup(): void;
+}
+//# sourceMappingURL=RainbowGradientSystem.d.ts.map

package/dist/backgrounds/rainbow/services/RainbowGradientSystem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RainbowGradientSystem.d.ts","sourceRoot":"","sources":["../../../../src/backgrounds/rainbow/services/RainbowGradientSystem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAGtE;;;;;GAKG;AACH,qBAAa,qBAAqB;IAChC,OAAO,CAAC,KAAK,CAAqB;IAClC,OAAO,CAAC,aAAa,CAAK;IAE1B;;OAEG;IACI,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI;IAsBpF;;OAEG;IACI,MAAM,CAAC,aAAa,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,GAAG,IAAI;IAgBlF;;OAEG;IACI,IAAI,CAAC,GAAG,EAAE,wBAAwB,EAAE,UAAU,EAAE,UAAU,GAAG,IAAI;IAQxE;;OAEG;IACH,OAAO,CAAC,YAAY;IA+CpB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAUhB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,QAAQ;IAUhB;;OAEG;IACI,QAAQ,IAAI,WAAW,EAAE;IAIhC;;OAEG;IACI,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,IAAI;IAUnE;;OAEG;IACI,OAAO,IAAI,IAAI;CAIvB"}

package/dist/backgrounds/rainbow/services/RainbowGradientSystem.js

@@ -0,0 +1,149 @@
+import { RAINBOW_ANIMATION } from "../domain/constants/rainbow-constants.js";
+/**
+ * RainbowGradientSystem - Renders flowing rainbow wave bands
+ *
+ * Creates horizontal color bands that flow with sine wave animation,
+ * creating a fabric-like flowing rainbow effect.
+ */
+export class RainbowGradientSystem {
+    bands = [];
+    animationTime = 0;
+    /**
+     * Initialize bands with given colors
+     */
+    initialize(colors, brightColors, bandCount) {
+        this.bands = [];
+        this.animationTime = Math.random() * Math.PI * 2; // Random start phase
+        // Distribute bands evenly across the screen
+        const bandHeight = 1 / bandCount;
+        for (let i = 0; i < bandCount; i++) {
+            const colorIndex = i % colors.length;
+            this.bands.push({
+                baseY: (i + 0.5) * bandHeight,
+                wavePhase: Math.random() * Math.PI * 2,
+                waveSpeed: RAINBOW_ANIMATION.waveSpeed * (0.8 + Math.random() * 0.4),
+                amplitude: RAINBOW_ANIMATION.waveAmplitude * (0.8 + Math.random() * 0.4),
+                color: colors[colorIndex] || "#000000",
+                brightColor: brightColors[colorIndex] || "#ffffff",
+                opacity: 0.7 + Math.random() * 0.3,
+                height: bandHeight * 1.5, // Overlap for smooth blending
+            });
+        }
+    }
+    /**
+     * Update animation state
+     */
+    update(accessibility, frameMultiplier) {
+        const speedMult = accessibility.reducedMotion ? RAINBOW_ANIMATION.reducedMotionMultiplier : 1;
+        const effectiveMultiplier = frameMultiplier * speedMult;
+        this.animationTime += 0.016 * effectiveMultiplier;
+        for (const band of this.bands) {
+            band.wavePhase += band.waveSpeed * effectiveMultiplier;
+            // Wrap phase to prevent overflow
+            if (band.wavePhase > Math.PI * 4) {
+                band.wavePhase -= Math.PI * 4;
+            }
+        }
+    }
+    /**
+     * Draw wave bands
+     */
+    draw(ctx, dimensions) {
+        const { width, height } = dimensions;
+        for (const band of this.bands) {
+            this.drawWaveBand(ctx, band, width, height);
+        }
+    }
+    /**
+     * Draw a single wave band with gradient falloff
+     */
+    drawWaveBand(ctx, band, width, height) {
+        const bandPixelHeight = band.height * height;
+        const baseY = band.baseY * height;
+        ctx.save();
+        // Draw the wave band using a path
+        ctx.beginPath();
+        // Start from left edge
+        const startY = this.getWaveY(0, band, width, height);
+        ctx.moveTo(0, startY - bandPixelHeight / 2);
+        // Draw top edge with wave
+        for (let x = 0; x <= width; x += 4) {
+            const waveY = this.getWaveY(x, band, width, height);
+            ctx.lineTo(x, waveY - bandPixelHeight / 2);
+        }
+        // Draw bottom edge (reverse direction)
+        for (let x = width; x >= 0; x -= 4) {
+            const waveY = this.getWaveY(x, band, width, height);
+            ctx.lineTo(x, waveY + bandPixelHeight / 2);
+        }
+        ctx.closePath();
+        // Create vertical gradient for soft edges
+        const gradient = ctx.createLinearGradient(0, baseY - bandPixelHeight, 0, baseY + bandPixelHeight);
+        gradient.addColorStop(0, "transparent");
+        gradient.addColorStop(0.2, this.addAlpha(band.color, band.opacity * 0.5));
+        gradient.addColorStop(0.4, this.addAlpha(band.color, band.opacity));
+        gradient.addColorStop(0.6, this.addAlpha(band.color, band.opacity));
+        gradient.addColorStop(0.8, this.addAlpha(band.color, band.opacity * 0.5));
+        gradient.addColorStop(1, "transparent");
+        ctx.fillStyle = gradient;
+        ctx.fill();
+        ctx.restore();
+    }
+    /**
+     * Calculate Y position with wave effect
+     */
+    getWaveY(x, band, width, height) {
+        const baseY = band.baseY * height;
+        const waveOffset = Math.sin(x * RAINBOW_ANIMATION.waveFrequency + band.wavePhase + this.animationTime) *
+            band.amplitude *
+            height *
+            0.1;
+        return baseY + waveOffset;
+    }
+    /**
+     * Add alpha to hex color
+     */
+    addAlpha(hex, alpha) {
+        const rgb = this.hexToRgb(hex);
+        if (!rgb)
+            return hex;
+        return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha})`;
+    }
+    hexToRgb(hex) {
+        const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+        if (!result || !result[1] || !result[2] || !result[3])
+            return null;
+        return {
+            r: parseInt(result[1], 16),
+            g: parseInt(result[2], 16),
+            b: parseInt(result[3], 16),
+        };
+    }
+    /**
+     * Get current bands for stats
+     */
+    getBands() {
+        return this.bands;
+    }
+    /**
+     * Update palette colors
+     */
+    updateColors(colors, brightColors) {
+        for (let i = 0; i < this.bands.length; i++) {
+            const band = this.bands[i];
+            if (!band)
+                continue;
+            const colorIndex = i % colors.length;
+            band.color = colors[colorIndex] || "#000000";
+            band.brightColor = brightColors[colorIndex] || "#ffffff";
+        }
+    }
+    /**
+     * Cleanup
+     */
+    cleanup() {
+        this.bands = [];
+        this.animationTime = 0;
+    }
+}
+//# sourceMappingURL=RainbowGradientSystem.js.map

package/dist/backgrounds/rainbow/services/RainbowGradientSystem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RainbowGradientSystem.js","sourceRoot":"","sources":["../../../../src/backgrounds/rainbow/services/RainbowGradientSystem.ts"],"names":[],"mappings":"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"}