Monorepo [4/?] - clean and unify configs

.eslintrc.js

@@ -0,0 +1,91 @@
+module.exports = {
+  root: true,
+  overrides: [
+    {
+      files: ['*.ts', '*.tsx'],
+      parser: '@typescript-eslint/parser',
+      parserOptions: {
+        project: true,
+        tsconfigRootDir: __dirname,
+      },
+      extends: ['plugin:@typescript-eslint/recommended-type-checked'],
+      rules: {
+        '@typescript-eslint/no-unsafe-call': 'off',
+        '@typescript-eslint/no-unsafe-member-access': 'off',
+        '@typescript-eslint/no-unsafe-return': 'off',
+        '@typescript-eslint/no-unsafe-assignment': 'off',
+        '@typescript-eslint/no-unsafe-argument': 'off',
+        '@typescript-eslint/no-explicit-any': 'warn',
+        '@typescript-eslint/ban-ts-comment': [
+          'error',
+          {
+            'ts-ignore': 'allow-with-description',
+            'ts-expect-error': 'allow-with-description',
+          },
+        ],
+        '@typescript-eslint/no-unused-vars': [
+          'error',
+          { argsIgnorePattern: '^_' },
+        ],
+        '@typescript-eslint/no-var-requires': 'warn',
+        '@typescript-eslint/consistent-type-imports': [
+          'error',
+          { prefer: 'type-imports' },
+        ],
+        '@typescript-eslint/consistent-type-exports': [
+          'error',
+          { fixMixedExportsWithInlineTypeSpecifier: false },
+        ],
+        '@typescript-eslint/no-non-null-assertion': 'off',
+        '@typescript-eslint/no-duplicate-type-constituents': 'error',
+        '@typescript-eslint/no-shadow': 'error',
+      },
+    },
+  ],
+  parserOptions: {
+    requireConfigFile: false,
+  },
+  extends: [
+    'standard',
+    'prettier',
+    'plugin:import/typescript',
+    'plugin:react-hooks/recommended',
+  ],
+  plugins: [
+    'react',
+    'react-native',
+    'import',
+    'jest',
+    '@typescript-eslint',
+    'eslint-plugin-tsdoc',
+  ],
+  env: {
+    'react-native/react-native': true,
+    'jest/globals': true,
+  },
+  settings: {
+    'import/resolver': {
+      'babel-module': {
+        extensions: ['.js', '.jsx', '.ts', '.tsx'],
+      },
+    },
+  },
+  rules: {
+    'object-shorthand': 'error',
+    curly: ['error', 'all'],
+    'no-case-declarations': 'error',
+    'import/no-unresolved': 'error',
+    'import/consistent-type-specifier-style': ['error', 'prefer-top-level'],
+    'react/jsx-uses-vars': 'error',
+    'react/jsx-uses-react': 'error',
+    'no-use-before-define': 'off',
+    eqeqeq: 'error',
+    'no-unreachable': 'error',
+    'tsdoc/syntax': 'error',
+    'jest/no-disabled-tests': 'warn',
+    'jest/no-focused-tests': 'error',
+    'jest/no-identical-title': 'error',
+    'jest/prefer-to-have-length': 'warn',
+    'jest/valid-expect': 'error',
+  },
+};

.github/workflows/android-build.yml

@@ -48,7 +48,7 @@ jobs:
       - name: Setup Java 17
         uses: actions/setup-java@v3
         with:
-          distribution: "zulu"
+          distribution: 'zulu'
           java-version: 17
 
       - name: Restore Reanimated node_modules from cache

apps/common-app/.eslintrc.js

@@ -1,7 +1,7 @@
 module.exports = {
   root: true,
-  extends: ['@react-native', 'prettier'],
-  plugins: ['eslint-plugin-no-inline-styles', 'reanimated'],
+  extends: ['@react-native', 'prettier', '../../.eslintrc.js'],
+  plugins: ['eslint-plugin-no-inline-styles', 'eslint-plugin-reanimated'],
   ignorePatterns: ['**/*.snapshot.ts'],
   rules: {
     '@typescript-eslint/no-use-before-define': 'off',

apps/common-app/.prettierignore

@@ -0,0 +1 @@
+*.snapshot.ts

apps/common-app/babel.config.js

@@ -1,4 +1,4 @@
 module.exports = {
   presets: ['module:@react-native/babel-preset'],
-  plugins: ['../plugin'],
+  plugins: ['react-native-reanimated/plugin'],
 };

apps/common-app/package.json

@@ -4,7 +4,8 @@
   "private": true,
   "scripts": {
     "build": "yarn patch-package",
-    "lint": "eslint --max-warnings=0 ."
+    "lint": "eslint --max-warnings=0 .",
+    "format": "prettier --write --list-different ."
   },
   "peerDependencies": {
     "@fortawesome/fontawesome-svg-core": "*",
@@ -43,9 +44,10 @@
     "@tsconfig/react-native": "^3.0.0",
     "@types/d3-shape": "^3.1.1",
     "d3-shape": "^3.2.0",
-    "eslint": "^8.0.0-0",
+    "eslint": "^8.57.0",
+    "eslint-plugin-reanimated": "workspace:*",
     "patch-package": "^7.0.0",
-    "prettier": "^2.8.7",
+    "prettier": "2.8.8",
     "react": "18.2.0",
     "react-native": "0.74.0",
     "react-native-gesture-handler": "^2.16.0",
@@ -54,6 +56,6 @@
     "react-native-safe-area-context": "4.10.0-rc.1",
     "react-native-screens": "3.31.0-rc.1",
     "react-native-svg": "^15.2.0-rc.0",
-    "typescript": "^5.0.2"
+    "typescript": "~5.3.0"
   }
 }

apps/common-app/tsconfig.json

@@ -1,11 +1,3 @@
 {
-  "extends": "../react-native-reanimated/tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "react-native-reanimated": ["../"],
-      "react": ["./node_modules/@types/react"]
-    }
-  },
-  "exclude": []
+  "extends": "../../tsconfig.json"
 }

apps/paper-example/babel.config.js

@@ -1,4 +1,6 @@
 module.exports = {
   presets: ['module:@react-native/babel-preset'],
-  plugins: [['react-native-reanimated/plugin', {processNestedWorklets: true}]],
+  plugins: [
+    ['react-native-reanimated/plugin', { processNestedWorklets: true }],
+  ],
 };

apps/paper-example/index.js

@@ -1,9 +1,5 @@
-/**
- * @format
- */
-
-import {AppRegistry} from 'react-native';
+import { AppRegistry } from 'react-native';
 import App from './App';
-import {name as appName} from './app.json';
+import { name as appName } from './app.json';
 
 AppRegistry.registerComponent(appName, () => App);

apps/paper-example/ios/ReanimatedExample/Images.xcassets/AppIcon.appiconset/Contents.json

@@ -1,14 +1,14 @@
 {
-  "images" : [
+  "images": [
     {
-      "filename" : "1024.png",
-      "idiom" : "universal",
-      "platform" : "ios",
-      "size" : "1024x1024"
+      "filename": "1024.png",
+      "idiom": "universal",
+      "platform": "ios",
+      "size": "1024x1024"
     }
   ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
+  "info": {
+    "author": "xcode",
+    "version": 1
   }
 }

apps/paper-example/ios/ReanimatedExample/Images.xcassets/Contents.json

@@ -1,6 +1,6 @@
 {
-  "info" : {
-    "version" : 1,
-    "author" : "xcode"
+  "info": {
+    "version": 1,
+    "author": "xcode"
   }
 }

apps/paper-example/ios/ReanimatedExample/Images.xcassets/reanimated_logo_transparent_balanced.imageset/Contents.json

@@ -1,21 +1,21 @@
 {
-  "images" : [
+  "images": [
     {
-      "filename" : "reanimated_logo_transparent_balanced.png",
-      "idiom" : "universal",
-      "scale" : "1x"
+      "filename": "reanimated_logo_transparent_balanced.png",
+      "idiom": "universal",
+      "scale": "1x"
     },
     {
-      "idiom" : "universal",
-      "scale" : "2x"
+      "idiom": "universal",
+      "scale": "2x"
     },
     {
-      "idiom" : "universal",
-      "scale" : "3x"
+      "idiom": "universal",
+      "scale": "3x"
     }
   ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
+  "info": {
+    "author": "xcode",
+    "version": 1
   }
 }

apps/paper-example/metro.config.js

@@ -1,4 +1,4 @@
-const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');
+const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
 
 const path = require('path');
 

apps/paper-example/package.json

@@ -7,6 +7,7 @@
     "android": "react-native run-android",
     "ios": "react-native run-ios",
     "lint": "eslint --max-warnings=0 .",
+    "format": "prettier --write --list-different .",
     "start": "react-native start",
     "test": "jest"
   },
@@ -39,12 +40,12 @@
     "@types/react": "^18.2.6",
     "@types/react-test-renderer": "^18.0.0",
     "babel-jest": "^29.6.3",
-    "eslint": "^8.0.0-0",
+    "eslint": "^8.57.0",
     "jest": "^29.6.3",
     "patch-package": "^8.0.0",
     "prettier": "2.8.8",
     "react-test-renderer": "18.2.0",
-    "typescript": "5.0.4"
+    "typescript": "~5.3.0"
   },
   "engines": {
     "node": ">=18"

apps/paper-example/tsconfig.json

@@ -1,11 +1,3 @@
 {
-  "extends": "../react-native-reanimated/tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "react-native-reanimated": ["../"],
-      "react": ["./node_modules/@types/react"]
-    }
-  },
-  "exclude": []
+  "extends": "../../tsconfig.json"
 }

apps/web-example/App.tsx

@@ -1,4 +1,4 @@
-import Apps from "common-app";
+import Apps from 'common-app';
 
 export default function App() {
   return <Apps />;

apps/web-example/babel.config.js

@@ -1,12 +1,12 @@
 module.exports = function (api) {
-  const disableBabelPlugin = process.env.DISABLE_BABEL_PLUGIN === "1";
+  const disableBabelPlugin = process.env.DISABLE_BABEL_PLUGIN === '1';
   // https://babeljs.io/docs/en/config-files#apicache
   api.cache.invalidate(() => disableBabelPlugin);
   if (disableBabelPlugin) {
-    console.log("Starting Web example without Babel plugin.");
+    console.log('Starting Web example without Babel plugin.');
   }
   return {
-    presets: ["babel-preset-expo"],
-    plugins: disableBabelPlugin ? [] : ["react-native-reanimated/plugin"],
+    presets: ['babel-preset-expo'],
+    plugins: disableBabelPlugin ? [] : ['react-native-reanimated/plugin'],
   };
 };

apps/web-example/index.js

@@ -1,6 +1,6 @@
-import { registerRootComponent } from "expo";
+import { registerRootComponent } from 'expo';
 
-import App from "./App";
+import App from './App';
 
 // registerRootComponent calls AppRegistry.registerComponent('main', () => App);
 // It also ensures that whether you load the app in Expo Go or in a native build,

apps/web-example/metro.config.js

@@ -1,18 +1,18 @@
-const { getDefaultConfig } = require("expo/metro-config");
-const path = require("path");
+const { getDefaultConfig } = require('expo/metro-config');
+const path = require('path');
 
 // Find the project and workspace directories
 const projectRoot = __dirname;
 // This can be replaced with `find-yarn-workspace-root`
-const monorepoRoot = path.resolve(projectRoot, "../..");
+const monorepoRoot = path.resolve(projectRoot, '../..');
 
 const config = getDefaultConfig(projectRoot);
 // 1. Watch all files within the monorepo
 config.watchFolders = [monorepoRoot];
 // 2. Let Metro know where to resolve packages and in what order
 config.resolver.nodeModulesPaths = [
-  path.resolve(projectRoot, "node_modules"),
-  path.resolve(monorepoRoot, "node_modules"),
+  path.resolve(projectRoot, 'node_modules'),
+  path.resolve(monorepoRoot, 'node_modules'),
 ];
 
 module.exports = config;

apps/web-example/package.json

@@ -6,6 +6,7 @@
     "start": "expo start --web",
     "start:noplugin": "DISABLE_BABEL_PLUGIN=1 yarn start",
     "lint": "eslint --max-warnings=0 .",
+    "format": "prettier --write --list-different .",
     "production": "yarn expo export -p web && yarn serve dist --single",
     "build": ""
   },
@@ -23,8 +24,11 @@
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@expo/metro-runtime": "^3.2.1",
+    "@types/eslint": "^8",
+    "eslint": "^8.57.0",
+    "prettier": "2.8.8",
     "serve": "^14.2.3",
-    "typescript": "~5.3.3"
+    "typescript": "~5.3.0"
   },
   "private": true
 }