chore: ESLint overhaul (#186)

* chore: upgrade to ESLint v9, re-use repo-wide configuration

* refactor: comply with eslint rules

* chore: add import ordering and prefer node imports to eslint config

* refactor: fix eslint problems in project files

* chore: migrate RN config

* refactor: comply with eslint rules

* chore: update yarn.lock

Author: artus9033

.eslintrc.json

@@ -0,0 +1,4 @@
+import eslintRnConfig from '../../eslint.config.rn.mjs';
+
+/** @type {import('eslint').Linter.Config[]} */
+export default eslintRnConfig;

apps/RNApp/.eslintrc.json

@@ -1,5 +1,5 @@
+const path = require('node:path');
 const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
-const path = require('path');
 
 const root = path.resolve(__dirname, '..', '..');
 

apps/RNApp/eslint.config.mjs

@@ -40,7 +40,9 @@
     "@types/jest": "^29.5.13",
     "@types/react": "^19.1.1",
     "@types/react-test-renderer": "^19.1.0",
-    "eslint": "^8.19.0",
+    "eslint": "^9.28.0",
+    "globals": "^16.2.0",
+    "import": "^0.0.6",
     "jest": "^29.6.3",
     "prettier": "2.8.8",
     "react-native-safe-area-context": "^5.3.0",

apps/RNApp/metro.config.js

@@ -1,4 +1,4 @@
-const path = require('path');
+const path = require('node:path');
 const pkg = require('../../packages/react-native-brownfield/package.json');
 
 module.exports = {

apps/RNApp/package.json

@@ -1,13 +1,14 @@
+import { useStore } from '@callstack/brownie';
 import { useEffect } from 'react';
+import './BrownfieldStore.brownie';
 import { StyleSheet, Text, View, Button, TextInput } from 'react-native';
-import { useStore } from '@callstack/brownie';
+
 import {
   createNativeStackNavigator,
   type NativeStackScreenProps,
 } from '@react-navigation/native-stack';
 import ReactNativeBrownfield from '@callstack/react-native-brownfield';
 import { NavigationContainer } from '@react-navigation/native';
-import './BrownfieldStore.brownie';
 
 const getRandomValue = () => Math.round(Math.random() * 255);
 const getRandomTheme = () => {

apps/RNApp/react-native.config.js

@@ -0,0 +1,4 @@
+import eslintRnConfig from '../../eslint.config.rn.mjs';
+
+/** @type {import('eslint').Linter.Config[]} */
+export default eslintRnConfig;

apps/TesterIntegrated/App.tsx

@@ -1,4 +1,4 @@
-const path = require('path');
+const path = require('node:path');
 const { getDefaultConfig } = require('@react-native/metro-config'); // Import from `@expo/metro-config` if using Expo CLI
 const { withMetroConfig } = require('react-native-monorepo-config');
 

apps/TesterIntegrated/eslint.config.mjs

@@ -6,7 +6,8 @@
     "start": "react-native start",
     "build:tester-integrated:android": "cd kotlin && ./gradlew assembleDebug",
     "build:tester-integrated:ios": "cd swift && xcodebuild -workspace SwiftExample.xcworkspace -scheme SwiftExample -configuration Release -sdk iphonesimulator build CODE_SIGNING_ALLOWED=NO -derivedDataPath ./build",
-    "brownfield:codegen": "brownfield codegen"
+    "brownfield:codegen": "brownfield codegen",
+    "lint": "eslint ."
   },
   "dependencies": {
     "@callstack/brownie": "*",
@@ -30,6 +31,7 @@
     "@react-native/metro-config": "0.82.1",
     "@react-native/typescript-config": "0.82.1",
     "@types/react": "^19.1.1",
+    "eslint": "^9.28.0",
     "react-native-monorepo-config": "^0.3.1"
   },
   "engines": {