chore: migrate codegen to TypeScript

.eslintrc.js

@@ -22,7 +22,11 @@ module.exports = {
       'react-native-screens/createNativeStackNavigator',
       'react-native-screens/reanimated',
     ],
-    'import/ignore': ['node_modules/react-native/index\\.js$'],
+    'import/ignore': [
+      'node_modules/react-native/index\\.js$', 
+      'react-native/Libraries/Utilities/codegenNativeComponent.*',
+      'react-native/Libraries/Types/CodegenTypes.*'
+    ],
     'import/resolver': {
       node: {
         paths: ['src'],

package.json

@@ -14,7 +14,8 @@
     "lint-android": "./android/gradlew -p android spotlessCheck -q",
     "lint": "yarn lint-js && yarn lint-android",
     "release": "npm login && release-it",
-    "prepare": "bob build && husky install"
+    "prepare": "bob build && husky install",
+    "postinstall": "patch-package"
   },
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -71,11 +72,10 @@
     "@react-navigation/native": "^5.8.0",
     "@react-navigation/stack": "^5.10.0",
     "@types/jest": "^26.0.8",
-    "@types/react": "^16.9.44",
-    "@types/react-native": "^0.63.2",
+    "@types/react": "^18.0.24",
     "@types/react-test-renderer": "^16.9.2",
-    "@typescript-eslint/eslint-plugin": "^3.7.1",
-    "@typescript-eslint/parser": "^3.7.1",
+    "@typescript-eslint/eslint-plugin": "^5.48.2",
+    "@typescript-eslint/parser": "^5.48.2",
     "@react-native-community/cli": "^9.0.0",
     "@react-native-community/cli-platform-android": "^9.0.0",
     "@react-native-community/cli-platform-ios": "^9.0.0",
@@ -99,22 +99,24 @@
     "lint-staged": "^11.1.2",
     "metro-react-native-babel-preset": "^0.61.0",
     "prettier": "^2.0.4",
-    "react": "^16.13.1",
+    "react": "18.2.0",
     "react-dom": "^16.13.1",
-    "react-native": "^0.63.2",
+    "react-native": "0.71.0",
     "react-native-reanimated": "^2.2.0",
-    "react-native-safe-area-context": "^4.0.1-rc.5",
+    "react-native-safe-area-context": "^4.4.1",
     "react-native-windows": "^0.64.8",
     "react-navigation": "^4.4.3",
     "react-navigation-stack": "^2.9.0",
     "react-test-renderer": "^16.13.1",
     "release-it": "^13.5.2",
-    "typescript": "^3.9.7"
+    "patch-package": "6.5.1",
+    "typescript": "4.8.4"
   },
   "resolutions": {
     "@react-native-community/cli-platform-android": "^9.0.0",
     "@react-native-community/cli": "^9.0.0",
-    "@react-native-community/cli-platform-ios": "^9.0.0"
+    "@react-native-community/cli-platform-ios": "^9.0.0",
+    "@types/react": "^18.0.24"
   },
   "lint-staged": {
     "{src,Example}/**/*.{js,ts,tsx}": "yarn format-js",

patches/react-navigation-stack+2.10.4.patch

@@ -0,0 +1,80 @@
+diff --git a/node_modules/react-navigation-stack/src/vendor/types.tsx b/node_modules/react-navigation-stack/src/vendor/types.tsx
+index 977e7d4..50cdd8e 100644
+--- a/node_modules/react-navigation-stack/src/vendor/types.tsx
++++ b/node_modules/react-navigation-stack/src/vendor/types.tsx
+@@ -104,17 +104,17 @@ export type Scene<T> = {
+     /**
+      * Progress value of the current screen.
+      */
+-    current: Animated.AnimatedInterpolation;
++    current: Animated.AnimatedInterpolation<number>;
+     /**
+      * Progress value for the screen after this one in the stack.
+      * This can be `undefined` in case the screen animating is the last one.
+      */
+-    next?: Animated.AnimatedInterpolation;
++    next?: Animated.AnimatedInterpolation<number>;
+     /**
+      * Progress value for the screen before this one in the stack.
+      * This can be `undefined` in case the screen animating is the first one.
+      */
+-    previous?: Animated.AnimatedInterpolation;
++    previous?: Animated.AnimatedInterpolation<number>;
+   };
+ };
+
+@@ -509,7 +509,7 @@ export type StackCardInterpolationProps = {
+     /**
+      * Animated node representing the progress value of the current screen.
+      */
+-    progress: Animated.AnimatedInterpolation;
++    progress: Animated.AnimatedInterpolation<number>;
+   };
+   /**
+    * Values for the current screen the screen after this one in the stack.
+@@ -519,7 +519,7 @@ export type StackCardInterpolationProps = {
+     /**
+      * Animated node representing the progress value of the next screen.
+      */
+-    progress: Animated.AnimatedInterpolation;
++    progress: Animated.AnimatedInterpolation<number>;
+   };
+   /**
+    * The index of the card in the stack.
+@@ -528,15 +528,15 @@ export type StackCardInterpolationProps = {
+   /**
+    * Animated node representing whether the card is closing (1 - closing, 0 - not closing).
+    */
+-  closing: Animated.AnimatedInterpolation;
++  closing: Animated.AnimatedInterpolation<number>;
+   /**
+    * Animated node representing whether the card is being swiped (1 - swiping, 0 - not swiping).
+    */
+-  swiping: Animated.AnimatedInterpolation;
++  swiping: Animated.AnimatedInterpolation<number>;
+   /**
+    * Animated node representing multiplier when direction is inverted (-1 - inverted, 1 - normal).
+    */
+-  inverted: Animated.AnimatedInterpolation;
++  inverted: Animated.AnimatedInterpolation<number>;
+   /**
+    * Layout measurements for various items we use for animation.
+    */
+@@ -588,7 +588,7 @@ export type StackHeaderInterpolationProps = {
+     /**
+      * Animated node representing the progress value of the current screen.
+      */
+-    progress: Animated.AnimatedInterpolation;
++    progress: Animated.AnimatedInterpolation<number>;
+   };
+   /**
+    * Values for the current screen the screen after this one in the stack.
+@@ -598,7 +598,7 @@ export type StackHeaderInterpolationProps = {
+     /**
+      * Animated node representing the progress value of the next screen.
+      */
+-    progress: Animated.AnimatedInterpolation;
++    progress: Animated.AnimatedInterpolation<number>;
+   };
+   /**
+    * Layout measurements for various items we use for animation.

src/fabric/FullWindowOverlayNativeComponent.ts

@@ -0,0 +1,6 @@
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import type { ViewProps } from 'react-native';
+
+interface NativeProps extends ViewProps {}
+
+export default codegenNativeComponent<NativeProps>('RNSFullWindowOverlay', {});

src/fabric/ScreenContainerNativeComponent.ts

@@ -0,0 +1,6 @@
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import type { ViewProps } from 'react-native';
+
+interface NativeProps extends ViewProps {}
+
+export default codegenNativeComponent<NativeProps>('RNSScreenContainer', {});