chore(deps): upgrade dependencies 31.03.2021

Author: liangchunn

README.md

@@ -25,8 +25,7 @@ yarn start
 
 ## Requirements
 
-- node `>=8.0.0`
-- `process.platform !== 'win32'`
+- node `>=10.12.0`
 
 ## Documentation
 

package.json

@@ -28,61 +28,61 @@
   "repository": "https://github.com/liangchunn/typescript-node-scripts",
   "license": "MIT",
   "dependencies": {
-    "@babel/code-frame": "7.10.4",
-    "@babel/core": "7.12.10",
-    "@babel/preset-env": "7.12.11",
-    "@typescript-eslint/eslint-plugin": "4.10.0",
-    "@typescript-eslint/parser": "4.10.0",
+    "@babel/code-frame": "7.12.13",
+    "@babel/core": "7.13.14",
+    "@babel/preset-env": "7.13.12",
+    "@typescript-eslint/eslint-plugin": "4.20.0",
+    "@typescript-eslint/parser": "4.20.0",
     "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "10.1.0",
     "babel-jest": "26.6.3",
     "babel-loader": "8.2.2",
-    "case-sensitive-paths-webpack-plugin": "2.3.0",
+    "case-sensitive-paths-webpack-plugin": "2.4.0",
     "chalk": "4.1.0",
     "clean-webpack-plugin": "3.0.0",
-    "eslint": "7.15.0",
+    "eslint": "7.23.0",
     "eslint-plugin-import": "2.22.1",
-    "eslint-webpack-plugin": "2.4.1",
+    "eslint-webpack-plugin": "2.5.3",
     "filesize": "6.1.0",
-    "fork-ts-checker-webpack-plugin": "6.0.7",
-    "fs-extra": "9.0.1",
+    "fork-ts-checker-webpack-plugin": "6.2.0",
+    "fs-extra": "9.1.0",
     "jest": "26.6.3",
     "pstree.remy": "1.1.8",
     "strip-ansi": "6.0.0",
     "text-table": "0.2.0",
-    "ts-jest": "26.4.4",
-    "ts-loader": "8.0.12",
-    "tsconfig-paths-webpack-plugin": "3.3.0",
-    "tslib": "^2.0.3",
-    "webpack": "5.11.0",
-    "webpack-merge": "5.4.0",
+    "ts-jest": "26.5.4",
+    "ts-loader": "8.1.0",
+    "tsconfig-paths-webpack-plugin": "3.5.1",
+    "tslib": "^2.1.0",
+    "webpack": "5.28.0",
+    "webpack-merge": "5.7.3",
     "webpack-node-externals": "2.5.2"
   },
   "devDependencies": {
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
     "@types/babel-code-frame": "^6.20.4",
-    "@types/case-sensitive-paths-webpack-plugin": "^2.1.4",
-    "@types/eslint": "^7.2.5",
-    "@types/fs-extra": "^9.0.4",
-    "@types/jest": "^26.0.15",
+    "@types/case-sensitive-paths-webpack-plugin": "^2.1.5",
+    "@types/eslint": "^7.2.8",
+    "@types/fs-extra": "^9.0.9",
+    "@types/jest": "^26.0.22",
     "@types/node": "^14.14.9",
     "@types/text-table": "^0.2.1",
-    "@types/webpack-merge": "^4.1.5",
-    "@types/webpack-node-externals": "^2.5.0",
+    "@types/webpack-merge": "^5.0.0",
+    "@types/webpack-node-externals": "^2.5.1",
     "commitizen": "^4.2.2",
     "conventional-changelog-cli": "^2.1.1",
     "cz-conventional-changelog": "^3.3.0",
-    "eslint-config-prettier": "^7.0.0",
-    "eslint-plugin-prettier": "^3.1.4",
+    "eslint-config-prettier": "^8.1.0",
+    "eslint-plugin-prettier": "^3.3.1",
     "husky": "^5.0.1",
     "lint-staged": "^10.5.1",
     "pinst": "^2.1.1",
-    "prettier": "^2.1.2",
-    "typescript": "4.1.2"
+    "prettier": "^2.2.1",
+    "typescript": "4.2.3"
   },
   "peerDependencies": {
-    "typescript": ">=3.3.1 <4.2.0"
+    "typescript": ">=3.3.1 <4.3.0"
   },
   "engines": {
     "node": ">=10.12.0"

src/lib/createWebpackConfig.ts

@@ -40,7 +40,7 @@ export const createWebpackConfig = (
         new TsconfigPathsPlugin({
           configFile: paths.appTsConfig,
           silent: true,
-        }),
+        }) as any,
       ],
     },
     module: {

src/lib/formatWebpackMessages.ts

@@ -1,7 +1,13 @@
 import chalk from 'chalk'
+import { StatsCompilation } from 'webpack'
 
 const friendlySyntaxErrorLabel = 'Syntax error:'
 
+type D = Exclude<StatsCompilation['errors'], undefined>
+type ArrayType<T> = T extends Array<infer U> ? U : never
+// Not exported by webpack
+type StatsError = ArrayType<D>
+
 /**
  * Formats webpack messages into a nicer looking, human friendly format.
  * Heavily adopted from:
@@ -10,7 +16,7 @@ const friendlySyntaxErrorLabel = 'Syntax error:'
  * TODO: fix typing of any, could be error from webpack or loader, so we might want to format it differently
  * @param message
  */
-function formatMessage(rawMessage: any): string {
+function formatMessage(rawMessage: StatsError): string {
   const fileName = rawMessage.moduleId || rawMessage.file
   let message = fileName
     ? `${fileName}\n${rawMessage.message}`
@@ -88,20 +94,19 @@ function formatMessage(rawMessage: any): string {
 }
 
 export function formatWebpackMessages(
-  json: {
-    errors: string[]
-    warnings: string[]
-  } // Webpack's stat output is typed as any
+  json: StatsCompilation
 ): {
   errors: string[]
   warnings: string[]
 } {
-  const errors = json.errors
-    .map((message: string) => formatMessage(message))
-    .filter((message) => message !== '')
-  const warnings = json.warnings
-    .map((message: string) => formatMessage(message))
-    .filter((message) => message !== '')
+  const errors =
+    json.errors
+      ?.map((error) => formatMessage(error))
+      .filter((message) => message !== '') ?? []
+  const warnings =
+    json.warnings
+      ?.map((warning) => formatMessage(warning))
+      .filter((message) => message !== '') ?? []
 
   return {
     errors,

src/scripts/create.ts

@@ -42,7 +42,7 @@ const createApp = (useYarn: boolean, appName?: string) => {
   const packageDevDependencies = [
     '@types/node',
     '@types/jest',
-    'typescript@~4.1.2',
+    'typescript@~4.2.3',
     'typescript-node-scripts',
   ]