TCA-499 #comment This commit merges branch 'eslint-prettier' into TCA-499_eslint

Author: brooketopcoder

package.json

@@ -7,12 +7,15 @@
         "start": "sh start-ssl.sh",
         "start:brooke": "sudo sh start-ssl-brooke.sh",
         "build": "yarn react-app-rewired build",
-        "lint": "tslint 'src-ts/**/*.{ts,tsx}' && eslint 'src*/**/*.{js,jsx,ts,tsx}'",
-        "lint:fix": "tslint 'src-ts/**/*.{ts,tsx}' --fix && eslint 'src*/**/*.{js,jsx,ts,tsx}' --fix",
-        "tslint": "tslint 'src-ts/**/*.{ts,tsx}'",
-        "tslint:fix": "tslint 'src-ts/**/*.{ts,tsx}' --fix",
-        "eslint": "eslint 'src/**/*.{js,jsx}'",
-        "eslint:fix": "eslint 'src/**/*.{js,jsx}' --fix",
+        "lint:ts": "eslint -c ./src-ts/.eslintrc.js 'src-ts/**/*.{ts,tsx}'",
+        "lint:ts:fix": "eslint -c ./src-ts/.eslintrc.js 'src-ts/**/*.{ts,tsx}' --fix",
+        "lint:js": "eslint -c ./src/.eslintrc.js 'src/**/*.{js,jsx}'",
+        "lint:js:fix": "eslint -c ./src/.eslintrc.js 'src/**/*.{js,jsx}' --fix",
+        "lint": "npm run lint:js && npm run lint:ts",
+        "lint:fix": "npm run lint:js:fix && npm run lint:ts:fix",
+        "prettier": "prettier ./src-ts/**/*.{ts,tsx} --check",
+        "prettier:fix": "prettier ./src-ts/**/*.{ts,tsx} --write",
+        "format:all": "npm run prettier:fix && npm run lint:fix",
         "test": "react-scripts test --watchAll",
         "test:no-watch": "react-scripts test --watchAll=false --passWithNoTests",
         "cy:run": "cypress run --reporter junit",
@@ -102,6 +105,8 @@
         "@types/segment-analytics": "^0.0.34",
         "@types/systemjs": "^6.1.1",
         "@types/uuid": "^8.3.4",
+        "@typescript-eslint/eslint-plugin": "^5.30.6",
+        "@typescript-eslint/parser": "^5.30.6",
         "@wdio/junit-reporter": "^7.25.1",
         "autoprefixer": "^10.4.12",
         "babel-eslint": "^11.0.0-beta.2",
@@ -114,11 +119,17 @@
         "cross-env": "^7.0.3",
         "cypress": "^10.10.0",
         "eslint": "^8.25.0",
+        "eslint-config-airbnb": "^19.0.4",
         "eslint-config-prettier": "^8.5.0",
         "eslint-config-react-app": "^7.0.1",
         "eslint-config-react-important-stuff": "^3.0.0",
+        "eslint-import-resolver-typescript": "^3.2.5",
         "eslint-plugin-cypress": "^2.12.1",
+        "eslint-plugin-import": "^2.25.3",
+        "eslint-plugin-jsx-a11y": "^6.5.1",
         "eslint-plugin-prettier": "^4.2.1",
+        "eslint-plugin-react": "^7.28.0",
+        "eslint-plugin-react-hooks": "^4.3.0",
         "file-loader": "^6.2.0",
         "husky": "^8.0.1",
         "identity-obj-proxy": "^3.0.0",
@@ -127,8 +138,8 @@
         "jest-cli": "^29.2.0",
         "lint-staged": "^13.0.3",
         "nyc": "^15.1.0",
-        "postcss-loader": "^7.0.1",
-        "postcss-scss": "^4.0.5",
+        "postcss-loader": "^4.0.4",
+        "postcss-scss": "^3.0.2",
         "prettier": "^2.7.1",
         "pretty-quick": "^3.1.3",
         "resolve-url-loader": "^5.0.0",
@@ -138,6 +149,7 @@
         "style-loader": "^3.3.1",
         "systemjs-webpack-interop": "^2.3.7",
         "tslint": "^6.1.3",
+        "webpack": "^4.41.2",
         "webpack-cli": "^4.10.0",
         "webpack-config-single-spa-react": "^4.0.3",
         "webpack-dev-server": "^4.11.1",

src-ts/.eslintrc.js

@@ -0,0 +1,93 @@
+module.exports = {
+    root: true,
+    env: {
+        browser: true,
+        es2021: true,
+    },
+    extends: [
+        'plugin:react/recommended',
+        'airbnb',
+        'plugin:@typescript-eslint/recommended',
+        'prettier'
+    ],
+    parser: '@typescript-eslint/parser',
+    parserOptions: {
+        useJSXTextNode: true,
+        project: "./tsconfig.json",
+        tsconfigRootDir: ".",
+        tsx: true,
+        jsx: true,
+        sourceType: 'module',
+    },
+    plugins: [
+        'react',
+        '@typescript-eslint',
+        'react-hooks',
+    ],
+    settings: {
+        react: {
+            "version": "detect"
+        },
+        "import/resolver": {
+            typescript: {},
+        }
+    },
+    rules: {
+        '@typescript-eslint/explicit-function-return-type': 'off',
+        '@typescript-eslint/no-inferrable-types': 'off',
+        '@typescript-eslint/no-shadow': 'error',
+        'import/extensions': 'off',
+        'import/prefer-default-export': 'off',
+        'indent': [
+            2,
+            4,
+            {
+                SwitchCase: 1,
+            },
+        ],
+        'no-shadow': 'off',
+        'no-use-before-define': [
+            'error',
+            { functions: false }
+        ],
+        'padded-blocks': [
+            'error',
+            { }
+        ],
+        'react-hooks/exhaustive-deps': 'warn',
+        'react-hooks/rules-of-hooks': 'error',
+        'react/function-component-definition': [
+            2,
+            {
+                namedComponents: 'arrow-function'
+            }
+        ],
+        'react/jsx-filename-extension': [
+            1,
+            {
+                extensions: [
+                    '.tsx',
+                    '.jsx',
+                ]
+            },
+        ],
+        'react/jsx-indent-props': [
+            2,
+            4,
+        ],
+        'react/jsx-indent': [
+            2,
+            4,
+        ],
+        'react/jsx-props-no-spreading': [
+            2,
+            { html: 'ignore' },
+        ],
+        'react/react-in-jsx-scope': 'off',
+        'react/require-default-props': 'off',
+        'semi': [
+            'error',
+            'never',
+        ],
+    },
+};

src-ts/.prettierrc.js

@@ -0,0 +1,9 @@
+module.exports = {
+    arrowParens: 'avoid',
+    bracketSpacing: true,
+    jsxSingleQuote: true,
+    printWidth: 100,
+    semi: false,
+    singleQuote: true,
+    trailingComma: 'all',
+}

src/.eslintrc.js

@@ -0,0 +1,28 @@
+module.exports = {
+    root: true,
+    env: {
+        browser: true,
+        es2021: true,
+        jest: true,
+    },
+    extends: [
+        'react-app',
+        'react-app/jest',
+    ],
+    parserOptions: {
+        useJSXTextNode: true,
+        jsx: true,
+        sourceType: 'module',
+    },
+    plugins: [
+        'react',
+    ],
+    settings: {
+        react: {
+            version: 'detect',
+        },
+    },
+    rules: {
+        'no-useless-escape': 0,
+    },
+}