codedogQBY · k6G52m4Dz75W · Sep 9, 2026 · Sep 9, 2026 · Sep 9, 2026 · Sep 9, 2026
diff --git a/packages/app-expo/assets/reader/reader.html b/packages/app-expo/assets/reader/reader.html
diff --git a/packages/app-expo/metro.config.js b/packages/app-expo/metro.config.js
@@ -27,6 +27,10 @@ config.resolver.blockList = [
   /node_modules\/esbuild\/.*/,
   /node_modules\/typescript\/.*/,
   /node_modules\/@biomejs\/.*/,
+  // Rust build artifacts churn constantly during tauri dev/build; Metro's
+  // Windows fallback watcher crashes (ENOENT) trying to watch them, which
+  // kills the whole bundler.
+  /[\\/]src-tauri[\\/]target[\\/].*/,
 ];
 
 // 4. Add support for TypeScript files

diff --git a/packages/app-expo/scripts/build-reader.js b/packages/app-expo/scripts/build-reader.js
@@ -17,6 +17,25 @@ const OUTPUT = path.resolve(ASSETS_DIR, "reader.html");
 async function buildReader() {
   // Create a temporary entry point
   const entryContent = `
+    // Report the WebView's own UA (plus the full build via Client Hints —
+    // this page is served from the local server, a secure context, so the
+    // high-entropy value is readable) to RN once at startup — Settings →
+    // About shows it as the "WebView version" (RN itself has no real UA).
+    (async () => {
+      let fullVersion = null;
+      try {
+        const uaData = navigator.userAgentData;
+        if (uaData && typeof uaData.getHighEntropyValues === "function") {
+          const { fullVersionList } = await uaData.getHighEntropyValues(["fullVersionList"]);
+          const hit = (fullVersionList || []).find((b) => /Android WebView|Microsoft Edge/i.test(b.brand));
+          if (hit) fullVersion = hit.version;
+        }
+      } catch (e) {}
+      if (window.ReactNativeWebView) {
+        window.ReactNativeWebView.postMessage(JSON.stringify({ type: 'readany-ua', ua: navigator.userAgent, fullVersion }));
+      }
+    })();
+
     import { makeBook, View } from "${FOLIATE_DIR.replace(/\\/g, "/")}/view.js";
     import { Overlayer } from "${FOLIATE_DIR.replace(/\\/g, "/")}/overlayer.js";
     import * as CFI from "${FOLIATE_DIR.replace(/\\/g, "/")}/epubcfi.js";

diff --git a/packages/app-expo/src/App.tsx b/packages/app-expo/src/App.tsx
@@ -31,6 +31,7 @@ import { GestureHandlerRootView } from "react-native-gesture-handler";
 import { KeyboardProvider } from "react-native-keyboard-controller";
 import { SafeAreaProvider } from "react-native-safe-area-context";
 
+import { UAProbe } from "@/components/common/UAProbe";
 import { AnimatedSplash } from "@/components/splash/AnimatedSplash";
 import { rnSessionEventSource } from "@/hooks";
 import { setStreamingFetch } from "@readany/core/ai/llm-provider";
@@ -292,6 +293,7 @@ function AppInner() {
           </NavigationContainer>
           <UpdateDialog />
           <FloatingTTSBubble />
+          <UAProbe />
         </SafeAreaProvider>
       </KeyboardProvider>
     </GestureHandlerRootView>

diff --git a/packages/app-expo/src/components/common/UAProbe.tsx b/packages/app-expo/src/components/common/UAProbe.tsx
@@ -0,0 +1,77 @@
+import { useWebviewInfoStore } from "@/stores/webview-info-store";
+import { useEffect, useState } from "react";
+import { View } from "react-native";
+import { WebView } from "react-native-webview";
+
+const PROBE_HTML =
+  "<!DOCTYPE html><html><head><meta name='viewport' content='width=device-width, initial-scale=1'></head><body></body></html>";
+
+// The UA string is reduced (Chrome/138.0.0.0) on modern Chromium WebViews, so
+// also ask Client Hints for the fullVersionList of the matching brand — the
+// About screen then shows the real build (e.g. 138.0.7204.67) instead of
+// x.0.0.0. Keep this brand list in sync with the desktop client-hints lookup
+// in packages/app/src/lib/webview-info.ts.
+const INJECTED_JS = `(async () => {
+  let fullVersion = null;
+  try {
+    const uaData = navigator.userAgentData;
+    if (uaData && typeof uaData.getHighEntropyValues === "function") {
+      const { fullVersionList } = await uaData.getHighEntropyValues(["fullVersionList"]);
+      const hit = (fullVersionList || []).find((b) => /Android WebView|Microsoft Edge/i.test(b.brand));
+      if (hit) fullVersion = hit.version;
+    }
+  } catch (e) {}
+  if (window.ReactNativeWebView) {
+    window.ReactNativeWebView.postMessage(JSON.stringify({ type: "readany-ua", ua: navigator.userAgent, fullVersion }));
+  }
+})(); true;`;
+
+/**
+ * A 0×0 hidden WebView that reports the system WebView's real
+ * navigator.userAgent (plus the full build via Client Hints) to the
+ * webview-info store, then unmounts.
+ *
+ * The RN layer has no real UA (App.tsx polyfills "ReactNative"), and our only
+ * other webview — the reader — mounts per book. This probe makes
+ * Settings → About show the exact engine/build immediately at app startup,
+ * before any book is opened. Best-effort by design: if the probe never
+ * reports (load failure, no bridge), it unmounts after a short timeout and
+ * the reader bridge fills the store on the first book open instead.
+ */
+export function UAProbe() {
+  const ua = useWebviewInfoStore((s) => s.ua);
+  const [gaveUp, setGaveUp] = useState(false);
+
+  useEffect(() => {
+    if (ua) return;
+    const timer = setTimeout(() => setGaveUp(true), 5000);
+    return () => clearTimeout(timer);
+  }, [ua]);
+
+  if (ua || gaveUp) return null;
+
+  return (
+    <View pointerEvents="none" style={{ height: 0, opacity: 0, width: 0 }}>
+      <WebView
+        source={{ html: PROBE_HTML }}
+        injectedJavaScript={INJECTED_JS}
+        onMessage={(event) => {
+          try {
+            const msg = JSON.parse(event.nativeEvent.data) as {
+              type?: string;
+              ua?: string;
+              fullVersion?: string | null;
+            };
+            if (msg.type === "readany-ua" && msg.ua) {
+              useWebviewInfoStore.getState().setUa(msg.ua, msg.fullVersion ?? undefined);
+            }
+          } catch {
+            // ignore probe noise
+          }
+        }}
+        onError={() => setGaveUp(true)}
+        style={{ height: 0, width: 0 }}
+      />
+    </View>
+  );
+}
diff --git a/packages/app-expo/src/components/onboarding/steps/AppearancePage.tsx b/packages/app-expo/src/components/onboarding/steps/AppearancePage.tsx
@@ -2,6 +2,7 @@ import { DarkModeSvg } from "@/components/DarkModeSvg";
 import { type ThemeMode, useTheme } from "@/styles/ThemeContext";
 import { useNavigation } from "@react-navigation/native";
 import type { NativeStackNavigationProp } from "@react-navigation/native-stack";
+import { changeAndPersistLanguage } from "@readany/core/i18n";
 import { Coffee, Moon, Sun } from "lucide-react-native";
 import { useTranslation } from "react-i18next";
 import { Pressable, ScrollView, StyleSheet, Text, View } from "react-native";
@@ -46,7 +47,6 @@ export function AppearancePage() {
 
   const handleLangChange = async (code: string) => {
     try {
-      const { changeAndPersistLanguage } = await import("@readany/core/i18n");
       await changeAndPersistLanguage(code);
     } catch (err) {
       console.warn("[Settings] Failed to change and persist language:", err);