fix: Align podspec reqs with expo 52 (#199)

* feat: Upgrade for Expo v52 compatibility

* docs(changeset): align podspec platform requirements with expo version

* fix: align platform with expo 52 requirement (15.1)

Author: trevor-coleman

.changeset/afraid-knives-pull.md

@@ -5,7 +5,6 @@ import { ExpoConfig, ConfigContext } from "@expo/config"
  * Use ts-node here so we can use TypeScript for our Config Plugins
  * and not have to compile them to JavaScript
  */
-const { withSplashScreen } = require("./plugins/withSplashScreen")
 const { withFlipperDisabled } = require("./plugins/withFlipperDisabled")
 /**
  * @param config ExpoConfig coming from the static config app.json if it exists
@@ -17,6 +16,6 @@ module.exports = ({ config }: ConfigContext): Partial<ExpoConfig> => {
   const existingPlugins = config.plugins ?? []
   return {
     ...config,
-    plugins: [...existingPlugins, withSplashScreen, withFlipperDisabled],
+    plugins: [...existingPlugins, withFlipperDisabled],
   }
 }

.changeset/fifty-walls-fry.md

@@ -14,52 +14,33 @@
     "version": "1.0.0",
     "orientation": "portrait",
     "icon": "./assets/images/app-icon-all.png",
-    "splash": {
-      "image": "./assets/images/splash-logo-all.png",
-      "resizeMode": "contain",
-      "backgroundColor": "#F4F2F1"
-    },
     "updates": {
       "fallbackToCacheTimeout": 0
     },
     "jsEngine": "hermes",
-    "assetBundlePatterns": ["**/*"],
+    "assetBundlePatterns": [
+      "**/*"
+    ],
     "android": {
       "icon": "./assets/images/app-icon-android-legacy.png",
       "package": "red.infinite.reactnativemlkit.example",
       "adaptiveIcon": {
         "foregroundImage": "./assets/images/app-icon-android-adaptive-foreground.png",
         "backgroundImage": "./assets/images/app-icon-android-adaptive-background.png",
         "backgroundColor": "#F4F2F1"
-      },
-      "splash": {
-        "image": "./assets/images/splash-logo-android-universal.png",
-        "resizeMode": "contain",
-        "backgroundColor": "#F4F2F1"
       }
     },
     "ios": {
       "icon": "./assets/images/app-icon-ios.png",
       "supportsTablet": true,
       "bundleIdentifier": "red.infinite.reactnativemlkit.example",
-      "splash": {
-        "image": "./assets/images/splash-logo-ios-mobile.png",
-        "tabletImage": "./assets/images/splash-logo-ios-tablet.png",
-        "resizeMode": "contain",
-        "backgroundColor": "#F4F2F1"
-      },
       "infoPlist": {
-        "NSCameraUsageDescription": "This app uses the camera to help with facial detection.",
+        "NSCameraUsageDescription": "This app uses the camera to take pictures to demo the machine learning algorithms. (Face detection, Object detection and Image Labelling).",
         "NSPhotoLibraryUsageDescription": "This app uses the photo library to select images for Machine Learning purposes. i.e. Object and Image detection."
       }
     },
     "web": {
       "favicon": "./assets/images/app-icon-web-favicon.png",
-      "splash": {
-        "image": "./assets/images/splash-logo-web.png",
-        "resizeMode": "contain",
-        "backgroundColor": "#F4F2F1"
-      },
       "bundler": "metro"
     },
     "plugins": [
@@ -70,15 +51,23 @@
           "ios": {
             "newArchEnabled": false,
             "flipper": false,
-            "deploymentTarget": "15.8.3"
+            "deploymentTarget": "15.1"
           },
           "android": {
             "newArchEnabled": false,
-            "compileSdkVersion": 34
+            "compileSdkVersion": 35
           }
         }
       ],
-      "expo-font"
+      "expo-font",
+      [
+        "expo-splash-screen",
+        {
+          "image": "./assets/images/splash-logo-android-universal.png",
+          "backgroundColor": "#F4F2F1",
+          "imageWidth": 250
+        }
+      ]
     ],
     "experiments": {
       "tsconfigPaths": true

.yarn/cache/@expo-config-npm-8.0.5-3b1397a95b-1755cbbec2.zip

@@ -31,42 +31,42 @@
   },
   "dependencies": {
     "@expo-google-fonts/space-grotesk": "^0.2.2",
-    "@expo/metro-runtime": "~3.2.1",
+    "@expo/metro-runtime": "~4.0.1",
     "@infinitered/react-native-mlkit-document-scanner": "workspace:^2.0.1",
     "@infinitered/react-native-mlkit-face-detection": "workspace:^2.0.1",
     "@infinitered/react-native-mlkit-image-labeling": "workspace:^2.0.1",
     "@infinitered/react-native-mlkit-object-detection": "workspace:^2.0.1",
-    "@react-native-async-storage/async-storage": "1.23.1",
-    "@react-navigation/native": "^6.0.2",
+    "@react-native-async-storage/async-storage": "^2.0.0",
+    "@react-navigation/native": "^6.0.8",
     "@react-navigation/native-stack": "^6.0.2",
-    "@shopify/flash-list": "1.6.4",
+    "@shopify/flash-list": "1.7.1",
     "apisauce": "3.0.1",
     "date-fns": "^2.30.0",
-    "expo": "^51.0.0",
-    "expo-build-properties": "~0.12.3",
-    "expo-dev-client": "~4.0.15",
-    "expo-font": "~12.0.7",
-    "expo-image": "~1.12.11",
-    "expo-image-picker": "~15.0.5",
-    "expo-linking": "~6.3.1",
-    "expo-localization": "~15.0.3",
-    "expo-splash-screen": "~0.27.5",
-    "expo-status-bar": "~1.12.1",
+    "expo": "^52.0.28",
+    "expo-build-properties": "~0.13.2",
+    "expo-dev-client": "~5.0.11",
+    "expo-font": "~13.0.3",
+    "expo-image": "~2.0.4",
+    "expo-image-picker": "~16.0.5",
+    "expo-linking": "~7.0.5",
+    "expo-localization": "~16.0.1",
+    "expo-splash-screen": "~0.29.21",
+    "expo-status-bar": "~2.0.1",
     "i18n-js": "3.9.2",
     "mobx": "6.10.2",
     "mobx-react-lite": "4.0.5",
     "mobx-state-tree": "5.3.0",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-native": "0.74.2",
-    "react-native-gesture-handler": "~2.16.1",
-    "react-native-reanimated": "~3.10.1",
-    "react-native-safe-area-context": "4.10.1",
-    "react-native-screens": "3.31.1",
-    "react-native-web": "~0.19.10"
+    "react": "18.3.1",
+    "react-dom": "^18.3.1",
+    "react-native": "^0.76.0",
+    "react-native-gesture-handler": "^2.20.0",
+    "react-native-reanimated": "^3.16.1",
+    "react-native-safe-area-context": "^4.12.0",
+    "react-native-screens": "^3.34.0",
+    "react-native-web": "~0.19.13"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.0",
+    "@babel/core": "^7.25.2",
     "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
     "@babel/plugin-proposal-nullish-coalescing-operator": "^7.0.0",
     "@babel/plugin-proposal-optional-chaining": "^7.0.0",
@@ -76,9 +76,14 @@
     "@babel/preset-env": "^7.20.0",
     "@babel/runtime": "^7.20.0",
     "@infinitered/tsconfig": "0.3.0",
+    "@react-native-community/cli": "^15.0.0",
+    "@react-native-community/cli-platform-android": "^15.0.0",
+    "@react-native-community/cli-platform-ios": "^15.0.0",
+    "@react-native/metro-config": "^0.76.0",
+    "@rnx-kit/align-deps": "^3.0.3",
     "@types/i18n-js": "3.8.2",
     "@types/jest": "^29.2.1",
-    "@types/react": "~18.2.79",
+    "@types/react": "~18.3.12",
     "@types/react-test-renderer": "^18.0.0",
     "@typescript-eslint/eslint-plugin": "^5.59.0",
     "@typescript-eslint/parser": "^5.59.0",
@@ -94,18 +99,18 @@
     "eslint-plugin-reactotron": "^0.1.2",
     "expo-atlas": "^0.3.0",
     "jest": "^29.2.1",
-    "jest-expo": "~51.0.1",
+    "jest-expo": "~52.0.3",
     "patch-package": "6.4.7",
     "postinstall-prepare": "1.0.1",
     "prettier": "2.8.8",
-    "react-test-renderer": "18.2.0",
+    "react-test-renderer": "18.3.1",
     "reactotron-core-client": "^2.8.13",
     "reactotron-mst": "^3.1.7",
     "reactotron-react-js": "^3.3.11",
     "reactotron-react-native": "^5.0.5",
     "ts-jest": "^29.1.1",
     "ts-node": "^10.9.2",
-    "typescript": "~5.3.3"
+    "typescript": "~5.1.6"
   },
   "engines": {
     "node": ">=18"
@@ -188,5 +193,28 @@
       "space-before-function-paren": 0,
       "reactotron/no-tron-in-production": "error"
     }
+  },
+  "rnx-kit": {
+    "kitType": "app",
+    "alignDeps": {
+      "requirements": [
+        "[email protected]"
+      ],
+      "capabilities": [
+        "animation",
+        "core",
+        "core-android",
+        "core-ios",
+        "gestures",
+        "jest",
+        "navigation/native",
+        "react",
+        "react-dom",
+        "react-test-renderer",
+        "safe-area",
+        "screens",
+        "storage"
+      ]
+    }
   }
 }

.yarn/cache/@expo-config-plugins-npm-6.0.2-df2855e295-2c689f767d.zip

@@ -1,5 +1,5 @@
 // babel.config.js
 module.exports = {
-  presets: ["module:metro-react-native-babel-preset"],
+  presets: ["module:@react-native/babel-preset"],
   plugins: [["@babel/plugin-transform-private-methods", { loose: true }]],
 };

.yarn/cache/@expo-config-types-npm-48.0.0-c3ff38d525-11c4b0bb5c.zip

@@ -10,7 +10,7 @@ Pod::Spec.new do |s|
   s.license        = package['license']
   s.author         = package['author']
   s.homepage       = package['homepage']
-  s.platform       = :ios, '15.8.3'
+  s.platform       = :ios, '15.1'
   s.swift_version  = '5.4'
   s.source         = { git: 'http://github.com/infinitered/react-native-mlkit' }
   s.static_framework = true

.yarn/cache/@expo-json-file-npm-8.2.37-ca1e62c2c0-f04e71654c.zip

@@ -14,5 +14,4 @@ module.exports = {
     ],
   },
   moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json", "node"],
-  setupFilesAfterEnv: ["./jest-setup.js"],
 };

.yarn/cache/@expo-plist-npm-0.0.20-ddaf16fcad-74dea791f8.zip

@@ -29,14 +29,15 @@
   "devDependencies": {
     "@babel/plugin-transform-private-methods": "^7.24.7",
     "@infinitered/tsconfig": "0.3.0",
-    "@testing-library/react-native": "^12.3.0",
-    "expo-image": "^1.10.6",
+    "@rnx-kit/align-deps": "^3.0.3",
+    "@testing-library/react-native": "^13.0.1",
+    "expo-image": "^2.0.4",
     "expo-module-scripts": "^3.4.1",
-    "expo-modules-core": "^1.12.14",
+    "expo-modules-core": "^2.2.0",
     "jest": "^29.7.0",
-    "jest-expo": "^48.0.0",
+    "jest-expo": "^52.0.3",
     "ts-jest": "^29.1.1",
-    "typescript": "^5.3.0"
+    "typescript": "~5.1.6"
   },
   "peerDependencies": {
     "expo": "*",
@@ -48,5 +49,25 @@
     "@testing-library/jest-native": "^5.4.3",
     "@testing-library/react-hooks": "^8.0.1",
     "@types/jest": "^29.5.5"
+  },
+  "rnx-kit": {
+    "kitType": "library",
+    "alignDeps": {
+      "requirements": {
+        "development": [
+          "[email protected]"
+        ],
+        "production": [
+          "react-native@*"
+        ]
+      },
+      "capabilities": [
+        "core",
+        "core-android",
+        "core-ios",
+        "jest",
+        "react"
+      ]
+    }
   }
 }

.yarn/cache/@graphql-typed-document-node-core-npm-3.2.0-505adb1e90-fa44443acc.zip

@@ -30,9 +30,9 @@
     "@infinitered/react-native-mlkit-core": "2.1.0"
   },
   "devDependencies": {
-    "@types/react": "~18.2.45",
+    "@types/react": "~18.3.12",
     "expo-module-scripts": "^3.4.1",
-    "expo-modules-core": "^1.12.14"
+    "expo-modules-core": "~2.2.0"
   },
   "peerDependencies": {
     "expo": "*",

.yarn/cache/@react-native-normalize-color-npm-2.1.0-f85aac1754-8ccbd40b3c.zip

@@ -10,7 +10,7 @@ Pod::Spec.new do |s|
   s.license        = package['license']
   s.author         = package['author']
   s.homepage       = package['homepage']
-  s.platform       = :ios, '15.8.3'
+  s.platform       = :ios, '15.1'
   s.swift_version  = '5.4'
   s.source         = { git: 'http://github.com/infinitered/react-native-mlkit' }
   s.static_framework = true

.yarn/cache/@urql-core-npm-2.3.6-20957b363b-39b10abc9b.zip

@@ -30,9 +30,9 @@
     "@infinitered/react-native-mlkit-core": "2.1.0"
   },
   "devDependencies": {
-    "@types/react": "~18.2.45",
+    "@types/react": "~18.3.12",
     "expo-module-scripts": "^3.4.1",
-    "expo-modules-core": "^1.12.14"
+    "expo-modules-core": "~2.2.0"
   },
   "peerDependencies": {
     "expo": "*",

.yarn/cache/@urql-exchange-retry-npm-0.3.0-0af99183c0-7638518e80.zip

@@ -4,10 +4,12 @@ import {
   RNMLKitFaceDetectionResult,
 } from "../types";
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 async function initialize(options?: RNMLKitFaceDetectorOptions) {
   return await RNMLKitFaceDetectionModule.initialize(options);
 }
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 async function detectFaces(imageUri: string) {
   return await RNMLKitFaceDetectionModule.detectFaces(imageUri);
 }

.yarn/cache/builtins-npm-1.0.3-f09d2d57f2-47ce94f7ee.zip

@@ -10,7 +10,7 @@ Pod::Spec.new do |s|
   s.license        = package['license']
   s.author         = package['author']
   s.homepage       = package['homepage']
-  s.platform       = :ios, '15.8.3'
+  s.platform       = :ios, '15.1'
   s.swift_version  = '5.4'
   s.source         = { git: 'https://github.com/infinitered/react-native-mlkit' }
   s.static_framework = true