@iternio/react-native-auto-play 0.1.3 → 0.1.5

package/ios/templates/MapTemplate.swift

@@ -41,6 +41,7 @@ class MapTemplate: NSObject, AutoPlayTemplate, AutoPlayHeaderProviding,
     var onTripStarted: ((_ tripId: String, _ routeId: String) -> Void)?
     var navigationSession: CPNavigationSession?
     var navigationAlert: NavigationAlertWrapper?
+    var currentTripId: String?
 
     var tripSelectorVisible = false
 
@@ -463,7 +464,7 @@ class MapTemplate: NSObject, AutoPlayTemplate, AutoPlayHeaderProviding,
         let selectedTrip = selectedTripId.flatMap { tripId in
             tripPreviews.first(where: { $0.id == tripId })
         }
-
+        
         template.showTripPreviews(
             tripPreviews,
             selectedTrip: selectedTrip,
@@ -494,6 +495,7 @@ class MapTemplate: NSObject, AutoPlayTemplate, AutoPlayHeaderProviding,
     }
 
     func hideTripSelector() {
+        currentTripId = nil;
         template.hideTripPreviews()
 
         tripSelectorVisible = false
@@ -509,6 +511,13 @@ class MapTemplate: NSObject, AutoPlayTemplate, AutoPlayHeaderProviding,
         using routeChoice: CPRouteChoice
     ) {
         let tripId = trip.id
+        
+        if (currentTripId != nil && currentTripId == tripId) {
+            return
+        }
+        
+        currentTripId = trip.id
+        
         let routeId = routeChoice.id
         self.onTripSelected?(tripId, routeId)
 

package/lib/hooks/useFocusedEffect.d.ts

@@ -0,0 +1,9 @@
+/**
+ * An effect hook that only runs when the CarPlay/Android Auto screen is visible to the user and dependencies have changed.
+ * It behaves like `useEffect`, but the effect function is only executed if the screen is visible.
+ *
+ * @param moduleName The name of the root module to listen to for focus changes - one of AutoPlayModules or a cluster uuid.
+ * @param effect The effect function to run.
+ * @param deps An array of dependencies for the effect.
+ */
+export declare function useFocusedEffect(moduleName: string, effect: () => void | (() => void), deps: readonly unknown[]): void;

package/lib/hooks/useFocusedEffect.js

@@ -0,0 +1,32 @@
+import { useEffect, useRef, useState } from 'react';
+import { HybridAutoPlay } from '..';
+/**
+ * An effect hook that only runs when the CarPlay/Android Auto screen is visible to the user and dependencies have changed.
+ * It behaves like `useEffect`, but the effect function is only executed if the screen is visible.
+ *
+ * @param moduleName The name of the root module to listen to for focus changes - one of AutoPlayModules or a cluster uuid.
+ * @param effect The effect function to run.
+ * @param deps An array of dependencies for the effect.
+ */
+export function useFocusedEffect(moduleName, effect, deps) {
+    const [isFocused, setIsFocused] = useState(false);
+    const effectRef = useRef(effect);
+    useEffect(() => {
+        effectRef.current = effect;
+    }, [effect]);
+    useEffect(() => {
+        return HybridAutoPlay.addListenerRenderState(moduleName, (state) => {
+            if (state === 'willAppear' || state === 'willDisappear') {
+                // react on actual visibility changes only
+                return;
+            }
+            setIsFocused(state === 'didAppear');
+        });
+    }, [moduleName]);
+    useEffect(() => {
+        if (!isFocused) {
+            return;
+        }
+        return effectRef.current();
+    }, [isFocused, ...deps]);
+}

package/lib/index.d.ts

@@ -13,6 +13,7 @@ export declare enum AutoPlayModules {
 }
 export * from './components/SafeAreaView';
 export * from './hooks/useAndroidAutoTelemetry';
+export * from './hooks/useFocusedEffect';
 export * from './hooks/useMapTemplate';
 export * from './hooks/useSafeAreaInsets';
 export * from './hooks/useVoiceInput';

package/lib/index.js

@@ -18,6 +18,7 @@ export var AutoPlayModules;
 })(AutoPlayModules || (AutoPlayModules = {}));
 export * from './components/SafeAreaView';
 export * from './hooks/useAndroidAutoTelemetry';
+export * from './hooks/useFocusedEffect';
 export * from './hooks/useMapTemplate';
 export * from './hooks/useSafeAreaInsets';
 export * from './hooks/useVoiceInput';

package/lib/specs/VoiceInput.nitro.d.ts

@@ -0,0 +1,8 @@
+import type { HybridObject } from 'react-native-nitro-modules';
+import type { CleanupCallback } from '../types/Event';
+export interface VoiceInput extends HybridObject<{
+    android: 'kotlin';
+    ios: 'swift';
+}> {
+    registerVoiceInputListener(callback: (voiceInputResult?: string, error?: string) => void): CleanupCallback;
+}

package/lib/specs/VoiceInput.nitro.js

@@ -0,0 +1 @@
+export {};

package/package.json

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

package/src/hooks/useFocusedEffect.ts

@@ -0,0 +1,42 @@
+import { useEffect, useRef, useState } from 'react';
+import { HybridAutoPlay } from '..';
+
+/**
+ * An effect hook that only runs when the CarPlay/Android Auto screen is visible to the user and dependencies have changed.
+ * It behaves like `useEffect`, but the effect function is only executed if the screen is visible.
+ *
+ * @param moduleName The name of the root module to listen to for focus changes - one of AutoPlayModules or a cluster uuid.
+ * @param effect The effect function to run.
+ * @param deps An array of dependencies for the effect.
+ */
+export function useFocusedEffect(
+  moduleName: string,
+  effect: () => void | (() => void),
+  deps: readonly unknown[]
+) {
+  const [isFocused, setIsFocused] = useState(false);
+  const effectRef = useRef(effect);
+
+  useEffect(() => {
+    effectRef.current = effect;
+  }, [effect]);
+
+  useEffect(() => {
+    return HybridAutoPlay.addListenerRenderState(moduleName, (state) => {
+      if (state === 'willAppear' || state === 'willDisappear') {
+        // react on actual visibility changes only
+        return;
+      }
+
+      setIsFocused(state === 'didAppear');
+    });
+  }, [moduleName]);
+
+  useEffect(() => {
+    if (!isFocused) {
+      return;
+    }
+
+    return effectRef.current();
+  }, [isFocused, ...deps]);
+}

package/src/index.ts

@@ -25,6 +25,7 @@ export enum AutoPlayModules {
 
 export * from './components/SafeAreaView';
 export * from './hooks/useAndroidAutoTelemetry';
+export * from './hooks/useFocusedEffect';
 export * from './hooks/useMapTemplate';
 export * from './hooks/useSafeAreaInsets';
 export * from './hooks/useVoiceInput';