capacitor-google-navigation 0.0.2 → 0.0.4

package/README.md

@@ -134,8 +134,8 @@ startNavigation({ lat, lng, travelMode })
     ↓  fires onRouteChanged on recalculation
 stopNavigation()
     ↓  ends guidance, clears destination
-showNavigationView({ show: false })
-    ↓  dismisses native map, restores app UI
+showNavigationView({ show: false })  — or user taps the ✕ close button
+    ↓  dismisses native map, fires onNavigationClosed, restores app UI
 ```
 
 ---
@@ -154,9 +154,10 @@ interface UseNavigationOptions {
   apiKey: string;
   onArrival?: (event: any) => void;
   onRouteChanged?: () => void;
+  onNavigationClosed?: () => void;
 }
 
-export function useGoogleNavigation({ apiKey, onArrival, onRouteChanged }: UseNavigationOptions) {
+export function useGoogleNavigation({ apiKey, onArrival, onRouteChanged, onNavigationClosed }: UseNavigationOptions) {
   const listeners = useRef<PluginListenerHandle[]>([]);
 
   useEffect(() => {
@@ -176,6 +177,11 @@ export function useGoogleNavigation({ apiKey, onArrival, onRouteChanged }: UseNa
         listeners.current.push(h);
       }
 
+      if (onNavigationClosed) {
+        const h = await GoogleNavigation.addListener('onNavigationClosed', onNavigationClosed);
+        listeners.current.push(h);
+      }
+
       await GoogleNavigation.initialize({ apiKey });
     };
 
@@ -232,6 +238,7 @@ const NavigationPage: React.FC = () => {
     apiKey: import.meta.env.VITE_GOOGLE_NAV_API_KEY as string,
     onArrival: () => setShowArrival(true),
     onRouteChanged: () => console.log('Route recalculated'),
+    onNavigationClosed: () => console.log('User closed navigation'),
   });
 
   return (
@@ -301,6 +308,11 @@ const routeHandle = await GoogleNavigation.addListener('onRouteChanged', () => {
   console.log('Route recalculated');
 });
 
+const closedHandle = await GoogleNavigation.addListener('onNavigationClosed', () => {
+  // Fired when the user taps the ✕ close button on the native navigation view
+  console.log('Navigation closed by user');
+});
+
 // 2. Initialize the SDK (fires onNavigationReady when done)
 await GoogleNavigation.initialize({ apiKey: 'YOUR_API_KEY' });
 
@@ -400,14 +412,14 @@ Show/hide navigation view
 ### addListener(...)
 
 ```typescript
-addListener(eventName: 'onArrival' | 'onRouteChanged' | 'onNavigationReady', listenerFunc: (event: any) => void) => Promise<PluginListenerHandle>
+addListener(eventName: 'onArrival' | 'onRouteChanged' | 'onNavigationReady' | 'onNavigationClosed', listenerFunc: (event: any) => void) => Promise<PluginListenerHandle>
 ```
 
 Add listener for navigation events
 
 | Param              | Type                                                              |
 | ------------------ | ----------------------------------------------------------------- |
-| **`eventName`**    | <code>'onArrival' \| 'onRouteChanged' \| 'onNavigationReady'</code> |
+| **`eventName`**    | <code>'onArrival' \| 'onRouteChanged' \| 'onNavigationReady' \| 'onNavigationClosed'</code> |
 | **`listenerFunc`** | <code>(event: any) =&gt; void</code>                              |
 
 **Returns:** <code>Promise&lt;<a href="#pluginlistenerhandle">PluginListenerHandle</a>&gt;</code>
@@ -446,6 +458,7 @@ Remove all listeners
 | `onNavigationReady` | `{}` | SDK has initialized and the navigator is available |
 | `onArrival` | `{ latitude, longitude, title }` | User arrives at the destination waypoint |
 | `onRouteChanged` | `{}` | The route is recalculated (traffic, missed turn, etc.) |
+| `onNavigationClosed` | `{}` | User tapped the ✕ close button on the native navigation view (iOS) |
 
 ---
 

package/ios/Sources/GoogleNavigationPlugin/GoogleNavigation.swift

@@ -43,12 +43,20 @@ import GoogleNavigation
                     return
                 }
 
-                session.started = true
+                session.isStarted = true
                 self.navigationSession = session
-                session.navigator?.addListener(self)
+                session.navigator?.add(self)
 
                 let mapVC = NavigationMapViewController(session: session)
                 mapVC.modalPresentationStyle = .fullScreen
+                mapVC.onDismiss = { [weak self] in
+                    guard let self = self else { return }
+                    self.navigationSession?.navigator?.remove(self)
+                    self.navigationSession?.isStarted = false
+                    self.navigationSession = nil
+                    self.mapViewController = nil
+                    self.plugin?.notifyListeners("onNavigationClosed", data: [:])
+                }
                 self.mapViewController = mapVC
 
                 presentingVC.present(mapVC, animated: true) {
@@ -62,8 +70,8 @@ import GoogleNavigation
     func dismissNavigationViewController(completion: @escaping () -> Void) {
         DispatchQueue.main.async {
             self.mapViewController?.dismiss(animated: true) {
-                self.navigationSession?.navigator?.removeListener(self)
-                self.navigationSession?.started = false
+                self.navigationSession?.navigator?.remove(self)
+                self.navigationSession?.isStarted = false
                 self.navigationSession = nil
                 self.mapViewController = nil
                 completion()
@@ -113,7 +121,7 @@ import GoogleNavigation
 }
 
 extension GoogleNavigation: GMSNavigatorListener {
-    public func navigator(_ navigator: GMSNavigator, didArriveAtWaypoint waypoint: GMSNavigationWaypoint) {
+    public func navigator(_ navigator: GMSNavigator, didArriveAt waypoint: GMSNavigationWaypoint) {
         plugin?.notifyListeners("onArrival", data: [
             "latitude": waypoint.coordinate.latitude,
             "longitude": waypoint.coordinate.longitude,

package/ios/Sources/GoogleNavigationPlugin/NavigationViewController.swift

@@ -5,6 +5,7 @@ import GoogleNavigation
 class NavigationMapViewController: UIViewController {
     private let session: GMSNavigationSession
     private var mapView: GMSMapView?
+    var onDismiss: (() -> Void)?
 
     init(session: GMSNavigationSession) {
         self.session = session
@@ -27,6 +28,32 @@ class NavigationMapViewController: UIViewController {
 
         _ = mapView.enableNavigation(with: session)
         mapView.cameraMode = .following
+
+        addCloseButton()
+    }
+
+    private func addCloseButton() {
+        let button = UIButton(type: .system)
+        button.setImage(UIImage(systemName: "xmark"), for: .normal)
+        button.tintColor = .white
+        button.backgroundColor = UIColor.black.withAlphaComponent(0.6)
+        button.layer.cornerRadius = 20
+        button.translatesAutoresizingMaskIntoConstraints = false
+        button.addTarget(self, action: #selector(closeTapped), for: .touchUpInside)
+        view.addSubview(button)
+
+        NSLayoutConstraint.activate([
+            button.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 16),
+            button.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 16),
+            button.widthAnchor.constraint(equalToConstant: 40),
+            button.heightAnchor.constraint(equalToConstant: 40)
+        ])
+    }
+
+    @objc private func closeTapped() {
+        dismiss(animated: true) { [weak self] in
+            self?.onDismiss?()
+        }
     }
 
     func setCameraFollowing() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "capacitor-google-navigation",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Google maps turn by turn navigation for capcitor",
   "main": "dist/plugin.cjs.js",
   "module": "dist/esm/index.js",