Updated the boilerplate

- switched to Webpack 5, and updated the configuration
- switched webpack configuration to plain js, as plugins are still not
up to date with the new integrated definitions in Webpack 5
- updated eslint config to lint properly js and ts files
- removed unneeded local eslint plugin
- updated tsconfig with jsx-source
- make sure that hot reload works
- updated test
- updated libraries
- updated landing page somewhat and updated link to point to Github
documentation
- switched to pnpm

Author: high1

.babelrc

@@ -0,0 +1,89 @@
+{
+  "root": true,
+  "env": {
+    "browser": true,
+    "es6": true,
+    "node": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:prettier/recommended"
+  ],
+  "globals": {
+    "Atomics": "readonly",
+    "SharedArrayBuffer": "readonly"
+  },
+  "parser": "@babel/eslint-parser",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": 2020,
+    "sourceType": "module"
+  },
+  "ignorePatterns": [
+    "dist/*"
+  ],
+  "overrides": [
+    {
+      "files": [
+        "*.ts",
+        "*.tsx"
+      ],
+      "parser": "@typescript-eslint/parser",
+      "extends": [
+        "eslint:recommended",
+        "plugin:@typescript-eslint/recommended",
+        "plugin:@typescript-eslint/recommended-requiring-type-checking",
+        "plugin:jsx-a11y/recommended",
+        "plugin:import/errors",
+        "plugin:import/warnings",
+        "plugin:import/typescript",
+        "plugin:jest/recommended",
+        "plugin:jest/style",
+        "plugin:testing-library/recommended",
+        "plugin:jest-dom/recommended",
+        "plugin:json/recommended",
+        "plugin:eslint-comments/recommended",
+        "plugin:prettier/recommended",
+        "prettier/@typescript-eslint"
+      ],
+      "rules": {
+        "@typescript-eslint/explicit-function-return-type": [
+          "warn",
+          {
+            "allowExpressions": true
+          }
+        ],
+        "react/jsx-uses-react": "off",
+        "react/react-in-jsx-scope": "off"
+      },
+      "parserOptions": {
+        "sourceType": "module",
+        "ecmaFeatures": {
+          "impliedStrict": true,
+          "jsx": true
+        },
+        "ecmaVersion": 2020,
+        "project": "./tsconfig.json"
+      },
+      "settings": {
+        "import/parsers": {
+          "@typescript-eslint/parser": [
+            ".ts",
+            ".tsx"
+          ]
+        },
+        "import/resolver": {
+          // "node": {},
+          "typescript": {}
+        }
+      },
+      "env": {
+        "es2020": true,
+        "browser": true,
+        "jest": true
+      }
+    }
+  ]
+}

.eslintplugin.js

@@ -0,0 +1,20 @@
+{
+  "presets": [
+    "solid",
+    "@babel/typescript"
+  ],
+  "env": {
+    "test": {
+      "presets": [
+        [
+          "@babel/env",
+          {
+            "targets": {
+              "node": true
+            }
+          }
+        ]
+      ]
+    }
+  }
+}

.eslintrc

@@ -6,7 +6,7 @@
   "scripts": {
     "build": "webpack --mode production",
     "coverage": "jest --coverage",
-    "dev": "webpack-dev-server --hot --port 3000 --mode development",
+    "dev": "webpack serve --mode development",
     "lint": "eslint --ext .ts,.tsx src/",
     "open:coverage": "npm run coverage && open-cli ./coverage/lcov-report/index.html",
     "start": "npm run dev -- --open",
@@ -17,55 +17,52 @@
   "license": "ISC",
   "dependencies": {
     "clean-webpack-plugin": "^3.0.0",
-    "solid-js": "^0.18.7"
+    "solid-js": "^0.23.10"
   },
   "devDependencies": {
-    "@babel/core": "^7.10.2",
-    "@babel/preset-env": "^7.10.2",
-    "@babel/preset-typescript": "^7.10.1",
-    "@testing-library/dom": "^7.16.1",
-    "@testing-library/jest-dom": "^5.10.1",
-    "@types/html-webpack-plugin": "^3.2.3",
-    "@types/jest": "^26.0.0",
-    "@types/mini-css-extract-plugin": "^0.9.1",
-    "@types/node": "^14.0.13",
-    "@types/optimize-css-assets-webpack-plugin": "^5.0.1",
-    "@types/terser-webpack-plugin": "^3.0.0",
-    "@types/webpack": "^4.41.17",
-    "@types/webpack-dev-server": "^3.11.0",
-    "@typescript-eslint/eslint-plugin": "^3.3.0",
-    "@typescript-eslint/parser": "^3.3.0",
-    "babel-loader": "^8.1.0",
-    "babel-preset-solid": "^0.18.7",
-    "css-loader": "^3.6.0",
-    "eslint": "^7.2.0",
-    "eslint-config-prettier": "^6.11.0",
-    "eslint-import-resolver-typescript": "^2.0.0",
-    "eslint-loader": "^4.0.2",
-    "eslint-plugin-import": "^2.21.2",
-    "eslint-plugin-jest": "^23.13.2",
-    "eslint-plugin-jest-dom": "^3.0.1",
-    "eslint-plugin-jsx-a11y": "^6.2.3",
-    "eslint-plugin-local": "^1.0.0",
-    "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-testing-library": "^3.3.0",
-    "file-loader": "^6.0.0",
-    "fork-ts-checker-webpack-plugin": "^5.0.1",
-    "html-webpack-plugin": "^4.3.0",
-    "jest": "^26.0.1",
-    "jest-environment-jsdom-sixteen": "^1.0.3",
-    "mini-css-extract-plugin": "^0.9.0",
+    "@babel/core": "^7.12.10",
+    "@babel/eslint-parser": "^7.12.1",
+    "@babel/preset-env": "^7.12.11",
+    "@babel/preset-typescript": "^7.12.7",
+    "@testing-library/dom": "^7.29.2",
+    "@testing-library/jest-dom": "^5.11.8",
+    "@types/jest": "^26.0.20",
+    "@typescript-eslint/eslint-plugin": "^4.12.0",
+    "@typescript-eslint/parser": "^4.12.0",
+    "babel-loader": "^8.2.2",
+    "babel-preset-solid": "^0.23.8",
+    "css-loader": "^5.0.1",
+    "css-minimizer-webpack-plugin": "^1.2.0",
+    "eslint": "^7.17.0",
+    "eslint-config-prettier": "^7.1.0",
+    "eslint-import-resolver-typescript": "^2.3.0",
+    "eslint-plugin-eslint-comments": "^3.2.0",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-jest": "^24.1.3",
+    "eslint-plugin-jest-dom": "^3.6.5",
+    "eslint-plugin-json": "^2.1.2",
+    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-prettier": "^3.3.1",
+    "eslint-plugin-testing-library": "^3.10.1",
+    "eslint-webpack-plugin": "^2.4.1",
+    "fork-ts-checker-webpack-plugin": "^6.1.0",
+    "html-webpack-plugin": "^4.5.1",
+    "jest": "^26.6.3",
+    "mini-css-extract-plugin": "^1.3.3",
     "open-cli": "^6.0.1",
-    "optimize-css-assets-webpack-plugin": "^5.0.3",
-    "prettier": "^2.0.5",
-    "terser-webpack-plugin": "^3.0.5",
-    "ts-jest": "^26.1.0",
-    "ts-node": "^8.10.2",
-    "tsconfig-paths-webpack-plugin": "^3.2.0",
-    "typescript": "^3.9.5",
-    "webpack": "^4.43.0",
-    "webpack-cli": "^3.3.11",
-    "webpack-dev-server": "^3.11.0"
+    "prettier": "^2.2.1",
+    "style-loader": "^2.0.0",
+    "terser-webpack-plugin": "^5.1.1",
+    "ts-jest": "^26.4.4",
+    "ts-node": "^9.1.1",
+    "tsconfig-paths-webpack-plugin": "^3.3.0",
+    "typescript": "^4.1.3",
+    "webpack": "^5.12.2",
+    "webpack-cli": "^4.3.1",
+    "webpack-dev-server": "^3.11.1"
+  },
+  "prettier": {
+    "singleQuote": true
   },
   "jest": {
     "globals": {
@@ -97,7 +94,7 @@
     ]
   },
   "browserslist": {
-    "development": [
+    "production": [
       "last 1 chrome version",
       "last 1 firefox version"
     ]