Setup TypeScript and adjusting other configurations accordingly

.eslintrc.js

@@ -1,10 +1,58 @@
 module.exports = {
-    extends: 'expensify',
-    settings: {
-        'import/resolver': {
-            node: {
-                extensions: ['.js', '.native.js', '.web.js'],
+    root: true,
+    ignorePatterns: ['node_modules', 'dist'],
+    plugins: ['react', 'jsx-a11y', '@typescript-eslint'],
+    extends: ['eslint:recommended', 'airbnb', 'plugin:react/recommended', 'plugin:react/jsx-runtime', 'plugin:jsx-a11y/recommended', 'prettier'],
+    rules: {
+        'arrow-parens': [
+            'error',
+            'as-needed',
+            {
+                requireForBlockBody: true,
             },
-        },
+        ],
+        'no-invalid-this': 'error',
+        'react/function-component-definition': [
+            'error',
+            {
+                namedComponents: 'function-declaration',
+                unnamedComponents: 'arrow-function',
+            },
+        ],
+        'no-restricted-syntax': [
+            'error',
+            // The following four selectors prevent the usage of async/await
+            {
+                selector: 'AwaitExpression',
+                message: 'async/await is not allowed',
+            },
+            {
+                selector: 'FunctionDeclaration[async=true]',
+                message: 'async functions are not allowed',
+            },
+            {
+                selector: 'FunctionExpression[async=true]',
+                message: 'async functions are not allowed',
+            },
+            {
+                selector: 'ArrowFunctionExpression[async=true]',
+                message: 'async functions are not allowed',
+            },
+            {
+                selector: 'MethodDefinition[async=true]',
+                message: 'async methods are not allowed',
+            },
+        ],
     },
+    overrides: [
+        {
+            files: ['*.ts', '*.tsx'],
+            plugins: ['@typescript-eslint'],
+            extends: ['plugin:@typescript-eslint/recommended-type-checked', 'airbnb-typescript', 'prettier'],
+            parser: '@typescript-eslint/parser',
+            parserOptions: {
+                project: './tsconfig.json',
+            },
+        },
+    ],
 };

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,18 +1,23 @@
 <!-- If necessary, assign reviewers that know the area or changes well. Feel free to tag any additional reviewers you see fit. -->
 
 ### Details
+
 <!-- Explanation of the change or anything fishy that is going on -->
 
 ### Related Issues
+
 <!-- Please replace GH_LINK with the link to the GitHub issue this Pull Request is related to -->
+
 GH_LINK
 
 ### Manual Tests
+
 <!---
 Most changes should have accompanying tests. Describe the tests you added or if no tests were added an explanation about why one was not needed.
 --->
 
 ### Linked PRs
+
 <!---
 Please include links to any update PRs in repos that must change their package.json version.
 --->

.github/workflows/cla.yml

@@ -28,7 +28,7 @@ jobs:
               uses: cla-assistant/github-action@948230deb0d44dd38957592f08c6bd934d96d0cf
               env:
                   GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-                  PERSONAL_ACCESS_TOKEN : ${{ secrets.CLA_BOTIFY_TOKEN }}
+                  PERSONAL_ACCESS_TOKEN: ${{ secrets.CLA_BOTIFY_TOKEN }}
               with:
                   path-to-signatures: '${{ github.repository }}/cla.json'
                   path-to-document: 'https://github.com/${{ github.repository }}/blob/main/CLA.md'

.github/workflows/publish.yml

@@ -19,27 +19,27 @@ jobs:
         steps:
             - uses: actions/checkout@v3
               with:
-                ref: main
+                  ref: main
 
             - name: Decrypt & Import OSBotify GPG key
               run: |
-                cd .github
-                gpg --quiet --batch --yes --decrypt --passphrase="$LARGE_SECRET_PASSPHRASE" --output OSBotify-private-key.asc OSBotify-private-key.asc.gpg
-                gpg --import OSBotify-private-key.asc
+                  cd .github
+                  gpg --quiet --batch --yes --decrypt --passphrase="$LARGE_SECRET_PASSPHRASE" --output OSBotify-private-key.asc OSBotify-private-key.asc.gpg
+                  gpg --import OSBotify-private-key.asc
               env:
-                LARGE_SECRET_PASSPHRASE: ${{ secrets.LARGE_SECRET_PASSPHRASE }}
+                  LARGE_SECRET_PASSPHRASE: ${{ secrets.LARGE_SECRET_PASSPHRASE }}
 
             - name: Set up git for OSBotify
               run: |
-                git config --global user.signingkey 367811D53E34168C
-                git config --global commit.gpgsign true
-                git config --global user.name OSBotify
-                git config --global user.email infra+osbotify@expensify.com
+                  git config --global user.signingkey 367811D53E34168C
+                  git config --global commit.gpgsign true
+                  git config --global user.name OSBotify
+                  git config --global user.email infra+osbotify@expensify.com
 
             - uses: actions/setup-node@v3
               with:
-                node-version: '16.x'
-                registry-url: 'https://registry.npmjs.org'
+                  node-version: '16.x'
+                  registry-url: 'https://registry.npmjs.org'
 
             - name: Generate branch name
               run: echo "BRANCH_NAME=OSBotify-bump-version-$(uuidgen)" >> $GITHUB_ENV
@@ -61,27 +61,27 @@ jobs:
 
             - name: Create pull request
               run: |
-                gh pr create \
-                  --title "Update version to ${{ env.NEW_VERSION }}" \
-                  --body "Update version to ${{ env.NEW_VERSION }}"
-                sleep 5
+                  gh pr create \
+                    --title "Update version to ${{ env.NEW_VERSION }}" \
+                    --body "Update version to ${{ env.NEW_VERSION }}"
+                  sleep 5
               env:
-                GITHUB_TOKEN: ${{ secrets.OS_BOTIFY_TOKEN }}
+                  GITHUB_TOKEN: ${{ secrets.OS_BOTIFY_TOKEN }}
 
             - name: Auto-approve pull request
               run: gh pr review --approve ${{ env.BRANCH_NAME }}
               env:
-                GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+                  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
             - name: Auto-merge pull request
               run: gh pr merge --merge --delete-branch ${{ env.BRANCH_NAME }}
               env:
-                GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+                  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
             - name: Build package
               run: npm run build
 
             - name: Publish to npm
               run: npm publish
               env:
-                NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+                  NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/style_and_syntax_checks.yml

@@ -0,0 +1,30 @@
+name: Style and Syntax Checks
+
+on:
+    pull_request:
+        types: [opened, synchronize]
+
+jobs:
+    checks:
+        runs-on: ubuntu-latest
+        steps:
+            - name: Checkout code
+              uses: actions/checkout@v3
+
+            - name: Setup Node
+              uses: actions/setup-node@v3
+              with:
+                  node-version: 18
+                  cache: npm
+
+            - name: Install dependencies
+              run: npm ci
+
+            - name: Run ESLint
+              run: npx eslint src
+
+            - name: Run Prettier
+              run: npx prettier . --check
+
+            - name: Run TypeScript checks
+              run: npm run ts

.prettierignore

@@ -1,17 +1,17 @@
 # The GH actions don't seem to compile and verify themselves well when Prettier is applied to them
-.github/actions/javascript/**/index.js
-.well-known
-desktop/dist/**/*.js
-dist/**/*.js
-assets/animations
-android
-ios
-vendor
-package.json
-package-lock.json
-*.html
-*.yml
-*.yaml
-*.css
-*.scss
-*.md
+# .github/actions/javascript/**/index.js
+# .well-known
+# desktop/dist/**/*.js
+# dist/**/*.js
+# assets/animations
+# android
+# ios
+# vendor
+# package.json
+# package-lock.json
+# *.html
+# *.yml
+# *.yaml
+# *.css
+# *.scss
+# *.md

README.md

@@ -1,7 +1,9 @@
 # `react-native-x-maps`
 
 # Deploying
+
 This repo automatically publishes to NPM when PRs are merged to main.
 
 # Contributing
+
 Right now, contributions to this library are done under https://github.com/Expensify/App. Please refer to that repo and all it's guidelines for contributing.

babel.config.json

@@ -0,0 +1,4 @@
+{
+    "presets": ["@babel/preset-env", ["@babel/preset-react", {"runtime": "automatic"}], "@babel/preset-typescript"],
+    "sourceMaps": true
+}