SUCountdown

Examples/DemosApp/DemosApp/ComponentsPreview/PreviewPages/CountdownPreview.swift

@@ -0,0 +1,76 @@
+import ComponentsKit
+import SwiftUI
+import UIKit
+
+struct CountdownPreview: View {
+  @State private var model = CountdownVM()
+  @State private var selectedLocale = Locale(identifier: "en")
+
+  enum BaseStyle: String, CaseIterable {
+    case plain, light
+  }
+
+  @State private var selectedBaseStyle: BaseStyle = .light
+  @State private var selectedUnitsPosition: CountdownStyle.UnitsPosition = .bottom
+
+  var body: some View {
+    VStack {
+      PreviewWrapper(title: "SwiftUI") {
+        SUCountdown(model: self.model)
+      }
+      Form {
+        ComponentOptionalColorPicker(selection: self.$model.color)
+        FontPicker(selection: self.$model.font)
+        SizePicker(selection: self.$model.size)
+        Picker("Units Position", selection: $selectedUnitsPosition) {
+          Text("None").tag(CountdownStyle.UnitsPosition.none)
+          Text("Bottom").tag(CountdownStyle.UnitsPosition.bottom)
+          Text("Trailing").tag(CountdownStyle.UnitsPosition.trailing)
+        }
+        .onChange(of: self.selectedUnitsPosition) { _ in
+          self.updateModelStyle()
+        }
+        Picker("Style", selection: $selectedBaseStyle) {
+          Text("Plain").tag(BaseStyle.plain)
+          Text("Light").tag(BaseStyle.light)
+        }
+        .onChange(of: self.selectedBaseStyle) { _ in
+          self.updateModelStyle()
+        }
+
+        Picker("Locale", selection: self.$model.locale) {
+          Text("Current").tag(Locale.current)
+          Text("EN").tag(Locale(identifier: "en"))
+          Text("ES").tag(Locale(identifier: "es"))
+          Text("FR").tag(Locale(identifier: "fr"))
+          Text("DE").tag(Locale(identifier: "de"))
+          Text("ZH").tag(Locale(identifier: "zh"))
+          Text("JA").tag(Locale(identifier: "ja"))
+          Text("RU").tag(Locale(identifier: "ru"))
+          Text("AR").tag(Locale(identifier: "ar"))
+          Text("HI").tag(Locale(identifier: "hi"))
+          Text("PT").tag(Locale(identifier: "pt"))
+        }
+
+        DatePicker("Until Date", selection: $model.until, in: Date()..., displayedComponents: [.date, .hourAndMinute])
+          .datePickerStyle(.compact)
+      }
+    }
+    .onAppear {
+      self.updateModelStyle()
+    }
+  }
+
+  private func updateModelStyle() {
+    switch self.selectedBaseStyle {
+    case .plain:
+      self.model.style = .plain(self.selectedUnitsPosition)
+    case .light:
+      self.model.style = .light(self.selectedUnitsPosition)
+    }
+  }
+}
+
+#Preview {
+  CountdownPreview()
+}

Examples/DemosApp/DemosApp/Core/App.swift

@@ -12,6 +12,9 @@ struct App: View {
           NavigationLinkWithTitle("Checkbox") {
             CheckboxPreview()
           }
+          NavigationLinkWithTitle("Countdown") {
+            CountdownPreview()
+          }
           NavigationLinkWithTitle("Divider") {
             DividerPreview()
           }

Sources/ComponentsKit/Countdown/Localization/UnitsLocalization.swift

@@ -0,0 +1,126 @@
+import Foundation
+
+// MARK: - UnitsLocalization
+
+public struct UnitsLocalization: Equatable {
+  public struct UnitItemLocalization: Equatable {
+    public let short: String
+    public let long: String
+
+    public init(short: String, long: String) {
+      self.short = short
+      self.long = long
+    }
+  }
+
+  // MARK: - Properties
+
+  public let seconds: UnitItemLocalization
+  public let minutes: UnitItemLocalization
+  public let hours: UnitItemLocalization
+  public let days: UnitItemLocalization
+
+  // MARK: - Initializer
+
+  public init(seconds: UnitItemLocalization, minutes: UnitItemLocalization, hours: UnitItemLocalization, days: UnitItemLocalization) {
+    self.seconds = seconds
+    self.minutes = minutes
+    self.hours = hours
+    self.days = days
+  }
+}
+
+// MARK: - Localizations
+
+extension UnitsLocalization {
+  public static let defaultLocalizations: [Locale: UnitsLocalization] = [
+    // English (en)
+    Locale(identifier: "en"): UnitsLocalization(
+      seconds: .init(short: "s", long: "Seconds"),
+      minutes: .init(short: "m", long: "Minutes"),
+      hours: .init(short: "h", long: "Hours"),
+      days: .init(short: "d", long: "Days")
+    ),
+
+    // Spanish (es)
+    Locale(identifier: "es"): UnitsLocalization(
+      seconds: .init(short: "s", long: "Segundos"),
+      minutes: .init(short: "m", long: "Minutos"),
+      hours: .init(short: "h", long: "Horas"),
+      days: .init(short: "d", long: "Días")
+    ),
+
+    // French (fr)
+    Locale(identifier: "fr"): UnitsLocalization(
+      seconds: .init(short: "s", long: "Secondes"),
+      minutes: .init(short: "m", long: "Minutes"),
+      hours: .init(short: "h", long: "Heures"),
+      days: .init(short: "j", long: "Jours")
+    ),
+
+    // German (de)
+    Locale(identifier: "de"): UnitsLocalization(
+      seconds: .init(short: "s", long: "Sekunden"),
+      minutes: .init(short: "m", long: "Minuten"),
+      hours: .init(short: "h", long: "Stunden"),
+      days: .init(short: "t", long: "Tage")
+    ),
+
+    // Chinese (zh)
+    Locale(identifier: "zh"): UnitsLocalization(
+      seconds: .init(short: "秒", long: "秒"),
+      minutes: .init(short: "分", long: "分钟"),
+      hours: .init(short: "时", long: "小时"),
+      days: .init(short: "天", long: "天")
+    ),
+
+    // Japanese (ja)
+    Locale(identifier: "ja"): UnitsLocalization(
+      seconds: .init(short: "秒", long: "秒"),
+      minutes: .init(short: "分", long: "分"),
+      hours: .init(short: "時", long: "時間"),
+      days: .init(short: "日", long: "日")
+    ),
+
+    // Russian (ru)
+    Locale(identifier: "ru"): UnitsLocalization(
+      seconds: .init(short: "с", long: "Секунд"),
+      minutes: .init(short: "м", long: "Минут"),
+      hours: .init(short: "ч", long: "Часов"),
+      days: .init(short: "д", long: "Дней")
+    ),
+
+    // Arabic (ar)
+    Locale(identifier: "ar"): UnitsLocalization(
+      seconds: .init(short: "ث", long: "ثوانٍ"),
+      minutes: .init(short: "د", long: "دقائق"),
+      hours: .init(short: "س", long: "ساعات"),
+      days: .init(short: "ي", long: "أيام")
+    ),
+
+    // Hindi (hi)
+    Locale(identifier: "hi"): UnitsLocalization(
+      seconds: .init(short: "से", long: "सेकंड"),
+      minutes: .init(short: "मि", long: "मिनट"),
+      hours: .init(short: "घं", long: "घंटे"),
+      days: .init(short: "दि", long: "दिन")
+    ),
+
+    // Portuguese (pt)
+    Locale(identifier: "pt"): UnitsLocalization(
+      seconds: .init(short: "s", long: "Segundos"),
+      minutes: .init(short: "m", long: "Minutos"),
+      hours: .init(short: "h", long: "Horas"),
+      days: .init(short: "d", long: "Dias")
+    )
+  ]
+
+  public static let defaultLocalization: UnitsLocalization = {
+    return defaultLocalizations[Locale(identifier: "en")] ?? UnitsLocalization(
+      seconds: .init(short: "s", long: "Seconds"),
+      minutes: .init(short: "m", long: "Minutes"),
+      hours: .init(short: "h", long: "Hours"),
+      days: .init(short: "d", long: "Days")
+    )
+  }()
+}

Sources/ComponentsKit/Countdown/Manager/CountdownManager.swift

@@ -0,0 +1,50 @@
+import SwiftUI
+
+class CountdownManager: ObservableObject {
+  // MARK: - Published Properties
+
+  @Published var days: Int = 0
+  @Published var hours: Int = 0
+  @Published var minutes: Int = 0
+  @Published var seconds: Int = 0
+
+  // MARK: - Properties
+
+  private var timer: Timer?
+  private var until: Date?
+
+  // MARK: - Methods
+
+  func start(until: Date) {
+    self.until = until
+    self.updateUnitValues()
+    self.timer = Timer.scheduledTimer(withTimeInterval: 1, repeats: true) { [weak self] _ in
+      self?.updateUnitValues()
+    }
+  }
+
+  func stop() {
+    self.timer?.invalidate()
+    self.timer = nil
+  }
+
+  private func updateUnitValues() {
+    guard let until = self.until else { return }
+
+    let now = Date()
+    let calendar = Calendar.current
+    let components = calendar.dateComponents(
+      [.day, .hour, .minute, .second],
+      from: now,
+      to: until
+    )
+    self.days = max(0, components.day ?? 0)
+    self.hours = max(0, components.hour ?? 0)
+    self.minutes = max(0, components.minute ?? 0)
+    self.seconds = max(0, components.second ?? 0)
+
+    if now >= until {
+      self.stop()
+    }
+  }
+}

Sources/ComponentsKit/Countdown/Models/CountdownStyle.swift

@@ -0,0 +1,20 @@
+import Foundation
+
+/// Defines the visual styles for the countdown component.
+public enum CountdownStyle: Equatable {
+  public enum UnitsPosition: Equatable {
+    case none
+    case bottom
+    case trailing
+  }
+
+  case plain(UnitsPosition)
+  case light(UnitsPosition)
+
+  public var unitsPosition: UnitsPosition {
+    switch self {
+    case .plain(let position), .light(let position):
+      return position
+    }
+  }
+}