Use TipKit instead of custom TipView

Author: daymxn

firebaseai/FirebaseAIExample/Features/Live/Screens/LiveScreen.swift

@@ -18,6 +18,7 @@
   import FirebaseAI
 #endif
 import SwiftUI
+import TipKit
 
 struct LiveScreen: View {
   let backendType: BackendOption
@@ -40,7 +41,7 @@ struct LiveScreen: View {
         ErrorDetailsView(error: error)
       }
       if let tip = viewModel.tip, !viewModel.hasTranscripts {
-        TipView(text: tip)
+        TipView(tip)
       }
       ConnectButton(
         state: viewModel.state,

firebaseai/FirebaseAIExample/Features/Live/ViewModels/LiveViewModel.swift

@@ -49,7 +49,7 @@ class LiveViewModel: ObservableObject {
   var title: String
 
   @Published
-  var tip: String?
+  var tip: InlineTip?
 
   @Published
   var isAudioOutputEnabled: Bool = {

firebaseai/FirebaseAIExample/FirebaseAIExampleApp.swift

@@ -14,6 +14,7 @@
 
 import FirebaseCore
 import SwiftUI
+import TipKit
 
 class AppDelegate: NSObject, UIApplicationDelegate {
   func application(_ application: UIApplication,
@@ -41,6 +42,14 @@ class AppDelegate: NSObject, UIApplicationDelegate {
 struct FirebaseAIExampleApp: App {
   @UIApplicationDelegateAdaptor var appDelegate: AppDelegate
 
+  init() {
+    do {
+      try Tips.configure()
+    } catch {
+      print("Error initializing tips: \(error)")
+    }
+  }
+
   var body: some Scene {
     WindowGroup {
       ContentView()

firebaseai/FirebaseAIExample/Shared/Models/Sample.swift

@@ -33,7 +33,7 @@ public struct Sample: Identifiable {
   public let generationConfig: GenerationConfig?
   public let liveGenerationConfig: LiveGenerationConfig?
   public let fileDataParts: [FileDataPart]?
-  public let tip: String?
+  public let tip: InlineTip?
 
   public init(title: String,
               description: String,
@@ -47,7 +47,7 @@ public struct Sample: Identifiable {
               generationConfig: GenerationConfig? = nil,
               liveGenerationConfig: LiveGenerationConfig? = nil,
               fileDataParts: [FileDataPart]? = nil,
-              tip: String? = nil) {
+              tip: InlineTip? = nil) {
     self.title = title
     self.description = description
     self.useCases = useCases
@@ -307,7 +307,7 @@ extension Sample {
         speech: SpeechConfig(voiceName: "Zephyr", languageCode: "en-US"),
         outputAudioTranscription: AudioTranscriptionConfig()
       ),
-      tip: "Try asking the model to change the background color",
+      tip: InlineTip(text: "Try asking the model to change the background color"),
     ),
   ]
 

…baseAIExample/Shared/Views/TipView.swift …seAIExample/Shared/Views/InlineTip.swiftfirebaseai/FirebaseAIExample/Shared/Views/TipView.swift renamed to firebaseai/FirebaseAIExample/Shared/Views/InlineTip.swift firebaseai/FirebaseAIExample/Shared/Views/TipView.swift renamed to firebaseai/FirebaseAIExample/Shared/Views/InlineTip.swift

@@ -12,23 +12,32 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import SwiftUI
+import TipKit
 
-struct TipView: View {
-  let text: String
+public struct InlineTip: Tip {
+  private let _text: String
+  private let _title: String
+  private let _icon: Image
 
-  var body: some View {
-    VStack(alignment: .leading, spacing: 5) {
-      Label("Tip", systemImage: "info.circle")
-        .bold()
-        .foregroundStyle(Color.accentColor)
-      Text(text)
-        .font(.caption)
-        .italic()
-    }
+  public init(text: String, title: String = "Tip", icon: Image = Image(systemName: "info.circle")) {
+    _text = text
+    _title = title
+    _icon = icon
+  }
+
+  public var title: Text {
+    Text(_title)
+  }
+
+  public var message: Text? {
+    Text(_text)
+  }
+
+  public var image: Image? {
+    _icon
   }
 }
 
 #Preview {
-  TipView(text: "Try asking the model to change the background color")
+  //TipView(text: "Try asking the model to change the background color")
 }