upgrade dependencies

Author: Cansn0w

package-lock.json

@@ -35,39 +35,39 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@types/jest": "^29.4.0",
-    "@types/loader-utils": "^2.0.3",
-    "@types/react": "^18.0.28",
-    "@types/react-dom": "^18.0.11",
-    "@types/webpack-bundle-analyzer": "^4.6.0",
-    "@typescript-eslint/eslint-plugin": "^5.52.0",
-    "@typescript-eslint/parser": "^5.52.0",
+    "@types/jest": "^29.5.8",
+    "@types/loader-utils": "^2.0.6",
+    "@types/react": "^18.2.37",
+    "@types/react-dom": "^18.2.15",
+    "@types/webpack-bundle-analyzer": "^4.6.3",
+    "@typescript-eslint/eslint-plugin": "^6.10.0",
+    "@typescript-eslint/parser": "^6.10.0",
     "clean-webpack-plugin": "^4.0.0",
-    "css-loader": "^6.7.3",
-    "css-minimizer-webpack-plugin": "^4.2.2",
-    "eslint": "^8.34.0",
-    "eslint-plugin-react": "^7.32.2",
+    "css-loader": "^6.8.1",
+    "css-minimizer-webpack-plugin": "^5.0.1",
+    "eslint": "^8.53.0",
+    "eslint-plugin-react": "^7.33.2",
     "file-loader": "^6.2.0",
-    "html-webpack-plugin": "^5.5.0",
+    "html-webpack-plugin": "^5.5.3",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^29.4.3",
-    "mini-css-extract-plugin": "^2.7.2",
-    "postcss": "^8.4.21",
-    "postcss-loader": "^7.0.2",
+    "jest": "^29.7.0",
+    "mini-css-extract-plugin": "^2.7.6",
+    "postcss": "^8.4.31",
+    "postcss-loader": "^7.3.3",
     "postcss-normalize": "^10.0.1",
-    "postcss-preset-env": "^8.0.1",
-    "prettier": "^2.8.4",
+    "postcss-preset-env": "^9.3.0",
+    "prettier": "^3.0.3",
     "serve-static": "^1.15.0",
-    "style-loader": "^3.3.1",
-    "ts-jest": "^29.0.5",
-    "ts-loader": "^9.4.2",
+    "style-loader": "^3.3.3",
+    "ts-jest": "^29.1.1",
+    "ts-loader": "^9.5.0",
     "ts-node": "^10.9.1",
-    "typescript": "^4.9.5",
+    "typescript": "^5.2.2",
     "url-loader": "^4.1.1",
-    "webpack": "^5.75.0",
-    "webpack-bundle-analyzer": "^4.8.0",
-    "webpack-dev-server": "^4.11.1",
-    "webpack-merge": "^5.8.0",
-    "yargs": "^17.6.2"
+    "webpack": "^5.89.0",
+    "webpack-bundle-analyzer": "^4.9.1",
+    "webpack-dev-server": "^4.15.1",
+    "webpack-merge": "^5.10.0",
+    "yargs": "^17.7.2"
   }
 }

package.json

@@ -58,10 +58,10 @@ class ClassnameStore {
               this.loaded.add(name);
             } else {
               console.warn(
-                `Found duplicated class names from {this.storeFileName}, please regenerate by removing ${storeFileName}.`
+                `Found duplicated class names from {this.storeFileName}, please regenerate by removing ${storeFileName}.`,
               );
             }
-          }
+          },
         );
       } else {
         this.generating = true;
@@ -83,7 +83,7 @@ class ClassnameStore {
     this.sessions -= 1;
     if (this.sessions === 0) {
       const deleted = Array.from(this.loaded).filter(
-        (name) => !this.visited.has(name)
+        (name) => !this.visited.has(name),
       );
       if (this.generating) {
         console.log(`saving all class name into ${storeFileName}.`);
@@ -92,7 +92,7 @@ class ClassnameStore {
           "\x1b[1m",
           "\x1b[33m",
           `${deleted.length} class names including "${deleted[0]}" have been removed from the list, you can regenerate the list by removing ${storeFileName}.`,
-          "\x1b[0m"
+          "\x1b[0m",
         );
       }
       fs.writeFileSync(storeFileName, JSON.stringify(this.classnames, null, 2));
@@ -106,7 +106,7 @@ function getReadableCSSModuleLocalIdent(
   context: unknown,
   localIdentName: unknown,
   localName: string,
-  options: unknown
+  options: unknown,
 ) {
   return loaderUtils
     .interpolateName(context, "[path][name]__" + localName, options)
@@ -117,17 +117,17 @@ function getMinimalCSSModuleLocalIdent(
   context: unknown,
   localIdentName: unknown,
   localName: string,
-  options: unknown
+  options: unknown,
 ) {
   if (store == null) {
     throw new Error(
-      `CssModuleClassNameMinifierPlugin is not initialized, make sure to include the plugin in your webpack configuration.`
+      `CssModuleClassNameMinifierPlugin is not initialized, make sure to include the plugin in your webpack configuration.`,
     );
   }
   const codeName = loaderUtils.interpolateName(
     context,
     "[path][name]__" + localName,
-    options
+    options,
   );
   return store.getName(codeName);
 }
@@ -165,7 +165,7 @@ export class CssModuleClassNameMinifierPlugin {
     context: unknown,
     localIdentName: unknown,
     localName: string,
-    options: unknown
+    options: unknown,
   ) {
     return getLocalIdent(context, localIdentName, localName, options);
   }

scripts/css-module-classname-minifier.ts

@@ -98,7 +98,7 @@ function createBaseConfig({
         ? [
             new webpack.NormalModuleReplacementPlugin(
               /configurations\/configuration\.ts/gi,
-              "./configuration.dev.ts"
+              "./configuration.dev.ts",
             ),
           ]
         : []),
@@ -115,7 +115,7 @@ function createBaseConfig({
 }
 
 export function createAppConfig(
-  options: BuildConfiguration
+  options: BuildConfiguration,
 ): webpack.Configuration {
   const { mode, dirname, devServer } = options;
   const devMode = mode !== "production";
@@ -158,7 +158,7 @@ export function createAppConfig(
 }
 
 export function createPrerenderConfig(
-  options: BuildConfiguration
+  options: BuildConfiguration,
 ): webpack.Configuration {
   const { dirname } = options;
 

scripts/webpack.config.ts

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <meta charset="utf-8" />

src/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <meta charset="utf-8" />

src/index.server.html

@@ -59,7 +59,7 @@ async function renderToString(content: React.ReactNode) {
           res(Buffer.concat(chunks).toString());
           callback();
         },
-      })
+      }),
     );
   });
 }

src/prerender.ts

@@ -9,8 +9,15 @@ body {
 html {
   color: rgba(0, 0, 0, 0.8);
   font-size: calc(0.5vw + 12.2px);
-  font-family: OpenSans, Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica,
-    Arial, Lucida Grande, sans-serif;
+  font-family:
+    OpenSans,
+    Roboto,
+    Helvetica Neue Light,
+    Helvetica Neue,
+    Helvetica,
+    Arial,
+    Lucida Grande,
+    sans-serif;
   overflow-y: scroll;
 }
 

src/styles.css

@@ -27,8 +27,8 @@ function runWebpack(
   config: webpack.Configuration | webpack.Configuration[],
   callback?: (
     error: Error | undefined,
-    stats: webpack.Stats | webpack.MultiStats | undefined
-  ) => void
+    stats: webpack.Stats | webpack.MultiStats | undefined,
+  ) => void,
 ) {
   if (Array.isArray(config)) {
     return webpack(config, callback);
@@ -40,7 +40,7 @@ function serve(
   port: number,
   entry: string,
   api: string | undefined,
-  bind: boolean
+  bind: boolean,
 ) {
   const buildOptions = {
     dirname: __dirname,
@@ -103,7 +103,7 @@ function serve(
 
   const server = new WebpackDevServer(
     devServerConfig,
-    runWebpack(webpackConfig)
+    runWebpack(webpackConfig),
   );
   server.startCallback(() => {
     console.log(`Starting server on http://localhost:${port}`);
@@ -140,7 +140,7 @@ function build(mode: "development" | "production", entry: string) {
           chunks: false,
           chunkModules: false,
           assets: false,
-        }) + "\n"
+        }) + "\n",
       );
     }
   });
@@ -179,15 +179,15 @@ yargs
         .check(({ port }) => {
           if (isNaN(Number(port))) {
             throw Error(
-              `Error: port number needs to be a number, received "${port}"`
+              `Error: port number needs to be a number, received "${port}"`,
             );
           }
           return true;
         });
     },
     function ({ port, entry, api, bind }) {
       serve(port, entry, api, bind);
-    }
+    },
   )
   .command(
     "build [mode] [entry]",
@@ -220,7 +220,7 @@ yargs
     },
     function ({ mode, entry }) {
       build(mode, entry);
-    }
+    },
   )
   .demandCommand(1, "")
   .help().argv;