Merge pull request #14 from memoriaXII/feat/pre-commit-lint-stage

feat/pre-commit-lint-stage

Author: memoriaXII

.lintstagedrc.json

@@ -1,17 +1,13 @@
+/* eslint-disable react/react-in-jsx-scope */
 import { ethers, providers } from 'ethers';
 import {
   configureChains,
   createClient,
   WagmiConfig,
   defaultChains as WAGMI_SUPPORTED_CHAINS
 } from 'wagmi';
-import { CoinbaseWalletConnector } from 'wagmi/connectors/coinbaseWallet';
-import { InjectedConnector } from 'wagmi/connectors/injected';
-import { MetaMaskConnector } from 'wagmi/connectors/metaMask';
-import { WalletConnectConnector } from 'wagmi/connectors/walletConnect';
 import { publicProvider } from 'wagmi/providers/public';
 
-import { PLATFORM } from 'config/setting';
 import { getDefaultWallets } from '@rainbow-me/rainbowkit';
 
 type TProps = {
@@ -42,12 +38,10 @@ export const DEFAULT_CHAIN_RPC_LINK: { [key: number]: string } = {
   [SupportedChainId.GOERLI]: 'https://rpc.ankr.com/eth_goerli',
   [SupportedChainId.POLYGON]: 'https://polygon-rpc.com',
   [SupportedChainId.POLYGON_MUMBAI]: 'https://rpc-endpoints.superfluid.dev/mumbai',
-  [SupportedChainId.BSC]: 'https://bsc-dataseed.binance.org/',
-  [SupportedChainId.BSC_TESTNET]:
-    'https://speedy-nodes-nyc.moralis.io/dc678d041ec4263c972bc90f/bsc/testnet'
+  [SupportedChainId.BSC]: 'https://bsc-dataseed.binance.org/'
 };
 
-const WagmiProvider: React.FC<TProps> = ({ children }) => {
+const WagmiProvider: React.FC<TProps> = ({ children }: any) => {
   const supportedChains = [...WAGMI_SUPPORTED_CHAINS];
 
   const { chains, provider } = configureChains(supportedChains, [publicProvider()]);
@@ -56,7 +50,6 @@ const WagmiProvider: React.FC<TProps> = ({ children }) => {
     appName: 'My RainbowKit App',
     chains
   });
-
   const client = createClient({
     autoConnect: true,
     connectors,
@@ -72,6 +65,7 @@ const WagmiProvider: React.FC<TProps> = ({ children }) => {
         ].includes(chainId)
       ) {
         if (window.ethereum && window.ethereum.isMetaMask) {
+          // @ts-ignore
           return new ethers.providers.Web3Provider(window.ethereum, chainId);
         }
 

apps/web/src/pages/WagmiProvider.tsx

@@ -1,55 +1,65 @@
 module.exports = {
   env: {
     browser: true,
-    es2021: true
+    node: true
   },
+  extends: [
+    'next',
+    'airbnb',
+    'airbnb-typescript',
+    'plugin:import/recommended',
+    'plugin:import/typescript',
+    'prettier'
+  ],
+  plugins: ['@typescript-eslint', 'import'],
   settings: {
-    react: {
-      version: 'detect'
+    next: {
+      rootDir: ['apps/*/', 'packages/*/']
+    },
+    'import/parsers': {
+      '@typescript-eslint/parser': ['.ts', '.tsx']
     },
     'import/resolver': {
-      node: {
-        extensions: ['.js', '.ts', '.tsx']
+      typescript: {
+        alwaysTryTypes: true,
+        project: ['apps/*/tsconfig.json']
       }
-    },
-    'import/extensions': ['.js', '.ts', '.tsx']
-  },
-  extends: [
-    'plugin:react/recommended',
-    'plugin:react-hooks/recommended',
-    'airbnb-typescript',
-    'plugin:prettier/recommended'
-  ],
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    ecmaVersion: 2018,
-    sourceType: 'module',
-    project: './tsconfig.json',
-    tsconfigRootDir: __dirname,
-    ecmaFeatures: {
-      jsx: true
     }
   },
-  plugins: ['import', 'react', '@typescript-eslint', 'prettier'],
-  ignorePatterns: ['src/**/*.svg', '**/node_modules/**'],
   rules: {
-    'consistent-return': 0,
-    'function-paren-newline': 0,
-    'object-curly-newline': 0,
-    'react/prop-types': 0,
-    'react/jsx-filename-extension': 0,
-    'react/react-in-jsx-scope': 0,
-    'react/jsx-one-expression-per-line': 0,
-    'react/jsx-props-no-spreading': 0,
-    'react/jsx-closing-bracket-location': 0,
-    'react/no-unescaped-entities': 0,
-    'import/prefer-default-export': 0,
-    'implicit-arrow-linebreak': 0,
-    'jest/no-mocks-import': 0,
-    'prettier/prettier': 'error',
-    'no-unused-vars': ['error', { vars: 'all', args: 'none', ignoreRestSiblings: true }],
-    '@typescript-eslint/comma-dangle': 0,
-    '@typescript-eslint/no-use-before-define': 0,
-    '@typescript-eslint/indent': 0
-  }
+    // react
+    'react/function-component-definition': [
+      2,
+      {
+        namedComponents: 'arrow-function'
+      }
+    ],
+
+    // next
+    '@next/next/no-html-link-for-pages': 'off'
+  },
+  overrides: [
+    {
+      // 3) Now we enable eslint-plugin-testing-library rules or preset only for matching files!
+      env: {
+        jest: true
+      },
+      files: ['**/__tests__/**/*.[jt]s?(x)', '**/?(*.)+(spec|test).[jt]s?(x)'],
+      extends: ['plugin:testing-library/react', 'plugin:jest/recommended'],
+      rules: {
+        'import/no-extraneous-dependencies': ['off', { devDependencies: ['**/?(*.)+(spec|test).[jt]s?(x)'] }]
+      }
+    }
+  ],
+  ignorePatterns: [
+    '**/*.js',
+    '**/*.json',
+    'node_modules',
+    'public',
+    'styles',
+    '.next',
+    'coverage',
+    'dist',
+    '.turbo'
+  ]
 };

packages/config/eslint-next.js

@@ -6,8 +6,8 @@ module.exports = {
   moduleFileExtensions: ['js', 'jsx', 'json', 'ts', 'tsx'],
   transform: {
     '^.+\\.tsx?$': 'esbuild-jest',
-    '^.+\\.jsx?$': 'esbuild-jest',
+    '^.+\\.jsx?$': 'esbuild-jest'
   },
   coveragePathIgnorePatterns: [],
-  coverageThreshold: null,
-}
+  coverageThreshold: null
+};