build: update react-scripts and switch to eslint

Author: 4gray

.eslintrc.js

@@ -0,0 +1,27 @@
+module.exports = {
+  extends: [
+    'plugin:@typescript-eslint/recommended'
+  ],
+  plugins: ['react', '@typescript-eslint', 'jest'],
+  env: {
+    browser: true,
+    es6: true,
+    jest: true,
+  },
+  globals: {
+    Atomics: 'readonly',
+    SharedArrayBuffer: 'readonly',
+  },
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 2018,
+    sourceType: 'module',
+    project: './tsconfig.json',
+  },
+  rules: {
+    'linebreak-style': 'off',
+  },
+};

.gitignore

@@ -1,3 +1,4 @@
 .sonarlint
+.eslintcache
 node_modules
 build

package.json

@@ -4,15 +4,18 @@
     "version": "1.1.0",
     "description": "Explore trending Github repositories directly in VSCode",
     "engines": {
-        "vscode": "^1.37.0"
+        "vscode": "^1.38.0"
     },
     "keywords": [
         "github",
         "popular",
+        "programming",
+        "software",
         "trending",
         "repositories"
     ],
     "publisher": "4gray",
+    "license": "MIT",
     "icon": "assets/icon.png",
     "homepage": "https://4gray.github.io/vsc-github-trending",
     "galleryBanner": {
@@ -87,22 +90,29 @@
         "build": "./scripts/build-non-split.js && tsc -p tsconfig.extension.json",
         "test": "react-scripts test --env=jsdom",
         "eject": "react-scripts eject",
-        "package": "vsce package --yarn"
+        "package": "vsce package --yarn",
+        "watch": "tsc -w -p ./"
     },
     "devDependencies": {
         "@types/jest": "^24.0.18",
         "@types/node": "^12.7.3",
         "@types/react": "^17.0.0",
         "@types/react-dom": "^17.0.0",
         "@types/vscode": "^1.37.0",
+        "@typescript-eslint/eslint-plugin": "^4.13.0",
+        "@typescript-eslint/parser": "^4.13.0",
+        "eslint": "^7.18.0",
         "prettier": "^1.18.2",
-        "react-scripts": "^3.1.1",
+        "react-scripts": "^4.0.1",
         "rewire": "^4.0.1",
         "typescript": "^3.6.0"
     },
     "resolutions": {
         "@types/react": "^17.0.0"
     },
+    "bugs": {
+        "url": "https://github.com/4gray/vsc-github-trending/issues"
+    },
     "repository": {
         "type": "git",
         "url": "https://github.com/4gray/vsc-github-trending.git"

src/components/DateSelect.tsx

@@ -10,7 +10,7 @@ import './App.css';
 type DateSelectProps = {
     className: string;
     selectedInterval: string;
-    onChange?(event: any): void;
+    onChange(event: any): void;
     intervals?: any[];
 };
 

src/components/Header.tsx

@@ -6,7 +6,7 @@ import DateSelect from './DateSelect';
 import LanguageSelect from './LanguageSelect';
 
 class Header extends React.Component<any> {
-    public render() {
+    render() {
         return (
             <Card className="Header">
                 <Grid container={true} spacing={6}>

src/components/LanguageSelect.tsx

@@ -11,7 +11,7 @@ import { Language } from './App';
 type LanguageSelectProps = {
     className: string;
     selectedLanguage: string;
-    onChange?(event: any): void;
+    onChange(event: any): void;
     languages: Language[];
 };
 

src/index.tsx

@@ -3,4 +3,4 @@ import * as ReactDOM from 'react-dom';
 import App from './components/App';
 import './index.css';
 
-ReactDOM.render(<App />, document.getElementById('root') as HTMLElement);
+ReactDOM.render(<App />, document.getElementById('root'));

tsconfig.json

@@ -1,20 +1,31 @@
 {
-    "compilerOptions": {
-        "target": "es5",
-        "lib": ["dom", "dom.iterable", "esnext"],
-        "allowJs": true,
-        "skipLibCheck": true,
-        "esModuleInterop": true,
-        "allowSyntheticDefaultImports": true,
-        "strict": true,
-        "forceConsistentCasingInFileNames": true,
-        "module": "esnext",
-        "moduleResolution": "node",
-        "resolveJsonModule": true,
-        "isolatedModules": true,
-        "noEmit": true,
-        "jsx": "preserve",
-        "strictNullChecks": false
-    },
-    "include": ["src"]
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react",
+    "strictNullChecks": false,
+    "noFallthroughCasesInSwitch": true,
+    "rootDir": "src"
+  },
+  "exclude": [
+    "node_modules"
+  ],
+  "include": [
+    "src"
+  ]
 }