chore: cleanup unused packages and update setup

Author: satya164

.eslintignore

@@ -4,8 +4,10 @@ docs/dist/
 docs/build/
 docs/public/
 docs/static/
+example/dist/
 web-build/
 jest/testSetup.js
+__ts-tests__/
 __fixtures__/
 
 # generated by bob

.eslintrc

@@ -60,7 +60,8 @@
     {
       "files": ["*.test.js", "*.test.tsx"],
       "rules": {
-        "local-rules/no-react-forwardref-usage": "off"
+        "local-rules/no-react-forwardref-usage": "off",
+        "react-native/no-inline-styles": "off"
       }
     }
   ],

.github/pull_request_template.md

@@ -13,4 +13,4 @@
 
 <!-- Describe the **steps to test this change**, so that a reviewer can verify it. Provide screenshots or videos if the change affects UI. -->
 
-<!-- Keep in mind that PR changes must pass lint, typescript and tests. -->
+<!-- Keep in mind that PR changes must pass lint, typecheck and tests. -->

.github/workflows/ci.yml

@@ -18,10 +18,10 @@ jobs:
         uses: ./.github/actions/setup
 
       - name: Lint
-        run: yarn lint-no-fix
+        run: yarn lint
 
-  typescript:
-    name: TypeScript
+  typecheck:
+    name: Typecheck
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
@@ -31,7 +31,7 @@ jobs:
         uses: ./.github/actions/setup
 
       - name: Check types
-        run: yarn typescript
+        run: yarn typecheck
 
   unit-tests:
     name: Unit tests
@@ -73,7 +73,20 @@ jobs:
       - name: Build package
         run: |
           yarn prepack
-          node ./scripts/typescript-output-lint
+          node ./scripts/typescript-output-lint.ts
+
+  build-example:
+    name: Build example
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
+
+      - name: Setup
+        uses: ./.github/actions/setup
+
+      - name: Build example
+        run: yarn example expo export --platform all
 
   build-docs:
     name: Build docs

CONTRIBUTING.md

@@ -32,9 +32,9 @@ Our pre-commit hooks verify that your commit message matches this format when co
 
 ### Linting and tests
 
-We use `typescript` for type checking, `eslint` with `prettier` for linting and formatting the code, and `jest` for testing. Our pre-commit hooks verify that the linter and tests pass when commiting. You can also run the following commands manually:
+We use `typescript` for type checking, `eslint` with `prettier` for linting and formatting the code, and `jest` for testing. Our pre-commit hooks verify that type checking, linting, and tests pass when committing. You can also run the following commands manually:
 
-- `yarn typescript`: type-check files with `tsc`.
+- `yarn typecheck`: type-check files with `tsc`.
 - `yarn lint`: lint files with `eslint` and `prettier`.
 - `yarn test`: run unit tests with `jest`.
 
@@ -43,7 +43,7 @@ We use `typescript` for type checking, `eslint` with `prettier` for linting and
 When you're sending a pull request:
 
 - Prefer small pull requests focused on one change.
-- Verify that `typescript`, `eslint` and all tests are passing.
+- Verify that `typecheck`, `lint` and all tests are passing.
 - Preview the documentation to make sure it looks good.
 - Follow the pull request template when opening a pull request.
 
@@ -58,7 +58,7 @@ When you're working on a component:
 
 The example app uses [Expo](https://expo.dev/) for the React Native example. You will need to install the Expo app for [Android](https://play.google.com/store/apps/details?id=host.exp.exponent) and [iOS](https://itunes.apple.com/app/apple-store/id982107779) to start developing.
 
-> [!IMPORTANT]  
+> [!IMPORTANT]
 > The example app is built with `react-native@0.77.x` and Expo SDK 52, which isn’t compatible with Expo Go. To run the app, you have to create a [development build](https://docs.expo.dev/develop/development-builds/create-a-build/).
 
 After you're done, you can run `yarn example start` in the project root (or `npx expo start` in the `example/` folder) and scan the QR code to launch it on your device.
@@ -72,7 +72,7 @@ If you want to test the changes brought by a pull request, you can do so by poin
 ```json
 {
   "dependencies": {
-    "react-native-paper": "git+https://github.com/callstack/react-native-paper.git#<commit-hash>",
+    "react-native-paper": "git+https://github.com/callstack/react-native-paper.git#<commit-hash>"
   }
 }
 ```

lefthook.yml

@@ -0,0 +1,16 @@
+commit-msg:
+  jobs:
+    - name: commitlint
+      run: yarn commitlint --edit {1}
+
+pre-commit:
+  parallel: true
+  jobs:
+    - name: lint
+      run: yarn lint
+
+    - name: typecheck
+      run: yarn typecheck
+
+    - name: test
+      run: yarn test

package.json

@@ -35,11 +35,11 @@
     "docs"
   ],
   "scripts": {
-    "typescript": "tsc --noEmit",
-    "lint": "yarn lint-no-fix --fix",
-    "lint-no-fix": "eslint --ext '.js,.ts,.tsx' .",
+    "lint": "eslint --ext '.js,.ts,.tsx' .",
+    "typecheck": "tsc",
     "test": "jest",
-    "prepack": "bob build && node ./scripts/generate-mappings.js",
+    "prepack": "bob build",
+    "generate-mappings": "node ./scripts/generate-mappings.ts",
     "release": "release-it --only-version",
     "docs": "yarn --cwd docs",
     "example": "yarn --cwd example"
@@ -55,7 +55,7 @@
   "devDependencies": {
     "@babel/core": "^7.29.0",
     "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
-    "@babel/runtime": "^7.29.0",
+    "@babel/types": "^7.28.5",
     "@callstack/eslint-config": "^13.0.2",
     "@commitlint/config-conventional": "^8.3.4",
     "@jest/globals": "^29.7.0",
@@ -68,39 +68,28 @@
     "@testing-library/react-native": "11.5.0",
     "@types/color": "^3.0.0",
     "@types/jest": "^29.2.1",
-    "@types/node": "^13.1.0",
-    "@types/react-dom": "^19.1.1",
-    "@types/react-native-vector-icons": "^6.4.18",
+    "@types/node": "^24.0.0",
     "@types/react-test-renderer": "^19.1.0",
     "@typescript-eslint/eslint-plugin": "^5.41.0",
     "@typescript-eslint/parser": "^5.41.0",
     "all-contributors-cli": "^6.24.0",
-    "babel-cli": "^6.26.0",
-    "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^29.6.3",
-    "babel-loader": "^8.2.3",
     "babel-test": "^0.1.1",
-    "chalk": "^4.0.0",
     "commitlint": "^8.3.4",
-    "conventional-changelog-cli": "^2.0.11",
-    "dedent": "^0.7.0",
     "eslint": "8.31.0",
     "eslint-plugin-flowtype": "^8.0.3",
     "eslint-plugin-local-rules": "^1.3.2",
-    "glob": "^7.1.3",
-    "husky": "^1.3.1",
     "jest": "^29.6.3",
     "jest-file-snapshot": "^0.3.2",
+    "lefthook": "^2.1.9",
     "react": "19.2.3",
-    "react-dom": "19.2.3",
     "react-native": "0.85.3",
     "react-native-builder-bob": "^0.42.1",
     "react-native-reanimated": "4.3.1",
     "react-native-safe-area-context": "5.7.0",
     "react-native-worklets": "0.8.3",
     "react-test-renderer": "19.2.3",
     "release-it": "^13.4.0",
-    "rimraf": "^3.0.2",
     "typescript": "5.8.3"
   },
   "peerDependencies": {
@@ -110,12 +99,6 @@
     "react-native-safe-area-context": "*",
     "react-native-worklets": ">=0.8.1"
   },
-  "husky": {
-    "hooks": {
-      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS",
-      "pre-commit": "yarn lint-no-fix && yarn typescript && yarn test"
-    }
-  },
   "jest": {
     "preset": "@react-native/jest-preset",
     "setupFiles": [
@@ -149,7 +132,6 @@
       "react-test-renderer",
       "@types/react-native",
       "@types/jest",
-      "husky",
       "eslint"
     ]
   },
@@ -163,6 +145,13 @@
         {
           "project": "tsconfig.build.json"
         }
+      ],
+      [
+        "custom",
+        {
+          "script": "generate-mappings",
+          "clean": "lib/mappings.json"
+        }
       ]
     ]
   },

scripts/generate-component-docs.ts

@@ -1,7 +1,9 @@
-const childProcess = require('child_process');
-const fs = require('fs');
-const os = require('os');
-const path = require('path');
+import * as childProcess from 'node:child_process';
+import * as fs from 'node:fs';
+import { createRequire } from 'node:module';
+import * as os from 'node:os';
+import * as path from 'node:path';
+import { fileURLToPath } from 'node:url';
 
 type PluginOptions = {
   docsRootDir: string;
@@ -21,6 +23,9 @@ type PluginFactory = (
 const isRecord = (value: unknown): value is { [key: string]: unknown } =>
   typeof value === 'object' && value !== null;
 
+const isPluginFactory = (value: unknown): value is PluginFactory =>
+  typeof value === 'function';
+
 const normalizeDocs = (value: unknown, sourceDir: string): unknown => {
   if (Array.isArray(value)) {
     return value.map((item) => normalizeDocs(item, sourceDir));
@@ -74,7 +79,11 @@ const main = async () => {
     return;
   }
 
-  const rootDir = path.resolve(__dirname, '..');
+  const requireFromScript = createRequire(import.meta.url);
+  const rootDir = path.resolve(
+    path.dirname(fileURLToPath(import.meta.url)),
+    '..'
+  );
   const tempDir = fs.mkdtempSync(
     path.join(os.tmpdir(), 'react-native-paper-docs-')
   );
@@ -118,7 +127,7 @@ const main = async () => {
     }
 
     const configPath = path.join(sourceDir, 'docs', 'docusaurus.config.js');
-    const config = require(configPath);
+    const config: unknown = requireFromScript(configPath);
 
     if (!isRecord(config) || !Array.isArray(config.plugins)) {
       throw new Error(`Unable to read plugins from ${configPath}`);
@@ -139,11 +148,19 @@ const main = async () => {
       );
     }
 
-    const pluginFactory: PluginFactory = require(path.join(
+    const pluginFactoryPath = path.join(
       sourceDir,
       'docs',
       'component-docs-plugin'
-    ));
+    );
+    const pluginFactory: unknown = requireFromScript(pluginFactoryPath);
+
+    if (!isPluginFactory(pluginFactory)) {
+      throw new Error(
+        `Unable to read component docs plugin from ${pluginFactoryPath}`
+      );
+    }
+
     const plugin = await pluginFactory({}, pluginConfig[1]);
     const docs = await plugin.loadContent();
     const destination = path.resolve(rootDir, outputPath);