Ci/Setup Linting

.eslintrc.js

@@ -0,0 +1,23 @@
+module.exports = {
+  // parser: '@typescript-eslint/parser', // Specifies the ESLint parser
+  // parserOptions: {
+  //   ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
+  //   sourceType: 'module', // Allows for the use of imports
+  // },
+  // settings: {
+  //   react: {
+  //     version: 'detect', // Tells eslint-plugin-react to automatically detect the version of React to use
+  //   },
+  // },
+  // extends: [
+  //   'react-app', // Uses the recommended rules Create React App
+  //   'plugin:@typescript-eslint/recommended', // Uses the recommended rules from the @typescript-eslint/eslint-plugin
+  //   'prettier/@typescript-eslint', // Uses eslint-config-prettier to disable ESLint rules from @typescript-eslint/eslint-plugin that would conflict with prettier
+  //   'plugin:prettier/recommended', // Enables eslint-plugin-prettier and eslint-config-prettier. This will display prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array.
+  // ],
+  rules: {
+    // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
+    // e.g. "@typescript-eslint/explicit-function-return-type": "off",
+    '@typescript-eslint/explicit-module-boundary-types': 'off', // Switching this off for now as it doesn't seem to infer return types of JSX
+  },
+};

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  }
+}

client/.env

@@ -0,0 +1 @@
+EXTEND_ESLINT=true

client/.eslintrc.js

@@ -0,0 +1,23 @@
+module.exports = {
+  parser: '@typescript-eslint/parser', // Specifies the ESLint parser
+  parserOptions: {
+    ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
+    sourceType: 'module', // Allows for the use of imports
+  },
+  settings: {
+    react: {
+      version: 'detect', // Tells eslint-plugin-react to automatically detect the version of React to use
+    },
+  },
+  extends: [
+    'react-app', // Uses the recommended rules Create React App
+    'plugin:@typescript-eslint/recommended', // Uses the recommended rules from the @typescript-eslint/eslint-plugin
+    'prettier/@typescript-eslint', // Uses eslint-config-prettier to disable ESLint rules from @typescript-eslint/eslint-plugin that would conflict with prettier
+    'plugin:prettier/recommended', // Enables eslint-plugin-prettier and eslint-config-prettier. This will display prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array.
+  ],
+  rules: {
+    // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
+    // e.g. "@typescript-eslint/explicit-function-return-type": "off",
+    '@typescript-eslint/explicit-module-boundary-types': 'off', // Switching this off for now as it doesn't seem to infer return types of JSX
+  },
+};

client/.lintstagedrc.json

@@ -0,0 +1,3 @@
+{
+  "src/*.{js,ts,tsx}": ["eslint --fix", "git add"]
+}