feat: static & live location sharing (draft)

android/app/src/main/AndroidManifest.xml

@@ -19,6 +19,14 @@
     <!-- android 13 media permission -->
     <uses-permission android:name="android.permission.READ_MEDIA_AUDIO" />
 
+    <!-- Location -->
+    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
+    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
+
+    <!-- If you stream/live share or track in background -->
+    <uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
+    <uses-permission android:name="android.permission.FOREGROUND_SERVICE_LOCATION" />
+
     <application
         android:name="chat.rocket.reactnative.MainApplication"
         android:allowBackup="false"
@@ -87,6 +95,12 @@
         <meta-data
             android:name="com.bugsnag.android.API_KEY"
             android:value="${BugsnagAPIKey}" />
+
+        <!-- Foreground location service declaration for Android 10+ compliance -->
+        <service
+            android:name=".LocationService"
+            android:exported="false"
+            android:foregroundServiceType="location" />
     </application>
 
     <queries>

android/app/src/main/java/chat/rocket/reactnative/LocationService.kt

@@ -0,0 +1,21 @@
+package chat.rocket.reactnative
+
+import android.app.Service
+import android.content.Intent
+import android.os.IBinder
+
+/**
+ * Minimal stub for a location foreground service.
+ * We don't start it in the current app flow; this exists to satisfy
+ * Android's requirement that FOREGROUND_SERVICE_LOCATION has a matching
+ * service declaration. If started accidentally, stop immediately.
+ */
+class LocationService : Service() {
+	override fun onBind(intent: Intent?): IBinder? = null
+
+	override fun onStartCommand(intent: Intent?, flags: Int, startId: Int): Int {
+		// Not used in current implementation. Ensure we stop if invoked.
+		stopSelf()
+		return START_NOT_STICKY
+	}
+}

app.json

@@ -1,3 +1,4 @@
 {
-	"name": "RocketChatRN"
+	"name": "RocketChatRN",
+	"plugins": ["expo-web-browser"]
 }

app/containers/MessageComposer/components/Buttons/ActionsButton.tsx

@@ -1,4 +1,6 @@
 import React, { useContext } from 'react';
+import { Platform, PermissionsAndroid, InteractionManager, Alert } from 'react-native';
+import * as Location from 'expo-location';
 
 import { getSubscriptionByRoomId } from '../../../../lib/database/services/Subscription';
 import { BaseButton } from './BaseButton';
@@ -10,6 +12,12 @@ import { useAppSelector } from '../../../../lib/hooks/useAppSelector';
 import { usePermissions } from '../../../../lib/hooks/usePermissions';
 import { useCanUploadFile, useChooseMedia } from '../../hooks';
 import { useRoomContext } from '../../../../views/RoomView/context';
+import { showErrorAlert } from '../../../../lib/methods/helpers';
+import { getCurrentPositionOnce } from '../../../../views/LocationShare/services/staticLocation';
+import type { MapProviderName } from '../../../../views/LocationShare/services/mapProviders';
+import { isLiveLocationActive, reopenLiveLocationModal } from '../../../../views/LocationShare/LiveLocationPreviewModal';
+import { useUserPreferences } from '../../../../lib/methods/userPreferences';
+import { MAP_PROVIDER_PREFERENCE_KEY, MAP_PROVIDER_DEFAULT } from '../../../../lib/constants/keys';
 
 export const ActionsButton = () => {
 	'use memo';
@@ -25,6 +33,26 @@ export const ActionsButton = () => {
 	});
 	const { showActionSheet, hideActionSheet } = useActionSheet();
 	const isMasterDetail = useAppSelector(state => state.app.isMasterDetail);
+	const userId = useAppSelector(state => state.login.user.id);
+
+	const [mapProvider] = useUserPreferences<MapProviderName>(`${MAP_PROVIDER_PREFERENCE_KEY}_${userId}`, MAP_PROVIDER_DEFAULT);
+
+	const sheetBusyRef = React.useRef(false);
+	const openSheetSafely = (fn: () => void, delayMs = 350) => {
+		if (sheetBusyRef.current) return;
+		sheetBusyRef.current = true;
+
+		hideActionSheet();
+		InteractionManager.runAfterInteractions(() => {
+			setTimeout(() => {
+				try {
+					fn();
+				} finally {
+					sheetBusyRef.current = false;
+				}
+			}, delayMs);
+		});
+	};
 
 	const createDiscussion = async () => {
 		if (!rid) return;
@@ -37,62 +65,198 @@ export const ActionsButton = () => {
 		}
 	};
 
+	const openCurrentPreview = async (provider: MapProviderName) => {
+		try {
+			if (!rid) {
+				showErrorAlert(I18n.t('Room_not_available'), I18n.t('Oops'));
+				return;
+			}
+
+			if (Platform.OS === 'android') {
+				const granted = await PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION);
+				if (granted !== PermissionsAndroid.RESULTS.GRANTED) {
+					showErrorAlert(I18n.t('Location_permission_required'), I18n.t('Oops'));
+					return;
+				}
+			} else {
+				const { status } = await Location.requestForegroundPermissionsAsync();
+				if (status !== 'granted') {
+					showErrorAlert(I18n.t('Location_permission_required'), I18n.t('Oops'));
+					return;
+				}
+			}
+
+			const coords = await getCurrentPositionOnce();
+
+			const params = {
+				rid,
+				tmid,
+				provider,
+				coords
+			};
+
+			InteractionManager.runAfterInteractions(() => {
+				if (isMasterDetail) {
+					Navigation.navigate('ModalStackNavigator', { screen: 'LocationPreviewModal', params });
+				} else {
+					Navigation.navigate('LocationPreviewModal', params);
+				}
+			});
+		} catch (e) {
+			const error = e as Error;
+			showErrorAlert(error?.message || I18n.t('Could_not_get_location'), I18n.t('Oops'));
+		}
+	};
+
+	const openLivePreview = async (provider: MapProviderName) => {
+		try {
+			if (isLiveLocationActive()) {
+				Alert.alert(I18n.t('Live_Location_Active'), I18n.t('Live_Location_Active_Block_Message'), [
+					{ text: I18n.t('View_Current_Session'), onPress: () => reopenLiveLocationModal() },
+					{ text: I18n.t('Cancel'), style: 'cancel' }
+				]);
+				return;
+			}
+			if (!rid) {
+				showErrorAlert(I18n.t('Room_not_available'), I18n.t('Oops'));
+				return;
+			}
+
+			if (Platform.OS === 'android') {
+				const res = await PermissionsAndroid.requestMultiple([
+					PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION,
+					PermissionsAndroid.PERMISSIONS.ACCESS_COARSE_LOCATION
+				]);
+				const fine = res[PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION];
+				const coarse = res[PermissionsAndroid.PERMISSIONS.ACCESS_COARSE_LOCATION];
+				if (fine !== PermissionsAndroid.RESULTS.GRANTED && coarse !== PermissionsAndroid.RESULTS.GRANTED) {
+					throw new Error(I18n.t('Permission_denied'));
+				}
+			} else {
+				const { status } = await Location.requestForegroundPermissionsAsync();
+				if (status !== 'granted') {
+					throw new Error(I18n.t('Location_permission_required'));
+				}
+			}
+
+			const params = {
+				rid,
+				tmid,
+				provider
+			};
+
+			InteractionManager.runAfterInteractions(() => {
+				// @ts-ignore
+				if (isMasterDetail) {
+					Navigation.navigate('ModalStackNavigator', { screen: 'LiveLocationPreviewModal', params });
+				} else {
+					Navigation.navigate('LiveLocationPreviewModal', params);
+				}
+			});
+		} catch (e) {
+			const error = e as Error;
+			showErrorAlert(error?.message || I18n.t('Could_not_get_location'), I18n.t('Oops'));
+		}
+	};
+
+	const openModeSheetForProvider = (provider: MapProviderName) => {
+		const modeOptions: TActionSheetOptionsItem[] = [
+			{
+				title: I18n.t('Share_current_location'),
+				icon: 'pin-map',
+				onPress: () => {
+					openSheetSafely(() => openCurrentPreview(provider));
+				}
+			},
+			{
+				title: I18n.t('Start_live_location'),
+				icon: 'live',
+				onPress: () => {
+					openSheetSafely(() => openLivePreview(provider));
+				}
+			}
+		];
+		showActionSheet({ options: modeOptions });
+	};
+
 	const onPress = () => {
 		const options: TActionSheetOptionsItem[] = [];
+
 		if (t === 'l' && permissionToViewCannedResponses) {
 			options.push({
 				title: I18n.t('Canned_Responses'),
 				icon: 'canned-response',
-				onPress: () => Navigation.navigate('CannedResponsesListView', { rid })
+				onPress: () => {
+					hideActionSheet();
+					InteractionManager.runAfterInteractions(() => {
+						Navigation.navigate('CannedResponsesListView', { rid });
+					});
+				}
 			});
 		}
+
 		if (permissionToUpload) {
 			options.push(
 				{
 					title: I18n.t('Take_a_photo'),
 					icon: 'camera-photo',
 					onPress: () => {
 						hideActionSheet();
-						// This is necessary because the action sheet does not close properly on Android
-						setTimeout(() => {
+						InteractionManager.runAfterInteractions(() => {
 							takePhoto();
-						}, 250);
+						});
 					}
 				},
 				{
 					title: I18n.t('Take_a_video'),
 					icon: 'camera',
 					onPress: () => {
 						hideActionSheet();
-						// This is necessary because the action sheet does not close properly on Android
-						setTimeout(() => {
+						InteractionManager.runAfterInteractions(() => {
 							takeVideo();
-						}, 250);
+						});
 					}
 				},
 				{
 					title: I18n.t('Choose_from_library'),
 					icon: 'image',
 					onPress: () => {
 						hideActionSheet();
-						// This is necessary because the action sheet does not close properly on Android
-						setTimeout(() => {
+						InteractionManager.runAfterInteractions(() => {
 							chooseFromLibrary();
-						}, 250);
+						});
 					}
 				},
 				{
 					title: I18n.t('Choose_file'),
 					icon: 'attach',
-					onPress: () => chooseFile()
+					onPress: () => {
+						hideActionSheet();
+						InteractionManager.runAfterInteractions(() => {
+							chooseFile();
+						});
+					}
 				}
 			);
 		}
 
 		options.push({
 			title: I18n.t('Create_Discussion'),
 			icon: 'discussions',
-			onPress: () => createDiscussion()
+			onPress: () => {
+				hideActionSheet();
+				InteractionManager.runAfterInteractions(() => {
+					createDiscussion();
+				});
+			}
+		});
+
+		options.push({
+			title: I18n.t('Share_Location'),
+			icon: 'pin-map',
+			onPress: () => {
+				openSheetSafely(() => openModeSheetForProvider(mapProvider));
+			}
 		});
 
 		closeEmojiKeyboardAndAction(showActionSheet, { options });

app/containers/message/Components/Attachments/Attachments.tsx

@@ -7,16 +7,22 @@ import Audio from './Audio';
 import Video from './Video';
 import CollapsibleQuote from './CollapsibleQuote';
 import AttachedActions from './AttachedActions';
+import LiveLocationAttachment from './LiveLocationAttachment';
 import MessageContext from '../../Context';
 import { type IMessageAttachments } from '../../interfaces';
 import { type IAttachment } from '../../../../definitions';
 import { getMessageFromAttachment } from '../../utils';
 
 const removeQuote = (file?: IAttachment) =>
-	file?.image_url || file?.audio_url || file?.video_url || (file?.actions?.length || 0) > 0 || file?.collapsed;
+	file?.image_url ||
+	file?.audio_url ||
+	file?.video_url ||
+	(file?.actions?.length || 0) > 0 ||
+	file?.collapsed ||
+	file?.type === 'live-location';
 
 const Attachments: React.FC<IMessageAttachments> = React.memo(
-	({ attachments, timeFormat, showAttachment, getCustomEmoji, author }: IMessageAttachments) => {
+	({ attachments, timeFormat, showAttachment, getCustomEmoji, author, id, rid }: IMessageAttachments) => {
 		'use memo';
 
 		const { translateLanguage } = useContext(MessageContext);
@@ -68,6 +74,9 @@ const Attachments: React.FC<IMessageAttachments> = React.memo(
 				return <CollapsibleQuote key={index} attachment={file} timeFormat={timeFormat} getCustomEmoji={getCustomEmoji} />;
 			}
 
+			if (file.type === 'live-location' && file.live) {
+				return <LiveLocationAttachment key={`live-location-${index}`} attachment={file} messageId={id} roomId={rid} />;
+			}
 			return null;
 		});
 		return <View style={{ gap: 4 }}>{attachmentsElements}</View>;