Fix Android app user agent for native requests

Native gRPC-web requests went out over Android's okhttp stack and were
labelled with okhttp's default user agent. Add a gRPC-web interceptor
that sets the CouchersNative User-Agent header on these requests.

Also fix the "build unknown" segment: Constants.nativeBuildVersion is no
longer populated on SDK 54, so read the native build version from
expo-application instead.

Co-authored-by: Aapeli <aapeliv@users.noreply.github.com>

Author: github-actions[bot]

app/mobile/jest.setup.ts

@@ -15,6 +15,10 @@ jest.mock("expo-constants", () => ({
       gitHash: "abc12345",
     },
   },
+}));
+
+// Mock expo-application globally
+jest.mock("expo-application", () => ({
   nativeBuildVersion: "42",
 }));
 

app/mobile/package-lock.json

@@ -32,6 +32,7 @@
     "@react-navigation/drawer": "^7.3.9",
     "@react-navigation/native": "^7.1.6",
     "expo": "~54.0.34",
+    "expo-application": "~7.0.8",
     "expo-build-properties": "^1.0.10",
     "expo-constants": "~18.0.11",
     "expo-dev-client": "~6.0.21",

app/mobile/package.json

@@ -3,6 +3,7 @@ import { AuthPromiseClient } from "@/proto/auth_grpc_web_pb";
 import { NotificationsPromiseClient } from "@/proto/notifications_grpc_web_pb";
 
 import isGrpcError from "@/service/utils/isGrpcError";
+import { applicationNameForUserAgent } from "@/utils/userAgent";
 
 const URL =
   process.env.NEXT_PUBLIC_API_BASE_URL ||
@@ -60,11 +61,27 @@ class TimeoutInterceptor {
   }
 }
 
+// Native gRPC-web requests go out over the platform HTTP stack (okhttp on
+// Android), which would otherwise label them with its own user agent. Set our
+// own so the API sees the same identifier as the WebView.
+class UserAgentInterceptor {
+  async intercept(
+    request: Request<unknown, unknown>,
+    invoker: (request: unknown) => unknown,
+  ) {
+    const metadata = request.getMetadata();
+    metadata["User-Agent"] = applicationNameForUserAgent;
+    const response = await invoker(request);
+    return response;
+  }
+}
+
 const authInterceptor = new AuthInterceptor();
 const timeoutInterceptor = new TimeoutInterceptor();
+const userAgentInterceptor = new UserAgentInterceptor();
 
 const opts = {
-  unaryInterceptors: [authInterceptor, timeoutInterceptor],
+  unaryInterceptors: [authInterceptor, timeoutInterceptor, userAgentInterceptor],
   // this modifies the behaviour on the API so that it will send cookies on the requests
   withCredentials: true,
   /// TODO: streaming interceptor for auth https://grpc.io/blog/grpc-web-interceptor/

app/mobile/service/client.ts

@@ -1,8 +1,9 @@
+import * as Application from "expo-application";
 import Constants from "expo-constants";
 import { Platform } from "react-native";
 
 const appVersion = Constants.expoConfig?.version ?? "unknown";
 const gitHash = Constants.expoConfig?.extra?.gitHash ?? "unknown";
-const nativeVersion = Constants.nativeBuildVersion ?? "unknown";
+const nativeVersion = Application.nativeBuildVersion ?? "unknown";
 
 export const applicationNameForUserAgent = `CouchersNative/${appVersion} (${Platform.OS}; build ${nativeVersion}; ${gitHash})`;