[Monorepo] Setup linters

.eslintrc.json

@@ -1,4 +1,5 @@
 {
+  "root": true,
   "extends": [
     "plugin:@typescript-eslint/recommended",
     "plugin:@typescript-eslint/recommended-requiring-type-checking",
@@ -15,7 +16,7 @@
     "project": ["./tsconfig.json"]
   },
   "env": { "browser": true, "node": true, "jest/globals": true },
-  "plugins": ["jest"],
+  "plugins": ["react", "jest"],
   "ignorePatterns": ["packages/react-native-gesture-handler/lib/**/*"],
   "rules": {
     // removed in new jest-eslint-plugin, referenced in satya config
@@ -26,19 +27,28 @@
       "warn",
       { "assertFunctionNames": ["expect*", "assert*"] }
     ],
+    "jest/no-conditional-expect": "warn",
+
     // temporary, remove after we type internals better
     "@typescript-eslint/restrict-template-expressions": "warn",
     "@typescript-eslint/no-unsafe-member-access": "warn",
     "@typescript-eslint/no-unsafe-call": "warn",
     "@typescript-eslint/no-unsafe-assignment": "warn",
+    "@typescript-eslint/no-unsafe-argument": "warn",
     "@typescript-eslint/no-unsafe-return": "warn",
+    "@typescript-eslint/no-non-null-assertion": "warn",
     "@typescript-eslint/ban-types": "warn",
 
     // common
     "@typescript-eslint/explicit-module-boundary-types": "off",
     "import/named": "off",
     "react/sort-comp": "off",
     "react/no-unused-prop-types": "warn",
+    "react-hooks/exhaustive-deps": "warn",
+    "@typescript-eslint/no-floating-promises": "warn",
+    "@eslint-react/no-missing-component-display-name": "warn",
+    "@eslint-react/no-nested-components": "warn",
+    "@eslint-react/no-nested-component-definitions": "warn",
     "prefer-const": [
       "error",
       {
@@ -49,6 +59,13 @@
       "error",
       { "argsIgnorePattern": "^_" }
     ],
+    "@typescript-eslint/no-explicit-any": "warn",
+    "@typescript-eslint/no-redundant-type-constituents": "warn",
+    "@typescript-eslint/no-empty-function": "error",
+    "@typescript-eslint/no-misused-promises": "warn",
+    "@eslint-react/no-array-index-key": "warn",
+    "@eslint-react/hooks-extra/no-direct-set-state-in-use-effect": "warn",
+    "@eslint-react/hooks-extra/prefer-use-state-lazy-initialization": "warn",
     "no-redeclare": "off",
     "@typescript-eslint/no-redeclare": "error",
     "no-use-before-define": "off",
@@ -61,6 +78,7 @@
       }
     ],
     "curly": "error",
-    "spaced-comment": "error"
+    "spaced-comment": "error",
+    "no-alert": "warn"
   }
 }

.github/workflows/android-build.yml

@@ -3,10 +3,8 @@ on:
   pull_request:
     paths:
       - '.github/workflows/android-build.yml'
-      - 'android/**'
-      - 'Common/**'
-      - 'example/android/**'
-      - 'FabricExample/android/**'
+      - 'packages/react-native-gesture-handler/android/**'
+      - 'apps/BasicExample/android/**'
   push:
     branches:
       - main
@@ -17,7 +15,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        working-directory: [example, FabricExample]
+        working-directory: [apps/BasicExample, apps/ExpoExample]
     concurrency:
       group: android-${{ matrix.working-directory }}-${{ github.ref }}
       cancel-in-progress: true
@@ -36,7 +34,7 @@ jobs:
           cache: 'yarn'
       - name: Install node dependencies
         working-directory: ${{ matrix.working-directory }}
-        run: yarn
+        run: yarn install --immutable && yarn postinstall
       - name: Build app
         working-directory: ${{ matrix.working-directory }}/android
         run: ./gradlew assembleDebug --console=plain -PreactNativeArchitectures=arm64-v8a

.github/workflows/docs-check.yml

@@ -3,7 +3,7 @@ name: Check documentation
 on:
   pull_request:
     paths:
-      - 'docs/**'
+      - 'packages/docs-gesture-handler/**'
   workflow_dispatch:
 
 jobs:
@@ -14,7 +14,7 @@ jobs:
       group: docs-check-${{ github.ref }}
       cancel-in-progress: true
     env:
-      WORKING_DIRECTORY: docs
+      WORKING_DIRECTORY: packages/docs-gesture-handler
     steps:
       - name: checkout
         uses: actions/checkout@v4

.github/workflows/ios-build.yml

@@ -3,10 +3,9 @@ on:
   pull_request:
     paths:
       - '.github/workflows/ios-build.yml'
-      - 'RNGestureHandler.podspec'
-      - 'apple/**'
-      - 'example/ios/**'
-      - 'FabricExample/ios/**'
+      - 'packages/react-native-gesture-handler/RNGestureHandler.podspec'
+      - 'packages/react-native-gesture-handler/apple/**'
+      - 'apps/BasicExample/ios/**'
   push:
     branches:
       - main
@@ -17,10 +16,12 @@ jobs:
     runs-on: macos-14
     strategy:
       matrix:
-        working-directory: [example, FabricExample]
+        working-directory: [apps/BasicExample, apps/ExpoExample]
     concurrency:
       group: ios-${{ matrix.working-directory }}-${{ github.ref }}
       cancel-in-progress: true
+    env:
+      WORKING_DIRECTORY: apps/BasicExample
     steps:
       - name: checkout
         uses: actions/checkout@v4
@@ -35,8 +36,9 @@ jobs:
           cache: 'yarn'
       - name: Install node dependencies
         working-directory: ${{ matrix.working-directory }}
-        run: yarn install --immutable
+        run: yarn install --immutable && yarn postinstall
       - name: Install pods
+        if: ${{ matrix.working-directory == 'apps/BasicExample' }}
         working-directory: ${{ matrix.working-directory }}/ios
         run: bundle install && NO_FLIPPER=1 bundle exec pod install
       - name: Build app

.github/workflows/kotlin-lint.yml

@@ -2,7 +2,7 @@ name: Kotlin Lint
 on:
   pull_request:
     paths:
-      - 'android/**'
+      - 'packages/react-native-gesture-handler/android/**'
   push:
     branches:
       - main
@@ -14,6 +14,8 @@ jobs:
     concurrency:
       group: kotlin-lint-${{ github.ref }}
       cancel-in-progress: true
+    env:
+      WORKING_DIRECTORY: 'packages/react-native-gesture-handler'
     steps:
       - name: checkout
         uses: actions/checkout@v4
@@ -44,9 +46,9 @@ jobs:
           path: |
             ~/.gradle/caches
             ~/.gradle/wrapper
-            android/build
-            android/.gradle
-          key: ${{ runner.os }}-kotlin-lint-gradle-${{ hashFiles('**/*.gradle*', '**/gradle-wrapper.properties', 'android/build.gradle') }}
+            ${{ env.WORKING_DIRECTORY }}/android/build
+            ${{ env.WORKING_DIRECTORY }}/android/.gradle
+          key: ${{ runner.os }}-kotlin-lint-gradle-${{ hashFiles('${{ env.WORKING_DIRECTORY }}/**/*.gradle*', '${{ env.WORKING_DIRECTORY }}/**/gradle-wrapper.properties', '${{ env.WORKING_DIRECTORY }}/android/build.gradle') }}
 
       - name: Lint
-        run: yarn lint:android
+        run: yarn workspace react-native-gesture-handler lint:android

.github/workflows/macos-build.yml

@@ -3,9 +3,9 @@ on:
   pull_request:
     paths:
       - '.github/workflows/macos-build.yml'
-      - 'RNGestureHandler.podspec'
-      - 'apple/**'
-      - 'MacOSExample/macos/**'
+      - 'packages/react-native-gesture-handler/RNGestureHandler.podspec'
+      - 'packages/react-native-gesture-handler/apple/**'
+      - 'apps/MacOSExample/macos/**'
   push:
     branches:
       - main
@@ -14,12 +14,8 @@ jobs:
   build:
     if: github.repository == 'software-mansion/react-native-gesture-handler'
     runs-on: macos-15
-    strategy:
-      matrix:
-        working-directory: [MacOSExample]
-    concurrency:
-      group: macos-${{ matrix.working-directory }}-${{ github.ref }}
-      cancel-in-progress: true
+    env:
+      WORKING_DIRECTORY: apps/MacOSExample
     steps:
       - name: checkout
         uses: actions/checkout@v4
@@ -29,11 +25,11 @@ jobs:
           node-version: 22
           cache: 'yarn'
       - name: Install node dependencies
-        working-directory: ${{ matrix.working-directory }}
+        working-directory: ${{ env.WORKING_DIRECTORY }}
         run: yarn
       - name: Install pods
-        working-directory: ${{ matrix.working-directory }}/macos
-        run: pod install
+        working-directory: ${{ env.WORKING_DIRECTORY }}/macos
+        run: bundle install && bundle exec pod install
       - name: Build app
-        working-directory: ${{ matrix.working-directory }}
-        run: yarn macos
+        working-directory: ${{ env.WORKING_DIRECTORY }}
+        run: npx react-native-macos run-macos

.github/workflows/main.yml

@@ -17,13 +17,13 @@ jobs:
         run: >-
           git config --local user.email "action@github.com"
           && git config --local user.name "GitHub Action"
-          && cd docs
+          && cd packages/docs-gesture-handler
           && yarn
           && yarn build
 
       - name: Publish generated content to GitHub Pages
         uses: JamesIves/github-pages-deploy-action@releases/v3
         with:
-          FOLDER: docs/build
+          FOLDER: packages/docs-gesture-handler/build
           BRANCH: gh-pages
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/static-example-apps-checks.yml

@@ -2,8 +2,8 @@ name: Test TypeScript and Lint
 on:
   pull_request:
     paths:
-      - 'example/**'
-      - 'FabricExample/**'
+      - 'apps/BasicExample/**'
+      - 'apps/CommonApp/**'
   push:
     branches:
       - main
@@ -14,7 +14,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        working-directory: [example, FabricExample]
+        working-directory: [apps/BasicExample, apps/CommonApp]
     concurrency:
       group: typescript-${{ matrix.working-directory }}-${{ github.ref }}
       cancel-in-progress: true
@@ -26,14 +26,11 @@ jobs:
         with:
           node-version: 18
           cache: 'yarn'
-      - name: Install root node dependencies
-        run: yarn --immutable && yarn prepare
-      - name: Install ${{ matrix.working-directory }} app node dependencies
-        working-directory: ${{ matrix.working-directory }}
-        run: yarn
+      - name: Install node dependencies
+        run: yarn --immutable && yarn postinstall
       - name: Check types
         working-directory: ${{ matrix.working-directory }}
-        run: yarn tsc --noEmit
+        run: yarn ts-check
       - name: Lint
         working-directory: ${{ matrix.working-directory }}
-        run: yarn lint-check
+        run: yarn lint-js

.github/workflows/static-root-checks.yml

@@ -2,8 +2,8 @@ name: Test TypeScript and Lint
 on:
   pull_request:
     paths:
-      - 'src/**'
-      - '*'
+      - 'packages/react-native-gesture-handler/src/**'
+      - 'packages/react-native-gesture-handler/*'
   push:
     branches:
       - main
@@ -13,7 +13,7 @@ jobs:
     if: github.repository == 'software-mansion/react-native-gesture-handler'
     runs-on: ubuntu-latest
     env:
-      RNGH_DIR: 'packages/react-native-gesture-handler'
+      WORKING_DIRECTORY: 'packages/react-native-gesture-handler'
     concurrency:
       group: static-root-${{ github.ref }}
       cancel-in-progress: true
@@ -26,13 +26,13 @@ jobs:
           node-version: 18
           cache: 'yarn'
       - name: Install node dependencies
-        run: yarn
+        run: yarn --immutable && yarn postinstall
       - name: Check types
-        working-directory: ${{ env.RNGH_DIR }}
-        run: yarn tsc --noEmit
+        working-directory: ${{ env.WORKING_DIRECTORY }}
+        run: yarn ts-check
       - name: Lint
-        working-directory: ${{ env.RNGH_DIR }}
-        run: yarn lint:js-root
+        working-directory: ${{ env.WORKING_DIRECTORY }}
+        run: yarn lint-js
       - name: Check for circular dependencies
-        working-directory: ${{ env.RNGH_DIR }}
+        working-directory: ${{ env.WORKING_DIRECTORY }}
         run: yarn circular-dependency-check

.lintstagedrc.json

@@ -1,3 +1,6 @@
 {
-  "*.(js|jsx|ts|tsx)": ["yarn eslint", "yarn prettier --write"]
+  "**/*.{ts,tsx}": "yarn format:js",
+  "packages/react-native-gesture-handler/android/**/*.kt": "yarn format:android",
+  "packages/react-native-gesture-handler/apple/**/*.{h,m,mm,cpp}": "yarn format:apple",
+  "packages/react-native-gesture-handler/src/specs/*.ts": "yarn sync-architectures"
 }

apps/BasicExample/package.json

@@ -7,7 +7,11 @@
     "ios": "react-native run-ios",
     "lint": "eslint .",
     "start": "react-native start",
-    "test": "jest"
+    "test": "jest",
+    "postinstall": "",
+    "ts-check": "yarn tsc --noEmit",
+    "lint-js": "eslint --ext '.js,.ts,.tsx' src/ && yarn prettier --check './src/**/*.{js,jsx,ts,tsx}'",
+    "format-js": "prettier --write --list-different './src/**/*.{js,jsx,ts,tsx}'"
   },
   "dependencies": {
     "react": "19.0.0",
@@ -26,13 +30,20 @@
     "@react-native/metro-config": "0.79.0",
     "@react-native/typescript-config": "0.79.0",
     "@types/jest": "^29.5.13",
-    "@types/react": "^19.0.0",
+    "@types/react": "^19.0.12",
     "@types/react-test-renderer": "^19.0.0",
-    "eslint": "^8.19.0",
+    "@typescript-eslint/eslint-plugin": "^6.9.0",
+    "@typescript-eslint/parser": "^6.9.0",
+    "eslint": "^8.57.0",
+    "eslint-config-satya164": "3.3.0",
+    "eslint-import-resolver-babel-module": "^5.2.0",
+    "eslint-plugin-jest": "27.4.3",
+    "eslint-plugin-prettier": "^5.0.1",
+    "eslint-plugin-react": "^7.37.5",
     "jest": "^29.6.3",
-    "prettier": "2.8.8",
+    "prettier": "3.3.3",
     "react-test-renderer": "19.0.0",
-    "typescript": "5.0.4"
+    "typescript": "~5.8.3"
   },
   "engines": {
     "node": ">=18"

apps/BasicExample/src/Navigator.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react-native/no-inline-styles */
 import React, { useEffect, useState } from 'react';
 import { View, Text, Pressable, BackHandler } from 'react-native';
 
@@ -55,7 +54,7 @@
 
   goBack() {
     if (this.history.length === 1) {
-      throw "Can't go back, no history";
+      throw new Error("Can't go back, no history");
     }
     this.history.pop();
     this.setCurrentRoute(this.history[this.history.length - 1]);
@@ -79,7 +78,8 @@
     this.setCurrentRoute = setCurrentRoute;
 
     useEffect(() => {
+      // eslint-disable-next-line @typescript-eslint/unbound-method
       return BackHandler.addEventListener('hardwareBackPress', this.backHandler)
         .remove;
     }, []);