Setup App for TypeScript

.eslintignore

@@ -0,0 +1,3 @@
+**/node_modules/*
+**/dist/*
+.github/actions/**/index.js"

.eslintrc.js

@@ -1,3 +1,28 @@
+const restrictedImportPaths = [
+    {
+        name: 'react-native',
+        importNames: ['useWindowDimensions', 'StatusBar', 'TouchableOpacity', 'TouchableWithoutFeedback', 'TouchableNativeFeedback', 'TouchableHighlight', 'Pressable'],
+        message: [
+            '',
+            "For 'useWindowDimensions', please use 'src/hooks/useWindowDimensions' instead.",
+            "For 'TouchableOpacity', 'TouchableWithoutFeedback', 'TouchableNativeFeedback', 'TouchableHighlight', 'Pressable', please use 'PressableWithFeedback' and/or 'PressableWithoutFeedback' from 'src/components/Pressable' instead.",
+            "For 'StatusBar', please use 'src/libs/StatusBar' instead.",
+        ].join('\n'),
+    },
+    {
+        name: 'react-native-gesture-handler',
+        importNames: ['TouchableOpacity', 'TouchableWithoutFeedback', 'TouchableNativeFeedback', 'TouchableHighlight'],
+        message: "Please use 'PressableWithFeedback' and/or 'PressableWithoutFeedback' from 'src/components/Pressable' instead.",
+    },
+];
+
+const restrictedImportPatterns = [
+    {
+        group: ['**/assets/animations/**/*.json'],
+        message: "Do not import animations directly. Please use the 'src/components/LottieAnimations' import instead.",
+    },
+];
+
 module.exports = {
     extends: ['expensify', 'plugin:storybook/recommended', 'plugin:react-hooks/recommended', 'prettier', 'plugin:react-native-a11y/basic'],
     plugins: ['react-hooks', 'react-native-a11y'],
@@ -6,40 +31,138 @@ module.exports = {
     env: {
         jest: true,
     },
-    settings: {
-        'import/resolver': {
-            node: {
-                extensions: ['.js', '.website.js', '.desktop.js', '.native.js', '.ios.js', '.android.js', '.config.js'],
-            },
-        },
-    },
     globals: {
         __DEV__: 'readonly',
     },
-    rules: {
-        'no-restricted-imports': [
-            'error',
-            {
-                paths: [
-                    {
-                        name: 'react-native',
-                        importNames: ['useWindowDimensions', 'StatusBar', 'TouchableOpacity', 'TouchableWithoutFeedback', 'TouchableNativeFeedback', 'TouchableHighlight', 'Pressable'],
-                        message: [
-                            '',
-                            "For 'useWindowDimensions', please use 'src/hooks/useWindowDimensions' instead.",
-                            "For 'TouchableOpacity', 'TouchableWithoutFeedback', 'TouchableNativeFeedback', 'TouchableHighlight', 'Pressable', please use 'PressableWithFeedback' and/or 'PressableWithoutFeedback' from 'src/components/Pressable' instead.",
-                            "For 'StatusBar', please use 'src/libs/StatusBar' instead.",
-                        ].join('\n'),
+    overrides: [
+        {
+            files: ['*.js', '*.jsx', '*.ts', '*.tsx'],
+            rules: {
+                'rulesdir/onyx-props-must-have-default': 'off',
+                'react-native-a11y/has-accessibility-hint': ['off'],
+                'react-native-a11y/has-valid-accessibility-descriptors': [
+                    'error',
+                    {
+                        touchables: ['PressableWithoutFeedback', 'PressableWithFeedback'],
                     },
                 ],
             },
-        ],
-        'react-native-a11y/has-accessibility-hint': ['off'],
-        'react-native-a11y/has-valid-accessibility-descriptors': [
-            'error',
-            {
-                touchables: ['PressableWithoutFeedback', 'PressableWithFeedback'],
+        },
+        {
+            files: ['*.js', '*.jsx'],
+            settings: {
+                'import/resolver': {
+                    node: {
+                        extensions: ['.js', '.website.js', '.desktop.js', '.native.js', '.ios.js', '.android.js', '.config.js', '.ts', '.tsx'],
+                    },
+                },
             },
-        ],
-    },
+            rules: {
+                'import/extensions': [
+                    'error',
+                    'ignorePackages',
+                    {
+                        js: 'never',
+                        jsx: 'never',
+                        ts: 'never',
+                        tsx: 'never',
+                    },
+                ],
+                'no-restricted-imports': [
+                    'error',
+                    {
+                        paths: restrictedImportPaths,
+                        patterns: restrictedImportPatterns,
+                    },
+                ],
+            },
+        },
+        {
+            files: ['*.ts', '*.tsx'],
+            extends: [
+                'airbnb-typescript',
+                'plugin:@typescript-eslint/recommended',
+                'plugin:@typescript-eslint/recommended-requiring-type-checking',
+                'plugin:you-dont-need-lodash-underscore/all',
+                'prettier',
+            ],
+            plugins: ['@typescript-eslint', 'jsdoc', 'you-dont-need-lodash-underscore'],
+            parser: '@typescript-eslint/parser',
+            parserOptions: {
+                project: './tsconfig.json',
+            },
+            rules: {
+                // TODO: Remove the following rules after TypeScript migration is complete.
+                '@typescript-eslint/no-unsafe-argument': 'off',
+                '@typescript-eslint/no-unsafe-call': 'off',
+                '@typescript-eslint/no-unsafe-member-access': 'off',
+                '@typescript-eslint/no-unsafe-assignment': 'off',
+
+                '@typescript-eslint/naming-convention': [
+                    'error',
+                    {
+                        selector: ['variable', 'property'],
+                        format: ['camelCase', 'UPPER_CASE', 'PascalCase'],
+                    },
+                    {
+                        selector: 'function',
+                        format: ['camelCase', 'PascalCase'],
+                    },
+                    {
+                        selector: ['typeLike', 'enumMember'],
+                        format: ['PascalCase'],
+                    },
+                    {
+                        selector: ['parameter', 'method'],
+                        format: ['camelCase'],
+                    },
+                ],
+                '@typescript-eslint/ban-types': [
+                    'error',
+                    {
+                        types: {
+                            object: "Use 'Record<string, T>' instead.",
+                        },
+                        extendDefaults: true,
+                    },
+                ],
+                '@typescript-eslint/array-type': ['error', {default: 'array-simple'}],
+                '@typescript-eslint/no-unsafe-enum-comparison': 'error',
+                '@typescript-eslint/prefer-enum-initializers': 'error',
+                '@typescript-eslint/no-var-requires': 'off',
+                '@typescript-eslint/no-non-null-assertion': 'error',
+                '@typescript-eslint/no-explicit-any': 'error',
+                '@typescript-eslint/switch-exhaustiveness-check': 'error',
+                '@typescript-eslint/consistent-type-definitions': ['error', 'type'],
+                'es/no-nullish-coalescing-operators': 'off',
+                'es/no-optional-chaining': 'off',
+                'valid-jsdoc': 'off',
+                'jsdoc/no-types': 'error',
+                'import/no-extraneous-dependencies': 'off',
+                'rulesdir/prefer-underscore-method': 'off',
+                'rulesdir/prefer-import-module-contents': 'off',
+                'react/require-default-props': 'off',
+                'no-restricted-syntax': [
+                    'error',
+                    {
+                        selector: 'TSEnumDeclaration',
+                        message: "Please don't declare enums, use union types instead.",
+                    },
+                ],
+                'no-restricted-imports': [
+                    'error',
+                    {
+                        paths: [
+                            ...restrictedImportPaths,
+                            {
+                                name: 'underscore',
+                                message: 'Please use the corresponding method from lodash instead',
+                            },
+                        ],
+                        patterns: restrictedImportPatterns,
+                    },
+                ],
+            },
+        },
+    ],
 };