refactor: upgrade to Expo 53 and eslint with flat configs

Author: maksymilian-majer

.eslintignore

@@ -0,0 +1,4 @@
+export const locale = 'en-US';
+export const locales = ['en-US'];
+export const timezone = 'UTC';
+export const isRTL = false;

.eslintrc.js

@@ -1,4 +1,5 @@
 package com.obytes.development
+import com.facebook.react.common.assets.ReactFontManager
 
 import android.app.Application
 import android.content.res.Configuration
@@ -42,6 +43,9 @@ class MainApplication : Application(), ReactApplication {
 
   override fun onCreate() {
     super.onCreate()
+    // @generated begin xml-fonts-init - expo prebuild (DO NOT MODIFY) sync-da39a3ee5e6b4b0d3255bfef95601890afd80709
+
+    // @generated end xml-fonts-init
     SoLoader.init(this, OpenSourceMergedSoMapping)
     if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
       // If you opted-in for the New Architecture, we load the native entry point for this app.

__mocks__/expo-localization.ts

@@ -54,3 +54,6 @@ EX_DEV_CLIENT_NETWORK_INSPECTOR=true
 
 # Use legacy packaging to compress native libraries in the resulting APK.
 expo.useLegacyPackaging=false
+
+# Whether the app is configured to use edge-to-edge via the app config or `react-native-edge-to-edge` plugin
+expo.edgeToEdgeEnabled=true

android/app/src/main/java/com/obytes/development/MainApplication.kt

@@ -18,6 +18,7 @@ const z = require('zod');
 const packageJSON = require('./package.json');
 const path = require('path');
 const APP_ENV = process.env.APP_ENV ?? 'development';
+// eslint-disable-next-line no-undef
 const envPath = path.resolve(__dirname, `.env.${APP_ENV}`);
 
 require('dotenv').config({

android/gradle.properties

@@ -0,0 +1,150 @@
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+import { defineConfig, globalIgnores } from 'eslint/config';
+import expoConfig from 'eslint-config-expo/flat.js';
+import i18nJsonPlugin from 'eslint-plugin-i18n-json';
+import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended';
+import reactCompiler from 'eslint-plugin-react-compiler';
+import simpleImportSort from 'eslint-plugin-simple-import-sort';
+import tailwind from 'eslint-plugin-tailwindcss';
+import testingLibrary from 'eslint-plugin-testing-library';
+// eslint-disable-next-line import/no-named-as-default, import/no-named-as-default-member, import/namespace
+import eslintPluginUnicorn from 'eslint-plugin-unicorn';
+import unusedImports from 'eslint-plugin-unused-imports';
+import { configs, parser } from 'typescript-eslint';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+export default defineConfig([
+  globalIgnores([
+    'dist/*',
+    'node_modules',
+    '__tests__/',
+    'coverage',
+    '.expo',
+    '.expo-shared',
+    'android',
+    'ios',
+    '.vscode',
+    'docs/',
+    'cli/',
+  ]),
+  expoConfig,
+  eslintPluginPrettierRecommended,
+  ...tailwind.configs['flat/recommended'],
+  reactCompiler.configs.recommended,
+  {
+    plugins: {
+      'simple-import-sort': simpleImportSort,
+      unicorn: eslintPluginUnicorn,
+      'unused-imports': unusedImports,
+    },
+    rules: {
+      'max-params': ['error', 3],
+      'max-lines-per-function': ['error', 70],
+      'tailwindcss/classnames-order': [
+        'warn',
+        {
+          officialSorting: true,
+        },
+      ],
+      'tailwindcss/no-custom-classname': 'off',
+      'react/display-name': 'off',
+      'react/no-inline-styles': 'off',
+      'react/destructuring-assignment': 'off',
+      'react/require-default-props': 'off',
+      'unicorn/filename-case': [
+        'error',
+        {
+          case: 'kebabCase',
+          ignore: ['/android', '/ios'],
+        },
+      ],
+      'simple-import-sort/imports': 'error',
+      'simple-import-sort/exports': 'error',
+      'unused-imports/no-unused-imports': 'error',
+      'unused-imports/no-unused-vars': [
+        'error',
+        {
+          argsIgnorePattern: '^_',
+          varsIgnorePattern: '^_',
+          caughtErrorsIgnorePattern: '^_',
+        },
+      ],
+      'import/prefer-default-export': 'off',
+      'import/no-cycle': ['error', { maxDepth: '∞' }],
+      'prettier/prettier': ['error', { ignores: ['expo-env.d.ts'] }],
+    },
+  },
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+    languageOptions: {
+      parser: parser,
+      parserOptions: {
+        project: './tsconfig.json',
+        sourceType: 'module',
+      },
+    },
+    rules: {
+      ...configs.recommended.rules,
+      '@typescript-eslint/comma-dangle': 'off',
+      '@typescript-eslint/consistent-type-imports': [
+        'warn',
+        {
+          prefer: 'type-imports',
+          fixStyle: 'inline-type-imports',
+          disallowTypeAnnotations: true,
+        },
+      ],
+    },
+  },
+  {
+    files: ['src/translations/*.json'],
+    plugins: { 'i18n-json': i18nJsonPlugin },
+    processor: {
+      meta: { name: '.json' },
+      ...i18nJsonPlugin.processors['.json'],
+    },
+    rules: {
+      ...i18nJsonPlugin.configs.recommended.rules,
+      'i18n-json/valid-message-syntax': [
+        2,
+        {
+          syntax: path.resolve(
+            __dirname,
+            './scripts/i18next-syntax-validation.js'
+          ),
+        },
+      ],
+      'i18n-json/valid-json': 2,
+      'i18n-json/sorted-keys': [
+        2,
+        {
+          order: 'asc',
+          indentSpaces: 2,
+        },
+      ],
+      'i18n-json/identical-keys': [
+        2,
+        {
+          filePath: path.resolve(__dirname, './src/translations/en.json'),
+        },
+      ],
+      'prettier/prettier': [
+        0,
+        {
+          singleQuote: true,
+          endOfLine: 'auto',
+        },
+      ],
+    },
+  },
+  {
+    files: ['**/__tests__/**/*.[jt]s?(x)', '**/?(*.)+(spec|test).[jt]s?(x)'],
+    plugins: { 'testing-library': testingLibrary },
+    rules: {
+      ...testingLibrary.configs.react.rules,
+    },
+  },
+]);