add a chatbox example

Author: olwang

Examples/Package.resolved

@@ -22,6 +22,10 @@ let package = Package(
             url: "https://github.com/stackotter/swift-bundler",
             revision: "d42d7ffda684cfed9edcfd3581b8127f1dc55c2e"
         ),
+        .package(
+            url: "https://github.com/MacPaw/OpenAI",
+            from: "0.4.4"
+        ),
     ],
     targets: [
         .executableTarget(
@@ -72,6 +76,12 @@ let package = Package(
         .executableTarget(
             name: "WebViewExample",
             dependencies: exampleDependencies
+        ),
+        .executableTarget(
+            name: "ChatbotExample",
+            dependencies: exampleDependencies + [
+                .product(name: "OpenAI", package: "OpenAI")
+            ]
         )
     ]
 )

Examples/Package.swift

@@ -0,0 +1,69 @@
+import DefaultBackend
+import SwiftCrossUI
+
+#if canImport(SwiftBundlerRuntime)
+    import SwiftBundlerRuntime
+#endif
+
+// MARK: - Main App
+
+@main
+@HotReloadable
+struct ChatbotApp: App {
+    @State private var viewModel = ChatbotViewModel()
+    
+    var body: some Scene {
+        WindowGroup("ChatBot") {
+            #hotReloadable {
+                ZStack {
+                    // Main content with sidebar
+                    HStack(spacing: 0) {
+                        // Thread Sidebar - conditionally shown
+                        if viewModel.showSidebar {
+                            ThreadSidebarView(
+                                threads: Binding(
+                                    get: { viewModel.threads },
+                                    set: { viewModel.threads = $0 }
+                                ),
+                                selectedThread: Binding(
+                                    get: { viewModel.selectedThread },
+                                    set: { viewModel.selectedThread = $0 }
+                                ),
+                                showSidebar: Binding(
+                                    get: { viewModel.showSidebar },
+                                    set: { viewModel.showSidebar = $0 }
+                                ),
+                                onNewThread: viewModel.createNewThread,
+                                onSelectThread: viewModel.selectThread,
+                                onDeleteThread: viewModel.deleteThread
+                            )
+                            .frame(width: 300)
+                        }
+                        
+                        // Main chat area
+                        MainChatView(viewModel: viewModel)
+                    }
+                    .frame(maxWidth: .infinity, maxHeight: .infinity)
+                    
+                    // Settings Overlay
+                    if viewModel.showSettings {
+                        ChatSettingsDialog(
+                            isPresented: Binding(
+                                get: { viewModel.showSettings },
+                                set: { viewModel.showSettings = $0 }
+                            ),
+                            selectedModel: Binding(
+                                get: { viewModel.selectedLLM },
+                                set: { viewModel.selectedLLM = $0 }
+                            ),
+                            openAIService: viewModel.openAIService,
+                            apiKeyStorage: viewModel.apiKeyStorage,
+                            onSave: viewModel.reloadAPIKey
+                        )
+                    }
+                }
+            }
+        }
+        .defaultSize(width: 1200, height: 800)
+    }
+}

Examples/Sources/ChatbotExample/ChatbotApp.swift

@@ -0,0 +1,38 @@
+import Foundation
+
+// MARK: - Error Types
+
+enum ChatError: Error, LocalizedError {
+    case missingAPIKey
+    case invalidURL
+    case encodingError
+    case decodingError
+    case invalidResponse
+    case apiError(Int)
+    
+    var errorDescription: String? {
+        switch self {
+        case .missingAPIKey:
+            return "Please enter your OpenAI API key"
+        case .invalidURL:
+            return "Invalid URL"
+        case .encodingError:
+            return "Failed to encode request"
+        case .decodingError:
+            return "Failed to decode response"
+        case .invalidResponse:
+            return "Invalid response from server"
+        case .apiError(let code):
+            switch code {
+            case 401:
+                return "API Error 401: Invalid API key. Please check your OpenAI API key and make sure it's valid and has sufficient credits."
+            case 429:
+                return "API Error 429: Rate limit exceeded. Please wait a moment and try again."
+            case 500, 502, 503:
+                return "API Error \(code): OpenAI server error. Please try again later."
+            default:
+                return "API error: \(code)"
+            }
+        }
+    }
+}

Examples/Sources/ChatbotExample/Models/ChatError.swift

@@ -0,0 +1,10 @@
+import Foundation
+
+// MARK: - Data Models
+
+struct ChatMessage: Identifiable {
+    let id = UUID()
+    let content: String
+    let isUser: Bool
+    let timestamp: Date
+}

Examples/Sources/ChatbotExample/Models/ChatMessage.swift

@@ -0,0 +1,47 @@
+import Foundation
+
+// MARK: - Thread Models
+
+struct ChatThread: Identifiable, Codable {
+    let id: String
+    let title: String
+    let createdAt: Date
+    let lastMessageAt: Date
+    let openAIThreadId: String? // OpenAI Thread ID for API integration
+    
+    init(id: String = UUID().uuidString, title: String, openAIThreadId: String? = nil) {
+        self.id = id
+        self.title = title
+        self.createdAt = Date()
+        self.lastMessageAt = Date()
+        self.openAIThreadId = openAIThreadId
+    }
+    
+    func updated(with lastMessageTime: Date = Date()) -> ChatThread {
+        return ChatThread(
+            id: self.id,
+            title: self.title,
+            openAIThreadId: self.openAIThreadId
+        )
+    }
+}
+
+// MARK: - Thread Message
+
+struct ThreadMessage: Identifiable, Codable {
+    let id: String
+    let threadId: String
+    let content: String
+    let isUser: Bool
+    let timestamp: Date
+    let openAIMessageId: String? // OpenAI Message ID for API integration
+    
+    init(id: String = UUID().uuidString, threadId: String, content: String, isUser: Bool, openAIMessageId: String? = nil) {
+        self.id = id
+        self.threadId = threadId
+        self.content = content
+        self.isUser = isUser
+        self.timestamp = Date()
+        self.openAIMessageId = openAIMessageId
+    }
+}

Examples/Sources/ChatbotExample/Models/ChatThread.swift

@@ -0,0 +1,4 @@
+import OpenAI
+
+// Type alias to avoid confusion between OpenAI's Model and our ViewModels
+typealias LLM = Model

Examples/Sources/ChatbotExample/Models/LLMType.swift

@@ -0,0 +1,29 @@
+import Foundation
+
+// MARK: - API Key Storage
+
+class APIKeyStorage {
+    private let userDefaults = UserDefaults.standard
+    private let apiKeyKey = "OpenAI_API_Key"
+    
+    func saveAPIKey(_ key: String) {
+        userDefaults.set(key, forKey: apiKeyKey)
+        userDefaults.synchronize() // Force immediate synchronization
+        print("🔑 API key saved to disk")
+    }
+    
+    func loadAPIKey() -> String? {
+        let key = userDefaults.string(forKey: apiKeyKey)
+        if let key = key, !key.isEmpty {
+            print("🔑 API key loaded from disk successfully")
+            return key
+        }
+        return nil
+    }
+    
+    func deleteAPIKey() {
+        userDefaults.removeObject(forKey: apiKeyKey)
+        userDefaults.synchronize() // Force immediate synchronization
+        print("🗑️ API key deleted from disk")
+    }
+}