@iternio/react-native-auto-play 0.2.2 → 0.2.4

package/README.md

@@ -880,7 +880,7 @@ CarPlayDashboard.setButtons([
 
 ### iOS
 
--   **Broken exceptions with `react-native-skia`**: When using `react-native-skia` up to version `2.4.14`, exceptions on iOS are not reported correctly. This is fixed in newer versions of `react-native-skia`. For more details, see this [pull request](https://github.com/Shopify/react-native-skia/pull/3595) and [issue](https://github.com/Shopify/react-native-skia/issues/3635).
+-   **Broken exceptions with `react-native-skia`**: When using `react-native-skia` exceptions on iOS are not reported correctly. This is fixed since version `2.4.19` of `react-native-skia`. For more details, see this [pull request](https://github.com/Shopify/react-native-skia/pull/3595) and [issue](https://github.com/Shopify/react-native-skia/issues/3635).
 -   **AppState on iOS**: The `AppState` module from React Native does not work correctly on iOS because this library uses scenes, which are not supported by the stock `AppState` module. This library provides a custom state listener that works for both Android and iOS. Use `HybridAutoPlay.addListenerRenderState` instead of `AppState`.
 -   **Timers stop on screen lock**: iOS stops all timers when the device's main screen is turned off. To ensure timers continue to run (which is often necessary for background tasks related to autoplay), a patch for `react-native` is required. A patch is included in the root `patches/` directory and can be applied using `patch-package`.
 -   **expo-splash-screen stuck on iOS**: The `expo-splash-screen` module is broken on iOS because it does not support scenes, which are used by this library. This can cause the splash screen to be stuck on either the mobile device or on CarPlay. To fix this, a patch for `expo-splash-screen` is included in the root `patches/` directory and can be applied using `patch-package`. After applying the patch, you can hide the splash screen for a specific scene by passing the module name to the `hide` or `hideAsync` function. The module name can be one of the values from the `AutoPlayModules` enum or the UUID of a cluster screen.

package/ios/scenes/AutoPlayScene.swift

@@ -53,12 +53,11 @@ class AutoPlayScene: UIResponder {
     }
 
     func disconnect() {
-        NitroSurface.stop(self.window?.rootViewController?.view)
-        self.window = nil
+        SceneStore.removeScene(moduleName: moduleName)
         isConnected = false
-
         templateStore.disconnect()
-        SceneStore.removeScene(moduleName: moduleName)
+        NitroSurface.stop(self.window?.rootViewController?.view)
+        self.window = nil
     }
 
     func setState(state: VisibilityState) {

package/ios/scenes/HeadUnitSceneDelegate.swift

@@ -54,18 +54,27 @@ class HeadUnitSceneDelegate: AutoPlayScene, CPTemplateApplicationSceneDelegate {
 
     func templateApplicationScene(
         _ templateApplicationScene: CPTemplateApplicationScene,
-        didDisconnectInterfaceController interfaceController:
-            CPInterfaceController
+        didDisconnect interfaceController: CPInterfaceController,
+        from window: CPWindow
     ) {
-        HybridAutoPlay.emit(event: .diddisconnect)
-        
         if let mapTemplate = try? templateStore.getTemplate(
             templateId: SceneStore.rootModuleName
         ) as? MapTemplate {
             mapTemplate.stopNavigation()
         }
-        
+
         disconnect()
+
+        HybridAutoPlay.emit(event: .diddisconnect)
+    }
+
+    func templateApplicationScene(
+        _ templateApplicationScene: CPTemplateApplicationScene,
+        didDisconnectInterfaceController interfaceController:
+            CPInterfaceController
+    ) {
+        disconnect()
+        HybridAutoPlay.emit(event: .diddisconnect)
     }
 
     func sceneWillResignActive(_ scene: UIScene) {

package/ios/scenes/SceneStore.swift

@@ -84,7 +84,7 @@ class SceneStore {
         return store[SceneStore.rootModuleName]
     }
 
-    static func getRootTraitCollection() -> UITraitCollection {
-        return store[SceneStore.rootModuleName]!.traitCollection
+    static func getRootTraitCollection() -> UITraitCollection? {
+        return store[SceneStore.rootModuleName]?.traitCollection
     }
 }

package/ios/templates/AutoPlayTemplate.swift

@@ -42,10 +42,14 @@ class AutoPlayHeaderProviding: AutoPlayTemplate {
 func setBarButtons(template: CPTemplate, barButtons: [NitroAction]?) {
     guard let template = template as? CPBarButtonProviding else { return }
 
+    guard let traitCollection = SceneStore.getRootTraitCollection() else {
+        return
+    }
+
     if let headerActions = barButtons {
         let parsedActions = Parser.parseHeaderActions(
             headerActions: headerActions,
-            traitCollection: SceneStore.getRootTraitCollection()
+            traitCollection: traitCollection
         )
 
         template.backButton = parsedActions.backButton

package/ios/templates/GridTemplate.swift

@@ -24,17 +24,17 @@ class GridTemplate: AutoPlayHeaderProviding {
     init(config: GridTemplateConfig) {
         self.config = config
         buttons = config.buttons
-        
+
         template = CPGridTemplate(
             title: Parser.parseText(text: config.title),
             gridButtons: GridTemplate.parseButtons(buttons: buttons),
             id: config.id
         )
-                
+
         super.init()
-        
+
         barButtons = config.headerActions
-        
+
     }
 
     static func parseButtons(buttons: [NitroGridButton]) -> [CPGridButton] {
@@ -47,7 +47,9 @@ class GridTemplate: AutoPlayHeaderProviding {
             gridButtonHeight = 44
         }
 
-        let traitCollection = SceneStore.getRootTraitCollection()
+        guard let traitCollection = SceneStore.getRootTraitCollection() else {
+            return []
+        }
 
         return buttons.compactMap { button in
             var image: UIImage?

package/ios/templates/InformationTemplate.swift

@@ -23,7 +23,7 @@ class InformationTemplate: AutoPlayHeaderProviding {
 
     init(config: InformationTemplateConfig) {
         self.config = config
-        
+
         section = config.section
 
         template = CPInformationTemplate(
@@ -33,9 +33,9 @@ class InformationTemplate: AutoPlayHeaderProviding {
             actions: Parser.parseInformationActions(actions: config.actions),
             id: config.id
         )
-        
-        super.init();
-        
+
+        super.init()
+
         barButtons = config.headerActions
     }
 

package/ios/templates/ListTemplate.swift

@@ -23,7 +23,7 @@ class ListTemplate: AutoPlayHeaderProviding {
 
     init(config: ListTemplateConfig) {
         self.config = config
-        
+
         sections = config.sections
 
         template = CPListTemplate(
@@ -32,9 +32,9 @@ class ListTemplate: AutoPlayHeaderProviding {
             assistantCellConfiguration: nil,
             id: config.id
         )
-        
+
         super.init()
-        
+
         barButtons = config.headerActions
     }
 
@@ -42,11 +42,15 @@ class ListTemplate: AutoPlayHeaderProviding {
     override func _invalidate() {
         setBarButtons(template: template, barButtons: barButtons)
 
+        guard let traitCollection = SceneStore.getRootTraitCollection() else {
+            return
+        }
+
         template.updateSections(
             Parser.parseSections(
                 sections: sections,
                 updateSection: self.updateSection(section:sectionIndex:),
-                traitCollection: SceneStore.getRootTraitCollection()
+                traitCollection: traitCollection
             )
         )
     }

package/ios/templates/MapTemplate.swift

@@ -45,10 +45,10 @@ class MapTemplate: AutoPlayHeaderProviding,
 
     init(config: MapTemplateConfig) {
         self.config = config
-        
+
         mapButtons = config.mapButtons
         visibleTravelEstimate = config.visibleTravelEstimate
-        
+
         template = CPMapTemplate(id: config.id)
 
         if let initialProperties = SceneStore.getRootScene()?.initialProperties,
@@ -81,12 +81,16 @@ class MapTemplate: AutoPlayHeaderProviding,
     }
 
     func parseMapButtons(mapButtons: [NitroMapButton]) -> [CPMapButton] {
+        guard let traitCollection = SceneStore.getRootTraitCollection() else {
+            return []
+        }
+
         return mapButtons.map { button in
             if let glyphImage = button.image.glyphImage,
                 let icon = SymbolFont.imageFromNitroImage(
                     image: glyphImage,
                     size: CPButtonMaximumImageSize.height,
-                    traitCollection: SceneStore.getRootTraitCollection()
+                    traitCollection: traitCollection
                 )
             {
                 return CPMapButton(image: icon) { _ in
@@ -100,7 +104,7 @@ class MapTemplate: AutoPlayHeaderProviding,
             if let assetImage = button.image.assetImage,
                 let icon = Parser.parseAssetImage(
                     assetImage: assetImage,
-                    traitCollection: SceneStore.getRootTraitCollection()
+                    traitCollection: traitCollection
                 )
             {
                 return CPMapButton(image: icon) { _ in
@@ -180,7 +184,10 @@ class MapTemplate: AutoPlayHeaderProviding,
 
     @MainActor
     override func traitCollectionDidChange() {
-        let traitCollection = SceneStore.getRootTraitCollection()
+        guard let traitCollection = SceneStore.getRootTraitCollection() else {
+            return
+        }
+
         let isDark = traitCollection.userInterfaceStyle == .dark
 
         config.onAppearanceDidChange?(
@@ -354,6 +361,10 @@ class MapTemplate: AutoPlayHeaderProviding,
             return
         }
 
+        guard let traitCollection = SceneStore.getRootTraitCollection() else {
+            return
+        }
+
         guard let title = Parser.parseText(text: alertConfig.title) else { return }
         let subtitle = alertConfig.subtitle.flatMap { subtitle in
             [Parser.parseText(text: subtitle)].compactMap { $0 }
@@ -361,7 +372,7 @@ class MapTemplate: AutoPlayHeaderProviding,
 
         let image = Parser.parseNitroImage(
             image: alertConfig.image,
-            traitCollection: SceneStore.getRootTraitCollection()
+            traitCollection: traitCollection
         )
 
         let style = Parser.parseActionAlertStyle(
@@ -599,6 +610,10 @@ class MapTemplate: AutoPlayHeaderProviding,
     func updateManeuvers(messageManeuver: NitroMessageManeuver) {
         guard let navigationSession = navigationSession else { return }
 
+        guard let traitCollection = SceneStore.getRootTraitCollection() else {
+            return
+        }
+
         let color = messageManeuver.cardBackgroundColor
         let cardBackgroundColor = Parser.parseColor(color: color)
 
@@ -615,7 +630,7 @@ class MapTemplate: AutoPlayHeaderProviding,
 
         if let symbolImage = Parser.parseNitroImage(
             image: messageManeuver.image,
-            traitCollection: SceneStore.getRootTraitCollection()
+            traitCollection: traitCollection
         ) {
             maneuver.symbolImage = symbolImage
         }
@@ -635,6 +650,10 @@ class MapTemplate: AutoPlayHeaderProviding,
             return
         }
 
+        guard let traitCollection = SceneStore.getRootTraitCollection() else {
+            return
+        }
+
         if #unavailable(iOS 15.4),
             let color = maneuvers.first?.cardBackgroundColor
         {
@@ -674,7 +693,7 @@ class MapTemplate: AutoPlayHeaderProviding,
 
             let maneuver = Parser.parseManeuver(
                 nitroManeuver: nitroManeuver,
-                traitCollection: SceneStore.getRootTraitCollection()
+                traitCollection: traitCollection
             )
             upcomingManeuvers.append(maneuver)
         }
@@ -686,7 +705,7 @@ class MapTemplate: AutoPlayHeaderProviding,
                         // CarPlay has a limitation of 120x18 for the symbolImage on secondaryManeuver that shows lanes only
                         let secondarySymbolImage = Parser.imageFromLanes(
                             laneImages: laneImages.prefix(Int(120 / 18)),
-                            traitCollection: SceneStore.getRootTraitCollection()
+                            traitCollection: traitCollection
                         )
 
                         let secondaryManeuver = CPManeuver(

package/ios/templates/SearchTemplate.swift

@@ -28,7 +28,7 @@ class SearchTemplate: AutoPlayTemplate, CPSearchTemplateDelegate {
     init(config: SearchTemplateConfig) {
         self.config = config
         results = config.results
-        
+
         template = CPSearchTemplate(id: config.id)
     }
 
@@ -49,9 +49,13 @@ class SearchTemplate: AutoPlayTemplate, CPSearchTemplateDelegate {
             return
         }
 
+        guard let traitCollection = SceneStore.getRootTraitCollection() else {
+            return
+        }
+
         let listItems = Parser.parseSearchResults(
             section: results,
-            traitCollection: SceneStore.getRootTraitCollection()
+            traitCollection: traitCollection
         )
         completionHandler(listItems)
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iternio/react-native-auto-play",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "Android Auto and Apple CarPlay for react-native",
   "main": "lib/index",
   "module": "lib/index",