Add iOS Chat App (#24)

* Add iOS Chat App

Author: Abdulhakim Ajetunmobi

messaging-swift/Chat.xcodeproj/project.pbxproj

@@ -0,0 +1,11 @@
+{
+  "colors" : [
+    {
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

messaging-swift/Chat/Assets.xcassets/AccentColor.colorset/Contents.json

@@ -0,0 +1,63 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "platform" : "ios",
+      "size" : "1024x1024"
+    },
+    {
+      "idiom" : "mac",
+      "scale" : "1x",
+      "size" : "16x16"
+    },
+    {
+      "idiom" : "mac",
+      "scale" : "2x",
+      "size" : "16x16"
+    },
+    {
+      "idiom" : "mac",
+      "scale" : "1x",
+      "size" : "32x32"
+    },
+    {
+      "idiom" : "mac",
+      "scale" : "2x",
+      "size" : "32x32"
+    },
+    {
+      "idiom" : "mac",
+      "scale" : "1x",
+      "size" : "128x128"
+    },
+    {
+      "idiom" : "mac",
+      "scale" : "2x",
+      "size" : "128x128"
+    },
+    {
+      "idiom" : "mac",
+      "scale" : "1x",
+      "size" : "256x256"
+    },
+    {
+      "idiom" : "mac",
+      "scale" : "2x",
+      "size" : "256x256"
+    },
+    {
+      "idiom" : "mac",
+      "scale" : "1x",
+      "size" : "512x512"
+    },
+    {
+      "idiom" : "mac",
+      "scale" : "2x",
+      "size" : "512x512"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

messaging-swift/Chat/Assets.xcassets/AppIcon.appiconset/Contents.json

@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

messaging-swift/Chat/Assets.xcassets/Contents.json

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+    <key>com.apple.security.app-sandbox</key>
+    <true/>
+    <key>com.apple.security.files.user-selected.read-only</key>
+    <true/>
+</dict>
+</plist>

messaging-swift/Chat/Chat.entitlements

@@ -0,0 +1,17 @@
+//
+//  ChatApp.swift
+//  Chat
+//
+//  Created by Abdulhakim Ajetunmobi on 31/08/2023.
+//
+
+import SwiftUI
+
+@main
+struct ChatApp: App {
+    var body: some Scene {
+        WindowGroup {
+            ContentView()
+        }
+    }
+}

messaging-swift/Chat/ChatApp.swift

@@ -0,0 +1,135 @@
+//
+//  ChatView.swift
+//  Chat
+//
+//  Created by Abdulhakim Ajetunmobi on 31/08/2023.
+//
+
+import SwiftUI
+import VonageClientSDKChat
+
+struct ChatView: View {
+    @StateObject var chatViewModel: ChatViewModel
+    @State private var message: String = ""
+    
+    var body: some View {
+        VStack {
+            if chatViewModel.events.isEmpty {
+                ProgressView()
+            } else {
+                VStack {
+                    List {
+                        ForEach(chatViewModel.events, id: \.id) { event in
+                            switch event.kind {
+                            case .memberJoined, .memberLeft:
+                                let displayText = chatViewModel.generateDisplayText(event)
+                                Text(displayText.body)
+                                    .frame(maxWidth: .infinity, alignment: .center)
+                            case.messageText:
+                                let displayText = chatViewModel.generateDisplayText(event)
+                                Text(displayText.body)
+                                    .frame(maxWidth: .infinity, alignment: displayText.isUser ? .trailing : .leading)
+                            default:
+                                EmptyView()
+                            }
+                        }.listRowSeparator(.hidden)
+                    }.listStyle(.plain)
+                    
+                    Spacer()
+                    
+                    HStack {
+                        TextField("Message", text: $message)
+                        Button("Send") {
+                            Task {
+                                await chatViewModel.sendMessage(message)
+                                self.message = ""
+                            }
+                        }.buttonStyle(.bordered)
+                    }.padding(8)
+                }
+            }
+        }.onAppear {
+            Task {
+                await chatViewModel.getMemberIDIfNeeded()
+                await chatViewModel.getConversationEvents()
+            }
+        }
+    }
+}
+
+@MainActor
+final class ChatViewModel: NSObject, ObservableObject {
+    private let conversationID = "CON-ID"
+    
+    private var client: VGChatClient
+    private var memberID: String?
+    
+    @Published var events: [VGPersistentConversationEvent] = []
+    
+    init(client: VGChatClient) {
+        self.client = client
+        super.init()
+        client.delegate = self
+    }
+    
+    func getMemberIDIfNeeded() async {
+        guard memberID == nil else { return }
+        await getMemberID()
+    }
+    
+    private func getMemberID() async {
+        let member = try? await client.getConversationMember(conversationID, memberId: "me")
+        memberID = member?.id
+        
+        if memberID == nil {
+            memberID = try? await client.joinConversation(conversationID)
+        }
+    }
+    
+    func getConversationEvents() async {
+        let params = VGGetConversationEventsParameters(order: .asc, pageSize: 100)
+        let eventsPage = try? await client.getConversationEvents(conversationID, parameters: params)
+        self.events = eventsPage?.events ?? []
+    }
+    
+    func sendMessage(_ message: String) async {
+        _ = try? await client.sendMessageTextEvent(conversationID, text: message)
+    }
+    
+    func generateDisplayText(_ event: VGPersistentConversationEvent) -> (body: String, isUser: Bool) {
+        var from = "System"
+        
+        switch event.kind {
+        case .memberJoined:
+            let memberJoinedEvent = event as! VGMemberJoinedEvent
+            from = memberJoinedEvent.body.user.name
+            return ("\(from) joined", false)
+        case .memberLeft:
+            let memberLeftEvent = event as! VGMemberLeftEvent
+            from = memberLeftEvent.body.user.name
+            return ("\(from) left", false)
+        case .messageText:
+            let messageTextEvent = event as! VGMessageTextEvent
+            var isUser = false
+            
+            if let userInfo = messageTextEvent.from as? VGEmbeddedInfo {
+                isUser = userInfo.memberId == memberID
+                from = isUser ? "" : "\(userInfo.user.name): "
+            }
+            
+            return ("\(from) \(messageTextEvent.body.text)", isUser)
+        default:
+            return ("", false)
+        }
+    }
+}
+
+extension ChatViewModel: VGChatClientDelegate {
+    nonisolated func chatClient(_ client: VGChatClient, didReceiveConversationEvent event: VGConversationEvent) {
+        Task { @MainActor in
+            self.events.append(event as! VGPersistentConversationEvent)
+        }
+    }
+    
+    nonisolated func client(_ client: VGBaseClient, didReceiveSessionErrorWith reason: VGSessionErrorReason) {}
+}

messaging-swift/Chat/ChatView.swift

@@ -0,0 +1,60 @@
+//
+//  ContentView.swift
+//  Chat
+//
+//  Created by Abdulhakim Ajetunmobi on 31/08/2023.
+//
+
+import SwiftUI
+import VonageClientSDKChat
+
+struct ContentView: View {
+    @StateObject private var loginModel = LoginViewModel()
+    
+    var body: some View {
+        NavigationStack {
+            VStack {
+                Button("Login as Alice") {
+                    Task {
+                        await loginModel.login("Alice")
+                    }
+                }.buttonStyle(.bordered)
+                Button("Login as Bob") {
+                    Task {
+                        await loginModel.login("Bob")
+                    }
+                }.buttonStyle(.bordered)
+            }
+            .padding()
+            .navigationDestination(isPresented: $loginModel.isLoggedIn) {
+                let chatViewModel = ChatViewModel(client: loginModel.client)
+                ChatView(chatViewModel: chatViewModel)
+            }
+        }.alert(isPresented: $loginModel.isError) {
+            Alert(title: Text(loginModel.error))
+        }
+    }
+}
+
+@MainActor
+final class LoginViewModel: ObservableObject {
+    @Published var error = ""
+    @Published var isError = false
+    @Published var isLoggedIn = false
+    
+    private let aliceJwt = "ALICE_JWT"
+    private let bobJwt = "BOB_JWT"
+    
+    let client = VGChatClient()
+    
+    func login(_ username: String) async {
+        do {
+            let jwt = username == "Alice" ? aliceJwt : bobJwt
+            try await client.createSession(jwt)
+            isLoggedIn = true
+        } catch {
+            self.error = error.localizedDescription
+            self.isError = true
+        }
+    }
+}

messaging-swift/Chat/ContentView.swift

@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

messaging-swift/Chat/Preview Content/Preview Assets.xcassets/Contents.json

@@ -0,0 +1,10 @@
+# Uncomment the next line to define a global platform for your project
+platform :ios, '16.0'
+
+target 'Chat' do
+  # Comment the next line if you don't want to use dynamic frameworks
+  use_frameworks!
+
+  # Pods for Chat
+  pod 'VonageClientSDKChat', '1.3.0'
+end