add tvOS App

Author: alfianlosari

Shared/ContentView.swift

@@ -6,6 +6,7 @@
 //
 
 import SwiftUI
+import AVKit
 
 struct ContentView: View {
 
@@ -35,8 +36,7 @@ struct ContentView: View {
                         isTextFieldFocused = false
                     }
                 }
-                
-                #if !os(watchOS)
+                #if os(iOS) || os(macOS)
                 Divider()
                 bottomView(image: "profile", proxy: proxy)
                 Spacer()
@@ -66,7 +66,7 @@ struct ContentView: View {
             }
 
             TextField("Send message", text: $vm.inputMessage, axis: .vertical)
-                #if !os(watchOS)
+                #if os(iOS) || os(macOS)
                 .textFieldStyle(.roundedBorder)
                 #endif
                 .focused($isTextFieldFocused)
@@ -92,7 +92,6 @@ struct ContentView: View {
                 .foregroundColor(.accentColor)
                 #endif
                 .disabled(vm.inputMessage.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty)
-
             }
         }
         .padding(.horizontal, 16)

Shared/MessageRowView.swift

@@ -13,6 +13,16 @@ struct MessageRowView: View {
     let message: MessageRow
     let retryCallback: (MessageRow) -> Void
 
+    var imageSize: CGSize {
+        #if os(iOS) || os(macOS)
+        CGSize(width: 25, height: 25)
+        #elseif os(watchOS)
+        CGSize(width: 20, height: 20)
+        #else
+        CGSize(width: 80, height: 80)
+        #endif
+    }
+    
     var body: some View {
         VStack(spacing: 0) {
             messageRow(text: message.sendText, image: message.sendImage, bgColor: colorScheme == .light ? .white : Color(red: 52/255, green: 53/255, blue: 65/255, opacity: 0.5))
@@ -34,12 +44,15 @@ struct MessageRowView: View {
         .padding(16)
         .frame(maxWidth: .infinity, alignment: .leading)
         .background(bgColor)
-        
         #else
         HStack(alignment: .top, spacing: 24) {
             messageRowContent(text: text, image: image, responseError: responseError, showDotLoading: showDotLoading)
         }
+        #if os(tvOS)
+        .padding(32)
+        #else
         .padding(16)
+        #endif
         .frame(maxWidth: .infinity, alignment: .leading)
         .background(bgColor)
         #endif
@@ -51,24 +64,28 @@ struct MessageRowView: View {
             AsyncImage(url: url) { image in
                 image
                     .resizable()
-                    .frame(width: 25, height: 25)
+                    .frame(width: imageSize.width, height: imageSize.height)
             } placeholder: {
                 ProgressView()
             }
 
         } else {
             Image(image)
                 .resizable()
-                .frame(width: 25, height: 25)
+                .frame(width: imageSize.width, height: imageSize.height)
         }
 
         VStack(alignment: .leading) {
             if !text.isEmpty {
+                #if os(tvOS)
+                responseTextView(text: text)
+                #else
                 Text(text)
                     .multilineTextAlignment(.leading)
-                    #if !os(watchOS)
+                    #if os(iOS) || os(macOS)
                     .textSelection(.enabled)
                     #endif
+                #endif
             }
 
             if let error = responseError {
@@ -84,13 +101,52 @@ struct MessageRowView: View {
             }
 
             if showDotLoading {
+                #if os(tvOS)
+                ProgressView()
+                    .progressViewStyle(.circular)
+                    .padding()
+                #else
                 DotLoadingView()
                     .frame(width: 60, height: 30)
+                #endif
+                
             }
         }
-
+    }
+    
+    #if os(tvOS)
+    private func rowsFor(text: String) -> [String] {
+        var rows = [String]()
+        let maxLinesPerRow = 8
+        var currentRowText = ""
+        var currentLineSum = 0
 
+        for char in text {
+            currentRowText += String(char)
+            if char == "\n" {
+                currentLineSum += 1
+            }
+            
+            if currentLineSum >= maxLinesPerRow {
+                rows.append(currentRowText)
+                currentLineSum = 0
+                currentRowText = ""
+            }
+        }
+
+        rows.append(currentRowText)
+        return rows
+    }
+    
+    
+    func responseTextView(text: String) -> some View {
+        ForEach(rowsFor(text: text), id: \.self) { text in
+            Text(text)
+                .focusable()
+                .multilineTextAlignment(.leading)
+        }
     }
+    #endif
 
 }
 

Shared/ViewModel.swift

@@ -7,17 +7,23 @@
 
 import Foundation
 import SwiftUI
+import AVKit
 
 class ViewModel: ObservableObject {
 
     @Published var isInteractingWithChatGPT = false
     @Published var messages: [MessageRow] = []
     @Published var inputMessage: String = ""
 
+    private var synthesizer: AVSpeechSynthesizer?
+    
     private let api: ChatGPTAPI
 
-    init(api: ChatGPTAPI) {
+    init(api: ChatGPTAPI, enableSpeech: Bool = false) {
         self.api = api
+        if enableSpeech {
+            synthesizer = .init()
+        }
     }
 
     @MainActor
@@ -29,6 +35,7 @@ class ViewModel: ObservableObject {
 
     @MainActor
     func clearMessages() {
+        stopSpeaking()
         withAnimation { [weak self] in
             self?.messages = []
         }
@@ -71,6 +78,25 @@ class ViewModel: ObservableObject {
         messageRow.isInteractingWithChatGPT = false
         self.messages[self.messages.count - 1] = messageRow
         isInteractingWithChatGPT = false
+        speakLastResponse()
+        
+    }
+    
+    func speakLastResponse() {
+        guard let synthesizer, let responseText = self.messages.last?.responseText, !responseText.isEmpty else {
+            return
+        }
+        stopSpeaking()
+        let utterance = AVSpeechUtterance(string: responseText)
+        utterance.voice = .init(language: "en-US")
+        utterance.rate = 0.5
+        utterance.pitchMultiplier = 0.8
+        utterance.postUtteranceDelay = 0.2
+        synthesizer.speak(utterance )
+    }
+    
+    func stopSpeaking() {
+        synthesizer?.stopSpeaking(at: .immediate)
     }
 
 }