Reconnect when returning from background (#1122)

* Disconnect/reconnect when backgrounded/active

* Change state to `connecting` when rejoining

* Add socket reconnect when returning from background

* Cleanup

* Revert visibility

Author: carson-katri

Sources/LiveViewNative/Coordinators/LiveViewCoordinator.swift

@@ -282,7 +282,12 @@ public class LiveViewCoordinator<R: RootRegistry>: ObservableObject {
             for try await joinResult in join(channel: channel) {
                 switch joinResult {
                 case .rendered(let payload):
-                    self.handleJoinPayload(renderedPayload: payload)
+                    await MainActor.run {
+                        self.internalState = .connecting
+                    }
+                    await MainActor.run {
+                        self.handleJoinPayload(renderedPayload: payload)
+                    }
                 case .redirect(let liveRedirect):
                     self.url = liveRedirect.to
                     try await self.connect(domValues: domValues, redirect: true)

Sources/LiveViewNative/LiveView.swift

@@ -51,6 +51,8 @@ public struct LiveView<R: RootRegistry>: View {
 
     @ObservedObject private var rootCoordinator: LiveViewCoordinator<R>
 
+    @Environment(\.scenePhase) private var scenePhase
+    
     /// Creates a new LiveView attached to the given coordinator.
     ///
     /// - Note: Changing coordinators after the `LiveView` is setup and connected is forbidden.
@@ -141,6 +143,14 @@ public struct LiveView<R: RootRegistry>: View {
             .task {
                 await storage.session.connect()
             }
+            .onChange(of: scenePhase) { newValue in
+                guard case .active = newValue,
+                      storage.session.socket?.isConnected == false
+                else { return }
+                Task {
+                    await storage.session.connect()
+                }
+            }
     }
 
     @ViewBuilder