Integrate

Author: thinh2k1310

template/Modules/Data/Sources/AppConfig/AppConfig.swift

@@ -50,7 +50,8 @@ public final class AppConfig<DecodedConfig: Sendable>: AppConfigProtocol {
     }
 
     public func setUp() {
-        remoteConfig = RemoteConfig.remoteConfig()
+        // Uncomment after we set up firebase remote config
+//        remoteConfig = RemoteConfig.remoteConfig()
         setUpConfigSettings()
         setUpDefaults()
         setUpListener()
@@ -122,4 +123,4 @@ extension AppConfig {
         #endif
         return true
     }
-}
+}

template/Tuist/Interfaces/SwiftUI/Sources/Application/App.swift

@@ -1,8 +1,16 @@
+import Data
+import FactoryKit
 import SwiftUI
 
 @main
 struct {PROJECT_NAME}App: App {
 
+    @Injected(\.exampleAppConfig) private var appConfig: AppConfig<ExampleAppConfiguration>
+
+    init() {
+        appConfig.setUp()
+    }
+
     var body: some Scene {
         WindowGroup {
             LandingView()

template/Tuist/Interfaces/SwiftUI/Sources/Presentation/Modules/Home/HomeView.swift

@@ -2,22 +2,131 @@ import SwiftUI
 
 struct HomeView: View {
 
+    @StateObject private var viewModel: HomeViewModel
     var onSignOut: () -> Void = {}
 
+    init(viewModel: HomeViewModel = HomeViewModel(), onSignOut: @escaping () -> Void = {}) {
+        _viewModel = StateObject(wrappedValue: viewModel)
+        self.onSignOut = onSignOut
+    }
+
     var body: some View {
-        VStack(spacing: 20) {
-            Image(systemName: "person.crop.circle.badge.checkmark")
-                .font(.system(size: 48))
-                .foregroundColor(.accentColor)
-            Text("Signed In")
-                .font(.title2.bold())
-            Text("This starter flow demonstrates the signed-in state that teams can build on with product-specific screens.")
-                .multilineTextAlignment(.center)
-                .foregroundStyle(.secondary)
-
-            Button("Sign Out", action: onSignOut)
-                .buttonStyle(.borderedProminent)
+        NavigationView {
+            VStack(spacing: 20) {
+                Image(systemName: "person.crop.circle.badge.checkmark")
+                    .font(.system(size: 48))
+                    .foregroundColor(.accentColor)
+
+                Text("Signed In")
+                    .font(.title2.bold())
+
+                Text(viewModel.configuration.welcomeMessage)
+                    .font(.headline)
+                    .multilineTextAlignment(.center)
+                    .foregroundStyle(.primary)
+
+                Text("Configuration loaded from remote config")
+                    .multilineTextAlignment(.center)
+                    .foregroundStyle(.secondary)
+                    .font(.caption)
+
+                ConfigurationCard(
+                    configuration: ConfigurationCardUIModel(
+                        isFeatureEnabled: viewModel.configuration.isFeatureEnabled,
+                        maxRetryCount: viewModel.configuration.maxRetryCount,
+                        apiTimeout: viewModel.configuration.apiTimeout
+                    )
+                )
+
+                Spacer()
+
+                Button("Sign Out", action: onSignOut)
+                    .buttonStyle(.borderedProminent)
+            }
+            .padding()
+            .navigationTitle("Home")
+            .navigationBarTitleDisplayMode(.inline)
+        }
+    }
+}
+
+private struct ConfigurationCard: View {
+
+    let configuration: ConfigurationCardUIModel
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: 12) {
+            Text("App Configuration")
+                .font(.headline)
+                .frame(maxWidth: .infinity, alignment: .leading)
+            
+            VStack(alignment: .leading, spacing: 8) {
+                ConfigurationRow(
+                    title: "Feature Enabled",
+                    value: configuration.isFeatureEnabled ? "Yes" : "No",
+                    systemImage: configuration.isFeatureEnabled ? "checkmark.circle.fill" : "xmark.circle.fill",
+                    color: configuration.isFeatureEnabled ? .green : .red
+                )
+                
+                ConfigurationRow(
+                    title: "Max Retry Count",
+                    value: "\(configuration.maxRetryCount)",
+                    systemImage: "arrow.clockwise",
+                    color: .blue
+                )
+                
+                ConfigurationRow(
+                    title: "API Timeout",
+                    value: "\(configuration.apiTimeout, default: "%.1f")s",
+                    systemImage: "clock",
+                    color: .orange
+                )
+            }
         }
         .padding()
+        .background(Color(.systemGray6))
+        .cornerRadius(12)
+    }
+}
+
+private struct ConfigurationCardUIModel {
+
+    let isFeatureEnabled: Bool
+    let maxRetryCount: Int
+    let apiTimeout: Double
+
+    init(
+        isFeatureEnabled: Bool = false,
+        maxRetryCount: Int = 3,
+        apiTimeout: Double = 30.0
+    ) {
+        self.isFeatureEnabled = isFeatureEnabled
+        self.maxRetryCount = maxRetryCount
+        self.apiTimeout = apiTimeout
+    }
+}
+
+private struct ConfigurationRow: View {
+    let title: String
+    let value: String
+    let systemImage: String
+    let color: Color
+    
+    var body: some View {
+        HStack {
+            Image(systemName: systemImage)
+                .foregroundColor(color)
+                .frame(width: 20)
+            
+            Text(title)
+                .font(.subheadline)
+            
+            Spacer()
+            
+            Text(value)
+                .font(.subheadline)
+                .fontWeight(.medium)
+                .foregroundColor(color)
+        }
     }
 }

template/Tuist/Interfaces/SwiftUI/Sources/Presentation/Modules/Home/HomeViewModel.swift

@@ -0,0 +1,23 @@
+import Combine
+import Data
+import Domain
+import FactoryKit
+import Foundation
+
+@MainActor
+final class HomeViewModel: ObservableObject {
+
+    @Published private(set) var configuration = ExampleAppConfiguration()
+
+    private var disposeBag = Set<AnyCancellable>()
+
+    @Injected(\.exampleAppConfig) private var appConfig: AppConfig<ExampleAppConfiguration>
+
+    nonisolated init() {
+        Task { @MainActor in
+            appConfig.currentConfigPublisher
+                .assign(to: \.configuration, on: self)
+                .store(in: &disposeBag)
+        }
+    }
+}