feat: implement paste feature to search and gif preview

uwaisalqadri · uwaisalqadri · commit bd43405a4d8d · 2025-02-24T16:36:08.000+07:00
diff --git a/Giffy/Features/Detail/DetailReducer.swift b/Giffy/Features/Detail/DetailReducer.swift
@@ -34,9 +34,11 @@ public struct DetailReducer {
   public struct State: Equatable {
     var items: [Giffy]
     var item: Giffy
+    var isPasted: Bool = false
     init(items: [Giffy]) {
       self.items = items
       self.item = items.first(where: \.isHighlighted)!
+      self.isPasted = item.image.data != nil
     }
     
     var isFavorited: Bool = false
@@ -103,7 +105,7 @@ public struct DetailReducer {
       
       case .failedShare:
         state.isLoading = false
-        Toaster.error(message: "Can't share the GIF").show()
+        Toaster.error(message: Localizable.toastFailedShare.tr()).show()
         return .none
         
       case .success(let isFavorited):
diff --git a/Giffy/Features/Detail/DetailView.swift b/Giffy/Features/Detail/DetailView.swift
@@ -31,21 +31,32 @@ struct DetailView: View {
                 let mainFrame = geometry.frame(in: .global)
                 let imageWidth = CGFloat(item.image.width) * 1.5
                 let imageHeight = CGFloat(item.image.height) * 1.5
+                let fullWidth = UIScreen.main.bounds.width - 16
+                let fullHeight = UIScreen.main.bounds.height - 16
                 
                 ScrollView(showsIndicators: false) {
                   ZStack {
                     AnimatedGradientBackground()
                       .frame(width: mainFrame.width, height: mainFrame.height)
                       .cornerRadius(40)
                     
-                    GIFView(
-                      url: URL(string: item.image.url),
-                      contentMode: .fit
-                    )
+                    Group {
+                      if let data = item.image.data {
+                        GIFView(
+                          data: data,
+                          contentMode: .fill
+                        )
+                      } else {
+                        GIFView(
+                          url: URL(string: item.image.url),
+                          contentMode: .fit
+                        )
+                      }
+                    }
                     .scaledToFill()
                     .frame(
-                      width: min(imageWidth, UIScreen.main.bounds.width - 16),
-                      height: min(imageHeight, UIScreen.main.bounds.height - 30)
+                      width: item.image.data != nil ? fullWidth : min(imageWidth, fullWidth),
+                      height: item.image.data != nil ? fullWidth : min(imageHeight, fullHeight)
                     )
                     .clipShape(.rect(cornerRadius: 20))
                   }
@@ -108,45 +119,47 @@ struct DetailView: View {
             )
           }
           
-          ToolbarItem(placement: .navigationBarTrailing) {
-            if viewStore.state.isLoading {
-              ProgressView()
-                .tint(.Theme.green)
-                .font(.system(size: 80))
-                .frame(width: 10, height: 10)
-            } else {
+          if !viewStore.isPasted {
+            ToolbarItem(placement: .navigationBarTrailing) {
+              if viewStore.state.isLoading {
+                ProgressView()
+                  .tint(.Theme.green)
+                  .font(.system(size: 80))
+                  .frame(width: 10, height: 10)
+              } else {
+                IconButton(
+                  iconName: viewStore.state.shareImage != nil ? "doc.on.clipboard.fill" : "doc.on.clipboard",
+                  tint: .Theme.green,
+                  size: 15,
+                  onClick: {
+                    viewStore.send(.prepareShare)
+                  }
+                )
+                .tapScaleEffect()
+              }
+            }
+            
+            ToolbarItem(placement: .navigationBarTrailing) {
               IconButton(
-                iconName: viewStore.state.shareImage != nil ? "doc.on.clipboard.fill" : "doc.on.clipboard",
-                tint: .Theme.green,
-                size: 15,
+                iconName: viewStore.state.isFavorited ? "heart.fill" : "heart",
+                tint: .Theme.blueSky,
                 onClick: {
-                  viewStore.send(.prepareShare)
+                  if viewStore.state.isFavorited {
+                    viewStore.send(.removeFavorite)
+                  } else {
+                    viewStore.send(.addFavorite)
+                    viewStore.send(.startLiveActivity(viewStore.state))
+                    
+                    let middleX: CGFloat = CGFloat((window?.screen.bounds.width ?? 0.0) / 2)
+                    let middleY: CGFloat = CGFloat((window?.screen.bounds.height ?? 0.0) / 2)
+                    viewStore.send(.displayHeart(location: .init(x: middleX, y: middleY)))
+                  }
                 }
               )
+              .animation(.easeInOut(duration: 0.2), value: viewStore.state.isFavorited)
               .tapScaleEffect()
             }
           }
-          
-          ToolbarItem(placement: .navigationBarTrailing) {
-            IconButton(
-              iconName: viewStore.state.isFavorited ? "heart.fill" : "heart",
-              tint: .Theme.blueSky,
-              onClick: {
-                if viewStore.state.isFavorited {
-                  viewStore.send(.removeFavorite)
-                } else {
-                  viewStore.send(.addFavorite)
-                  viewStore.send(.startLiveActivity(viewStore.state))
-                  
-                  let middleX: CGFloat = CGFloat((window?.screen.bounds.width ?? 0.0) / 2)
-                  let middleY: CGFloat = CGFloat((window?.screen.bounds.height ?? 0.0) / 2)
-                  viewStore.send(.displayHeart(location: .init(x: middleX, y: middleY)))
-                }
-              }
-            )
-            .animation(.easeInOut(duration: 0.2), value: viewStore.state.isFavorited)
-            .tapScaleEffect()
-          }
         }
       }
     }
diff --git a/Giffy/Features/Search/SearchField.swift b/Giffy/Features/Search/SearchField.swift
@@ -7,13 +7,15 @@
 
 import SwiftUI
 import CommonUI
+import UniformTypeIdentifiers
 
 struct SearchField: View {
   
   @State private var query = ""
   var initialQuery: String = ""
   var onQueryChange: ((String) -> Void)?
-
+  var onPaste: ((String?, Data?) -> Void)?
+  
   var body: some View {
     VStack(alignment: .leading) {
       HStack {
@@ -47,6 +49,34 @@ struct SearchField: View {
           }.padding(.trailing, 12)
         }
         
+        Button(action: {
+          if let gifData = UIPasteboard.general.data(forPasteboardType: UTType.gif.identifier) {
+            onPaste?(nil, gifData)
+          } else if let string = UIPasteboard.general.string {
+            onPaste?(string, nil)
+            query = string
+          } else {
+            Toaster.error(message: Localizable.labelFailedCopy.tr()).show()
+          }
+        }) {
+          Image(systemName: "doc.on.clipboard")
+            .resizable()
+            .foregroundColor(.white)
+            .frame(width: 20, height: 20)
+            .background(
+              LinearGradient(
+                gradient: Gradient(
+                  colors: [.Theme.green, .Theme.blueSky]
+                ),
+                startPoint: .bottomTrailing,
+                endPoint: .topLeading
+              )
+              .frame(width: 40, height: 40)
+              .cornerRadius(5, corners: [.topLeft, .bottomLeft])
+            )
+            .padding(.trailing, 10)
+        }
+        
         Button(action: {
           onQueryChange?(query)
         }) {
diff --git a/Giffy/Features/Search/SearchReducer.swift b/Giffy/Features/Search/SearchReducer.swift
@@ -71,6 +71,7 @@ public struct SearchReducer {
 
   public enum Action {
     case initialFetch
+    case onGIFPasted(data: Data?)
     case fetch(request: String)
     case success(response: [Giffy])
     case failed(error: Error)
@@ -86,6 +87,16 @@ public struct SearchReducer {
         return .run { send in
           await send(.fetch(request: greetingText))
         }
+        
+      case let .onGIFPasted(data):
+        let giffy = Giffy(
+          id: UUID().uuidString,
+          image: .init(data: data, height: "", width: ""),
+          isFavorite: true,
+          isHighlighted: true
+        )
+        router.present(.detail(items: [giffy]))
+        return .none
 
       case .fetch(let query):
         state.searchText = query
diff --git a/Giffy/Features/Search/SearchView.swift b/Giffy/Features/Search/SearchView.swift
@@ -22,6 +22,13 @@ struct SearchView: View {
         SearchField(initialQuery: tabState.searchQuery) { query in
           tabState.searchQuery = query
           viewStore.send(.fetch(request: query))
+        } onPaste: { string, gifData in
+          if let string {
+            tabState.searchQuery = string
+            viewStore.send(.fetch(request: string))
+          } else if let gifData {
+            viewStore.send(.onGIFPasted(data: gifData))
+          }
         }.padding(.horizontal, 16)
 
         if !viewStore.state.isLoading {
diff --git a/Modules/Common/Common/Sources/Common/Domain/Model/Giffy.swift b/Modules/Common/Common/Sources/Common/Domain/Model/Giffy.swift
@@ -1,6 +1,6 @@
 //
 //  Giphy.swift
-//  
+//
 //
 //  Created by Uwais Alqadri on 10/17/21.
 //
@@ -49,17 +49,33 @@ public struct Giffy: Equatable, Hashable {
   }
   
   public func setFavorite(_ state: Bool) -> Giffy {
-    return Giffy(id: id, url: url, rating: rating, username: username, title: title, trendingDateTime: trendingDateTime, image: image, isFavorite: state)
+    return Giffy(
+      id: id,
+      url: url,
+      rating: rating,
+      username: username,
+      title: title,
+      trendingDateTime: trendingDateTime,
+      image: image,
+      isFavorite: state
+    )
   }
 }
 
 public struct ImageOriginal {
   public var url: String
+  public var data: Data?
   public var height: String
   public var width: String
   
-  public init(url: String = "", height: String = "", width: String = "") {
+  public init(
+    url: String = "",
+    data: Data? = nil,
+    height: String = "",
+    width: String = ""
+  ) {
     self.url = url
+    self.data = data
     self.height = height
     self.width = width
   }
diff --git a/Modules/CommonUI/CommonUI/Sources/CommonUI/Assets/en.lproj/Localizable.strings b/Modules/CommonUI/CommonUI/Sources/CommonUI/Assets/en.lproj/Localizable.strings
@@ -12,7 +12,7 @@
 "trending.title" = "Trending";
 "detail.title" = "Detail";
 "trending.today_popular" = "Today's Trending";
-"search.placeholder" = "Search all GIFs and Stickers";
+"search.placeholder" = "Search or Paste GIFs";
 "search.loading" = "Searching for the GIFs... Maybe you should try a different keyword";
 "favorite.empty_message" = "Favorite is empty!";
 "trending.date" = "Trending Date";
@@ -21,4 +21,6 @@
 "button.delete" = "Delete";
 "error.favorite_check" = "Can't determine if the GIF is favorited";
 "toast.copied" = "Copied";
+"toast.failed_copy" = "Failed to Copy";
 "share.option" = "Share via";
+"toast.failed_share" = "Can't share the GIF";
diff --git a/Modules/CommonUI/CommonUI/Sources/CommonUI/Assets/id.lproj/Localizable.strings b/Modules/CommonUI/CommonUI/Sources/CommonUI/Assets/id.lproj/Localizable.strings
@@ -21,4 +21,6 @@
 "button.delete" = "Hapus";
 "error.favorite_check" = "Tidak dapat memastikan apakah GIF difavoritkan";
 "toast.copied" = "Disalin";
+"toast.failed_copy" = "Gagal Disalin";
 "share.option" = "Kirim melalui";
+"toast.failed_share" = "Can't share the GIF";
diff --git a/Modules/CommonUI/CommonUI/Sources/CommonUI/Utils/Localizable.generated.swift b/Modules/CommonUI/CommonUI/Sources/CommonUI/Utils/Localizable.generated.swift
@@ -20,10 +20,12 @@ public enum Localizable: String {
   case labelSearching = "search.loading"
   case titleBackgroundRemoval = "common.background_removal"
   case labelCopied = "toast.copied"
+  case labelFailedCopy = "toast.failed_copy"
   case labelShareVia = "share.option"
   case actionSelectPhotoLibrary = "modal.select_photo_library"
   case actionDelete = "button.delete"
   case errorCheckFavorite = "error.favorite_check"
+  case toastFailedShare = "toast.failed_share"
   
   public func tr() -> String {
     localized
