Merge pull request #423 from trails-cool/deps/expo-sdk-56-packages

Bump Expo SDK 56 packages

apps/mobile/__mocks__/expo-crypto.ts

@@ -0,0 +1,5 @@
+export const CryptoDigestAlgorithm = { SHA256: "SHA-256" } as const;
+export const CryptoEncoding = { BASE64: "base64" } as const;
+
+export const getRandomBytes = jest.fn((size: number) => new Uint8Array(size));
+export const digestStringAsync = jest.fn(async () => "mock-digest");

apps/mobile/app.config.ts

@@ -1,7 +1,5 @@
 import { ExpoConfig, ConfigContext } from "expo/config";
 
-// `newArchEnabled` isn't in the Expo SDK 55 typings yet but is an
-// accepted runtime flag. MapLibre RN v11 requires the new architecture.
 type ExpoConfigWithNewArch = ExpoConfig & { newArchEnabled?: boolean };
 
 export default ({ config }: ConfigContext): ExpoConfigWithNewArch => ({
@@ -14,11 +12,6 @@ export default ({ config }: ConfigContext): ExpoConfigWithNewArch => ({
   orientation: "portrait",
   icon: "./assets/icon.png",
   userInterfaceStyle: "light",
-  splash: {
-    image: "./assets/splash-icon.png",
-    resizeMode: "contain",
-    backgroundColor: "#ffffff",
-  },
   ios: {
     supportsTablet: true,
     bundleIdentifier: "cool.trails.app",
@@ -41,6 +34,12 @@ export default ({ config }: ConfigContext): ExpoConfigWithNewArch => ({
   },
   plugins: [
     "expo-router",
+    "expo-localization",
+    ["expo-splash-screen", {
+      image: "./assets/splash-icon.png",
+      resizeMode: "contain",
+      backgroundColor: "#ffffff",
+    }],
     "expo-secure-store",
     "expo-web-browser",
     "@maplibre/maplibre-react-native",

apps/mobile/metro.config.js

@@ -6,8 +6,8 @@ const monorepoRoot = path.resolve(projectRoot, "../..");
 
 const config = getDefaultConfig(projectRoot);
 
-// Watch all files in the monorepo
+// Watch all files in the monorepo (merge with Expo defaults)
-config.watchFolders = [monorepoRoot];
+config.watchFolders = [...(config.watchFolders ?? []), monorepoRoot];
 
 // Resolve modules from both the project and monorepo root
 config.resolver.nodeModulesPaths = [

apps/mobile/package.json

@@ -6,7 +6,8 @@
   "expo": {
     "install": {
       "exclude": [
-        "react"
+        "react",
+        "@sentry/react-native"
       ]
     }
   },
@@ -29,7 +30,7 @@
     ]
   },
   "dependencies": {
-    "@expo/metro-runtime": "^55.0.11",
+    "@expo/metro-runtime": "^56.0.12",
     "@gorhom/bottom-sheet": "^5.2.14",
     "@maplibre/maplibre-react-native": "^11.2.1",
     "@sentry/cli": "^3.4.3",
@@ -40,31 +41,31 @@
     "@trails-cool/map-core": "workspace:*",
     "@trails-cool/sentry-config": "workspace:*",
     "@trails-cool/types": "workspace:*",
-    "expo": "~55.0.24",
+    "expo": "~56.0.4",
-    "expo-constants": "~55.0.16",
+    "expo-constants": "~56.0.15",
-    "expo-crypto": "~55.0.15",
+    "expo-crypto": "~56.0.3",
-    "expo-dev-client": "~55.0.34",
+    "expo-dev-client": "~56.0.15",
-    "expo-dev-menu": "^55.0.29",
+    "expo-device": "~56.0.4",
-    "expo-device": "~55.0.17",
+    "expo-file-system": "~56.0.7",
-    "expo-file-system": "~55.0.20",
+    "expo-linking": "~56.0.11",
-    "expo-linking": "~55.0.15",
+    "expo-localization": "~56.0.6",
-    "expo-localization": "~55.0.14",
+    "expo-location": "~56.0.13",
-    "expo-location": "~55.1.10",
+    "expo-navigation-bar": "~56.0.3",
-    "expo-navigation-bar": "~55.0.13",
+    "expo-notifications": "~56.0.13",
-    "expo-notifications": "~55.0.23",
+    "expo-router": "~56.2.6",
-    "expo-router": "~55.0.14",
+    "expo-secure-store": "~56.0.4",
-    "expo-secure-store": "~55.0.14",
+    "expo-splash-screen": "~56.0.10",
-    "expo-splash-screen": "~55.0.21",
+    "expo-sqlite": "~56.0.4",
-    "expo-sqlite": "~55.0.16",
+    "expo-status-bar": "~56.0.4",
-    "expo-status-bar": "~55.0.6",
+    "expo-system-ui": "^56.0.5",
-    "expo-system-ui": "^55.0.18",
+    "expo-web-browser": "~56.0.5",
-    "expo-web-browser": "~55.0.16",
     "react": "catalog:",
-    "react-native": "0.83.4",
+    "react-native": "0.85.3",
     "react-native-gesture-handler": "^2.31.2",
     "react-native-reanimated": "^4.3.1",
-    "react-native-safe-area-context": "~5.8.0",
+    "react-native-safe-area-context": "~5.7.0",
     "react-native-screens": "~4.25.2",
+    "react-native-worklets": "0.8.3",
     "use-latest-callback": "^0.3.4",
     "zod": "^4.4.3"
   },
@@ -72,8 +73,8 @@
     "@testing-library/react-native": "^13.3.3",
     "@types/jest": "^29.5.14",
     "@types/react": "~19.2.15",
-    "jest-expo": "^55.0.17",
+    "jest-expo": "^56.0.4",
     "react-test-renderer": "^19.2.6",
-    "typescript": "~5.9.2"
+    "typescript": "~6.0.3"
   }
 }

apps/mobile/tsconfig.json

@@ -3,6 +3,7 @@
   "compilerOptions": {
     "strict": true,
     "allowImportingTsExtensions": true,
-    "lib": ["DOM", "DOM.Iterable", "ESNext"]
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "types": ["jest"]
   }
 }

packages/i18n/src/client.test.ts

@@ -0,0 +1,16 @@
+/**
+ * @vitest-environment jsdom
+ */
+import { describe, expect, it } from "vitest";
+import { i18n, initI18nClient } from "./index.ts";
+
+describe("initI18nClient", () => {
+  it("normalizes regional html lang tags to supported languages", () => {
+    document.documentElement.lang = "de-DE";
+
+    initI18nClient();
+
+    expect(i18n.language).toBe("de");
+    expect(i18n.t("journal:nav.login")).toBe("Anmelden");
+  });
+});

packages/i18n/src/index.ts

@@ -64,6 +64,7 @@ export function initI18nClient() {
       ...commonOptions,
       detection: {
         order: ["htmlTag", "navigator"],
+        convertDetectedLanguage: (lng: string) => matchSupportedLng(lng),
         caches: [],
       },
     });

pnpm-workspace.yaml

@@ -21,5 +21,5 @@ catalog:
   react-dom: ^19.2.6
   react-router: ^7.15.1
   tailwindcss: ^4.3.0
-  typescript: ^5.8.3
+  typescript: ~6.0.3
   vite: ^8.0.13