Reacting to orientation changes (#34)

Author: martinmitrevski

Sources/StreamChatSwiftUI/ChatChannel/ChatChannelView.swift

@@ -14,8 +14,14 @@ public struct ChatChannelView<Factory: ViewFactory>: View, KeyboardReadable {
     @State private var messageDisplayInfo: MessageDisplayInfo?
     @State private var keyboardShown = false
     @State private var tabBarAvailable: Bool = false
+    @State private var orientation = UIDevice.current.orientation
 
     private var factory: Factory
+    
+    private let orientationChanged = NotificationCenter.default
+        .publisher(for: UIDevice.orientationDidChangeNotification)
+        .makeConnectable()
+        .autoconnect()
 
     public init(
         viewFactory: Factory,
@@ -61,6 +67,9 @@ public struct ChatChannelView<Factory: ViewFactory>: View, KeyboardReadable {
                     factory.makeDateIndicatorView(dateString: viewModel.currentDateString!)
                     : nil
             )
+            .if(multipleOrientationsSupported) { view in
+                view.id(orientation.rawValue)
+            }
 
             Divider()
                 .navigationBarBackButtonHidden(viewModel.reactionsShown)
@@ -105,6 +114,11 @@ public struct ChatChannelView<Factory: ViewFactory>: View, KeyboardReadable {
         .onReceive(keyboardWillChangePublisher, perform: { visible in
             keyboardShown = visible
         })
+        .onReceive(orientationChanged) { _ in
+            if multipleOrientationsSupported {
+                self.orientation = UIDevice.current.orientation
+            }
+        }
         .onAppear {
             viewModel.onViewAppear()
         }
@@ -129,4 +143,10 @@ public struct ChatChannelView<Factory: ViewFactory>: View, KeyboardReadable {
         let bottomPadding = topVC()?.view.safeAreaInsets.bottom ?? 0
         return bottomPadding
     }
+    
+    private var multipleOrientationsSupported: Bool {
+        let orientationsKey = "UISupportedInterfaceOrientations"
+        let orientations = Bundle.main.infoDictionary?[orientationsKey] as? [String] ?? []
+        return orientations.count > 1
+    }
 }

Sources/StreamChatSwiftUI/ChatChannel/MessageList/MessageContainerView.swift

@@ -193,7 +193,12 @@ struct MessageContainerView<Factory: ViewFactory>: View {
     }
 
     private var spacerWidth: CGFloat {
-        (width ?? 0) / 4
+        let proposedViewWidth = width ?? 0
+        if isIPad {
+            return 2 * proposedViewWidth / 3
+        } else {
+            return proposedViewWidth / 4
+        }
     }
 
     private var reactionsShown: Bool {

Sources/StreamChatSwiftUI/ChatChannel/Utils/ChatChannelHelpers.swift

@@ -30,7 +30,7 @@ struct WidthPreferenceKey: PreferenceKey {
     static var defaultValue: CGFloat? = nil
 
     static func reduce(value: inout CGFloat?, nextValue: () -> CGFloat?) {
-        value = value ?? nextValue()
+        value = nextValue() ?? value
     }
 }
 

Sources/StreamChatSwiftUI/ChatChannelList/ChatChannelHelperViews.swift

@@ -108,3 +108,7 @@ struct TabBarAccessor: UIViewControllerRepresentable {
 var isIphone: Bool {
     UIDevice.current.userInterfaceIdiom == .phone
 }
+
+var isIPad: Bool {
+    UIDevice.current.userInterfaceIdiom == .pad
+}

Sources/StreamChatSwiftUI/ChatChannelList/ChatChannelListViewModel.swift

@@ -265,6 +265,7 @@ open class ChatChannelListViewModel: ObservableObject, ChatChannelListController
                 // access channels
                 self.updateChannels()
                 self.checkForDeeplinks()
+                self.setInitialChannelIfSplitView()
             }
         }
     }
@@ -326,6 +327,12 @@ open class ChatChannelListViewModel: ObservableObject, ChatChannelListController
     private func updateChannels() {
         channels = controller?.channels ?? LazyCachedMapCollection<ChatChannel>()
     }
+    
+    private func setInitialChannelIfSplitView() {
+        if isIPad && deeplinkChannel == nil {
+            selectedChannel = channels.first?.channelSelectionInfo
+        }
+    }
 }
 
 /// Enum for the type of alert presented in the channel list view.

Sources/StreamChatSwiftUI/Utils/Common/ImageMerger.swift

@@ -50,7 +50,7 @@ open class DefaultImageMerger: ImageMerging {
             dimensions.height += image.size.height
         }
 
-        UIGraphicsBeginImageContext(dimensions)
+        UIGraphicsBeginImageContextWithOptions(dimensions, true, UIScreen.main.scale)
 
         var lastY: CGFloat = 0
         for image in images {
@@ -75,7 +75,7 @@ open class DefaultImageMerger: ImageMerging {
             dimensions.height = max(dimensions.height, image.size.height)
         }
 
-        UIGraphicsBeginImageContext(dimensions)
+        UIGraphicsBeginImageContextWithOptions(dimensions, true, UIScreen.main.scale)
 
         var lastX: CGFloat = 0
         for image in images {