WaveformAnimation.swift

import SwiftUI

struct WaveformAnimation: View {
    @State var waveformData: [CGFloat] = Array(repeating: 0, count: 40)
    @State var startAnimation: Bool = false
    
    @State var color: Color = Color(hex: "A28497")
    var body: some View {
        HStack(spacing: 4) {
            ForEach(Array(waveformData.enumerated()), id: \.offset) { index, height in
                RoundedRectangle(cornerRadius: 3)
                    .fill(color)
                    .frame(width: 2, height: startAnimation ? height : 0)
                    .animation(
                        .spring(response: 0.5, dampingFraction: 0.7).delay(Double(index) * 0.02),
                        value: startAnimation
                    )
            }
        }
        .onAppear {
            generateWaveFormData()
        }
    }
    
    func generateWaveFormData() {
        let numBars = waveformData.count
        
        DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
            waveformData = (0..<numBars).map { _ in CGFloat.random(in: 12...64) }
            startAnimation = true
        }
    }
}

#Preview {
    WaveformAnimation()
}

extension Color {
    init(hex: String) {
        let hex = hex.trimmingCharacters(in: CharacterSet.alphanumerics.inverted)
        var int: UInt64 = 0
        Scanner(string: hex).scanHexInt64(&int)
        let a, r, g, b: UInt64
        switch hex.count {
        case 3: // RGB (12-bit)
            (a, r, g, b) = (255, (int >> 8) * 17, (int >> 4 & 0xF) * 17, (int & 0xF) * 17)
        case 6: // RGB (24-bit)
            (a, r, g, b) = (255, int >> 16, int >> 8 & 0xFF, int & 0xFF)
        case 8: // ARGB (32-bit)
            (a, r, g, b) = (int >> 24, int >> 16 & 0xFF, int >> 8 & 0xFF, int & 0xFF)
        default:
            (a, r, g, b) = (1, 1, 1, 0)
        }

        self.init(
            .sRGB,
            red: Double(r) / 255,
            green: Double(g) / 255,
            blue:  Double(b) / 255,
            opacity: Double(a) / 255
        )
    }
}