chore: bump react-native to 0.64

Author: tido64

metro.config.js

@@ -3,12 +3,24 @@
  * integration tests during local development or on CI services.
  */
 
-const blacklist = require('metro-config/src/defaults/blacklist');
+const exclusionList = require("metro-config/src/defaults/exclusionList");
+const path = require("path");
 
 module.exports = {
   projectRoot: `${__dirname}/example`,
   watchFolders: [__dirname],
   resolver: {
-    blacklistRE: blacklist([/node_modules\/react-native-macos\/.*/])
+    blockList: exclusionList([
+      // This stops "react-native run-windows" from causing the metro server to crash if its already running
+      new RegExp(
+        `${path
+          .resolve(__dirname, 'example', 'windows')
+          .replace(/[/\\]/g, '/')}.*`,
+      ),
+
+      // Workaround for `EBUSY: resource busy or locked, open '~\msbuild.ProjectImports.zip'`
+      // when building with `yarn windows --release`
+      /.*\.ProjectImports\.zip/,
+    ])
   },
 };

metro.config.macos.js

@@ -41,18 +41,17 @@
     "format:c": "clang-format -i $(git ls-files '*.cpp' '*.h' '*.m' '*.mm')",
     "format:js": "prettier --write $(git ls-files '*.js' '*.json' '*.yml')",
     "prepare": "bob build",
-    "start": "node node_modules/react-native/local-cli/cli.js start",
+    "start": "react-native start",
     "start:android": "react-native run-android --root example/",
     "start:ios": "react-native run-ios --project-path example/ios --scheme AsyncStorageExample",
     "start:web": "expo start:web",
-    "start:macos": "react-native start --use-react-native-macos",
     "start:windows": "react-native start --use-react-native-windows",
     "build:e2e:android": "scripts/android_e2e.sh 'build'",
     "build:e2e:ios": "scripts/ios_e2e.sh 'build'",
     "build:e2e:macos": "scripts/macos_e2e.sh 'build'",
     "bundle:android": "scripts/android_e2e.sh 'bundle'",
     "bundle:ios": "scripts/ios_e2e.sh 'bundle'",
-    "bundle:macos": "react-native bundle --entry-file index.js --platform macos --bundle-output example/index.macos.jsbundle --use-react-native-macos",
+    "bundle:macos": "react-native bundle --entry-file index.js --platform macos --bundle-output example/index.macos.jsbundle",
     "test": "yarn test:lint && yarn test:flow",
     "test:flow": "flow check",
     "test:lint": "eslint src/**/*.js example/**/*.js jest/*.js",
@@ -64,36 +63,33 @@
     "merge-options": "^3.0.4"
   },
   "peerDependencies": {
-    "react-native": "^0.0.0-0 || ^0.60.6 || ^0.61.5 || ^0.62.2 || ^0.63.2 || ^0.64.0 || ^0.65.0 || ^0.66.0 || 1000.0.0"
+    "react-native": "^0.0.0-0 || ^0.60.6 || ^0.61.5 || ^0.62.2 || ^0.63.2 || ^0.64.0 || ^0.65.0 || ^0.66.0 || ^0.67.0 || 1000.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.8.4",
-    "@babel/runtime": "^7.8.4",
-    "@expo/webpack-config": "^0.12.0",
-    "@react-native-community/cli": "^4.10.0",
-    "@react-native-community/cli-platform-android": "^4.10.0",
-    "@react-native-community/cli-platform-ios": "^4.10.0",
+    "@babel/core": "^7.12.0",
+    "@babel/preset-env": "^7.1.6",
+    "@expo/webpack-config": "^0.16.0",
+    "@react-native-community/cli": "^5.0.0",
+    "@react-native-community/cli-platform-android": "^5.0.0",
+    "@react-native-community/cli-platform-ios": "^5.0.0",
     "@react-native-community/eslint-config": "^3.0.0",
     "@semantic-release/changelog": "^5.0.1",
     "@semantic-release/git": "9.0.0",
     "detox": "17.10.6",
     "eslint": "^7.0.0",
-    "expo": "^38.0.10",
-    "flow-bin": "^0.122.0",
+    "expo": "^43.0.0",
+    "flow-bin": "^0.137.0",
     "jest": "^26.5.3",
     "jest-circus": "^26.6.1",
-    "metro": "^0.59.0",
-    "metro-config": "^0.59.0",
-    "metro-react-native-babel-preset": "^0.59.0",
-    "react": "16.13.1",
-    "react-dom": "16.13.1",
-    "react-native": "0.63.4",
+    "react": "17.0.1",
+    "react-dom": "17.0.1",
+    "react-native": "^0.64.0",
     "react-native-builder-bob": "^0.18.0",
-    "react-native-macos": "^0.63.4",
-    "react-native-test-app": "^0.9.5",
-    "react-native-web": "~0.12.0",
-    "react-native-windows": "^0.63.41",
-    "react-test-renderer": "16.13.1",
+    "react-native-macos": "^0.64.0",
+    "react-native-test-app": "^0.9.16",
+    "react-native-web": "^0.17.0",
+    "react-native-windows": "^0.64.0",
+    "react-test-renderer": "17.0.1",
     "semantic-release": "^17.4.6"
   },
   "jest": {

metro.config.windows.js

@@ -17,9 +17,6 @@
 
 const path = require('path');
 
-const macSwitch = '--use-react-native-macos';
-const windowsSwitch = '--use-react-native-windows';
-
 const dependencies = {
   '@react-native-async-storage/async-storage': {
     root: __dirname,
@@ -38,24 +35,22 @@ const dependencies = {
       windows: null,
     },
   },
+  // We don't use Expo in our test apps
+  'expo': {
+    platforms: {
+      android: null,
+      ios: null,
+      macos: null,
+      windows: null,
+    },
+  },
 };
 
-if (process.argv.includes(macSwitch)) {
-  process.argv = process.argv.filter((arg) => arg !== macSwitch);
-  process.argv.push('--config=metro.config.macos.js');
-  module.exports = {
-    dependencies,
-    reactNativePath: path.join('node_modules', 'react-native-macos'),
-  };
-} else if (
-  process.argv.includes(windowsSwitch) ||
+if (
+  process.argv.includes('--use-react-native-windows') ||
   process.argv.includes('autolink-windows') ||
   process.argv.includes('run-windows')
 ) {
-  if (process.argv.includes(windowsSwitch)) {
-    process.argv = process.argv.filter((arg) => arg !== windowsSwitch);
-    process.argv.push('--config=./metro.config.windows.js');
-  }
   const sourceDir = path.join('example', 'windows');
   module.exports = {
     dependencies,