chore: upgrade deps

.eslintrc

@@ -3,6 +3,12 @@
 
   "plugins": ["react-native-globals"],
 
+  "settings": {
+    "react": {
+      "version": "detect",
+    },
+  },
+
   "env": {
     "es6": true,
     "react-native-globals/all": true,

.flowconfig

@@ -24,6 +24,12 @@
 
 ; Ignore metro
 .*/node_modules/metro/.*
+.*/node_modules/metro-config/.*
+
+; These should not be required directly
+; require from fbjs/lib instead: require('fbjs/lib/invariant')
+.*/node_modules/invariant/.*
+.*/node_modules/warning/.*
 
 ; Ignore duplicate modules under example/
 .*/example/node_modules/fbjs/.*
@@ -55,24 +61,64 @@ node_modules/react-native/flow
 [options]
 emoji=true
 
+esproposal.optional_chaining=enable
+esproposal.nullish_coalescing=enable
+
 module.system=haste
+module.system.haste.use_name_reducers=true
+# keep the following in sync with server/haste/hasteImpl.js
+# get basename
+module.system.haste.name_reducers='^.*/\([a-zA-Z0-9$_.-]+\.js\(\.flow\)?\)$' -> '\1'
+# strip .js or .js.flow suffix
+module.system.haste.name_reducers='^\(.*\)\.js\(\.flow\)?$' -> '\1'
+# strip .ios suffix
+module.system.haste.name_reducers='^\(.*\)\.ios$' -> '\1'
+module.system.haste.name_reducers='^\(.*\)\.android$' -> '\1'
+module.system.haste.name_reducers='^\(.*\)\.native$' -> '\1'
+module.system.haste.paths.blacklist=.*/__tests__/.*
+module.system.haste.paths.blacklist=.*/__mocks__/.*
+module.system.haste.paths.whitelist=<PROJECT_ROOT>/node_modules/react-native/Libraries/.*
+module.system.haste.paths.whitelist=<PROJECT_ROOT>/node_modules/react-native/RNTester/.*
+module.system.haste.paths.whitelist=<PROJECT_ROOT>/node_modules/react-native/IntegrationTests/.*
+module.system.haste.paths.blacklist=<PROJECT_ROOT>/node_modules/react-native/Libraries/Animated/src/polyfills/.*
 
 munge_underscores=true
 
-module.name_mapper='^expo$' -> 'emptyObject'
-module.name_mapper='^react-native-gesture-handler$' -> 'emptyObject'
-
 module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
 
 suppress_type=$FlowIssue
 suppress_type=$FlowFixMe
 suppress_type=$FlowFixMeProps
 suppress_type=$FlowFixMeState
 
-suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*[react_native_oss|react_native_fb][a-z,_]*\\)?)\\)
-suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*[react_native_oss|react_native_fb][a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*[react_native\\(_ios\\)?_oss|react_native\\(_ios\\)?_fb][a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*[react_native\\(_ios\\)?_oss|react_native\\(_ios\\)?_fb][a-z,_]*\\)?)\\)?:? #[0-9]+
 suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
 suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
 
+[lints]
+all=warn
+unnecessary-optional-chain=off
+
+# There is an ESLint rule for this
+unclear-type=off
+
+sketchy-null=off
+sketchy-null-number=warn
+sketchy-null-mixed=warn
+
+# This is noisy for now. We *do* still want to warn on importing types
+# from untyped files, which is covered by untyped-type-import
+untyped-import=off
+
+[strict]
+deprecated-type
+nonstrict-import
+sketchy-null
+unclear-type
+unsafe-getters-setters
+untyped-import
+untyped-type-import
+
 [version]
-^0.67.1
+^0.78.0

commitlint.config.js

@@ -0,0 +1,5 @@
+/* eslint-disable import/no-commonjs */
+
+module.exports = {
+  extends: ['@commitlint/config-conventional'],
+};

example/package.json

@@ -9,18 +9,16 @@
     "ios": "react-native-scripts ios"
   },
   "dependencies": {
-    "@expo/vector-icons": "^6.3.1",
-    "expo": "~27.0.2",
-    "prop-types": "15.6.1",
-    "react": "16.3.1",
-    "react-native": "~0.55.4",
-    "react-native-gesture-handler": "^1.0.1"
+    "@expo/vector-icons": "^9.0.0",
+    "expo": "^32.0.5",
+    "react": "16.5.0",
+    "react-native": "https://github.com/expo/react-native/archive/sdk-32.0.0.tar.gz"
   },
   "devDependencies": {
-    "babel-plugin-module-resolver": "^3.1.1",
-    "babel-preset-expo": "^4.0.0",
-    "glob-to-regexp": "^0.4.0",
-    "react-native-scripts": "1.13.1"
+    "babel-plugin-module-resolver": "^3.2.0",
+    "babel-preset-expo": "^5.0.0",
+    "expo-cli": "^2.10.1",
+    "glob-to-regexp": "^0.4.0"
   },
   "resolutions": {
     "**/prop-types": "15.6.1",

example/src/App.js

@@ -128,15 +128,15 @@ export default class ExampleList extends React.Component<{}, State> {
         ? ExampleComponent.backgroundColor
         : '#111';
     const tintColor =
-      ExampleComponent && ExampleComponent.tintColor
+      ExampleComponent && typeof ExampleComponent.tintColor === 'string'
         ? ExampleComponent.tintColor
         : 'white';
     const appbarElevation =
       ExampleComponent && Number.isFinite(ExampleComponent.appbarElevation)
         ? ExampleComponent.appbarElevation
         : 4;
     const statusBarStyle =
-      ExampleComponent && ExampleComponent.statusBarStyle
+      ExampleComponent && typeof ExampleComponent.statusBarStyle === 'string'
         ? ExampleComponent.statusBarStyle
         : 'light-content';
     const borderBottomWidth =

example/src/CoverflowExample.js

@@ -45,6 +45,7 @@ export default class CoverflowExample extends React.Component<*, State> {
 
   state = {
     index: 2,
+    /* $FlowFixMe */
     routes: Object.keys(ALBUMS).map(key => ({ key })),
   };