example app: update dependencies

example/electron-app/.husky/.gitignore

@@ -0,0 +1 @@
+_

example/electron-app/.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx --no-install lint-staged

example/electron-app/README.md

@@ -2,6 +2,7 @@ Electron.js app with [electron-rpc-api](https://github.com/vladimiry/electron-rp
 
 ## Getting started
 
+0. Make sure you run `npm v7+` (comes with `Node.js v15+`).
 1. Run `yarn --pure-lockfile` console command to install the dependencies.
 2. Run `yarn start` console command to build and start the app.
 

example/electron-app/package.json

@@ -6,13 +6,13 @@
   "license": "MIT",
   "repository": "[email protected]:vladimiry/electron-rpc-api.git",
   "engines": {
-    "node": ">=12.0.0"
+    "node": ">=14.0.0"
   },
   "main": "./app/generated/main/index.js",
   "scripts": {
-    "build": "yarn webpack:shortcut webpack -c ./webpack-configs/webpack.config.ts",
-    "build:watch": "yarn webpack:shortcut webpack -c ./webpack-configs/webpack.config.ts -w",
-    "build:watch:dev": "cross-env NODE_ENV=development yarn webpack:shortcut webpack -c ./webpack-configs/webpack.config.ts -w",
+    "build": "yarn webpack:shortcut --config ./webpack-configs/webpack.config.ts",
+    "build:watch": "yarn webpack:shortcut --config ./webpack-configs/webpack.config.ts -w",
+    "build:watch:dev": "cross-env NODE_ENV=development yarn webpack:shortcut --config ./webpack-configs/webpack.config.ts -w",
     "clean": "rimraf ./app/generated",
     "electron-builder:directory": "electron-builder --dir",
     "electron-builder:package": "electron-builder",
@@ -21,59 +21,60 @@
     "lint:ts": "yarn run lint:ts:base \"./src/**/*.ts\" \"./webpack-configs/webpack.config.ts\"",
     "lint:ts:base": "eslint",
     "start": "npm-run-all lint build electron:start",
-    "webpack:shortcut": "cross-env TS_NODE_FILES=true npx --no-install --node-arg=\"--require tsconfig-paths/register\""
+    "webpack:shortcut": "cross-env TS_NODE_FILES=true npm exec --package=webpack-cli --node-options=\"--require tsconfig-paths/register\" -- webpack"
   },
   "dependencies": {
-    "electron-rpc-api": "6.1.0",
-    "rxjs": "6.6.3",
-    "sanitize-html": "2.3.2",
+    "electron-rpc-api": "6.1.1",
+    "rxjs": "6.6.7",
+    "sanitize-html": "2.3.3",
     "tcp-ping": "0.1.1"
   },
   "devDependencies": {
-    "@types/html-webpack-plugin": "3.2.4",
-    "@types/mini-css-extract-plugin": "1.2.2",
-    "@types/node": "12.12.6",
+    "@types/html-webpack-plugin": "3.2.5",
+    "@types/mini-css-extract-plugin": "1.4.0",
+    "@types/node": "14.14.37",
     "@types/sanitize-html": "1.27.1",
     "@types/tcp-ping": "0.1.1",
-    "@types/webpack-dev-server": "3.11.1",
-    "@types/webpack-merge": "4.1.5",
-    "@types/webpack-node-externals": "2.5.0",
-    "@typescript-eslint/eslint-plugin": "4.14.2",
-    "@typescript-eslint/parser": "4.14.2",
+    "@types/webpack-dev-server": "3.11.3",
+    "@types/webpack-merge": "5.0.0",
+    "@types/webpack-node-externals": "2.5.1",
+    "@typescript-eslint/eslint-plugin": "4.20.0",
+    "@typescript-eslint/parser": "4.20.0",
     "@vladimiry/import-sort-style": "0.1.1",
     "bootstrap": "4.6.0",
     "cross-env": "7.0.3",
-    "css-loader": "5.0.1",
-    "electron": "11.2.2",
-    "electron-builder": "22.9.1",
-    "eslint": "7.19.0",
+    "css-loader": "5.2.0",
+    "electron": "12.0.2",
+    "electron-builder": "22.10.5",
+    "eslint": "7.23.0",
     "eslint-plugin-import": "2.22.1",
-    "eslint-plugin-sonarjs": "0.5.0",
-    "html-webpack-plugin": "5.0.0",
-    "husky": "4.3.8",
+    "eslint-plugin-sonarjs": "0.6.0",
+    "html-webpack-plugin": "5.3.1",
+    "husky": "^6.0.0",
     "import-sort-cli": "6.0.0",
     "import-sort-parser-typescript": "6.0.0",
-    "lint-staged": "10.5.3",
-    "mini-css-extract-plugin": "1.3.5",
+    "lint-staged": "10.5.4",
+    "mini-css-extract-plugin": "1.4.0",
     "npm-run-all": "4.1.5",
     "ping": "0.4.0",
     "rimraf": "3.0.2",
-    "sass": "1.32.6",
-    "sass-loader": "10.1.1",
-    "ts-loader": "8.0.14",
+    "sass": "1.32.8",
+    "sass-loader": "11.0.1",
+    "ts-loader": "8.1.0",
     "ts-node": "9.1.1",
-    "tsconfig-paths-webpack-plugin": "3.3.0",
-    "typescript": "4.1.3",
-    "wait-on": "5.2.1",
-    "webpack": "5.20.2",
-    "webpack-cli": "4.5.0",
+    "tsconfig-paths": "3.9.0",
+    "tsconfig-paths-webpack-plugin": "3.5.1",
+    "typescript": "4.2.3",
+    "wait-on": "5.3.0",
+    "webpack": "5.28.0",
+    "webpack-cli": "4.6.0",
     "webpack-dev-server": "3.11.2",
     "webpack-merge": "5.7.3",
     "webpack-node-externals": "2.5.2"
   },
   "resolutions": {
-    "import-sort-cli/yargs": "^15.x",
-    "import-sort-parser-typescript/typescript": "^4.x",
-    "webpack-dev-server/selfsigned/node-forge": "^0.10.0"
+    "*/**/tslib": "^2.x",
+    "import-sort-cli/yargs": "^16.x",
+    "import-sort-parser-typescript/typescript": "^4.x"
   }
 }

example/electron-app/webpack-configs/webpack.config.ts

@@ -39,7 +39,6 @@ const buildConfig = (configPatch: Configuration, tsOptions: Partial<Options> = {
             resolve: {
                 extensions: ["*", ".js", ".ts"],
                 plugins: [
-                    // @ts-expect-error // eslint-disable-line @typescript-eslint/ban-ts-comment
                     new TsconfigPathsPlugin(tsOptions),
                 ],
                 fallback: {