Update frontend dependencies (a lot of them) (#479)

* clippy

* update webpack

* update a lot of stuff

Author: rbtying

core/examples/simulate_play.rs

@@ -206,7 +206,7 @@ fn main() {
                                     u.into_iter()
                                         .flat_map(|x| {
                                             x.into_iter().flat_map(|(card, count)| {
-                                                std::iter::repeat(card.card).take(count)
+                                                std::iter::repeat_n(card.card, count)
                                             })
                                         })
                                         .collect::<Vec<_>>()

frontend/package.json

@@ -5,30 +5,28 @@
   "repository": "https://github.com/rbtying/shengji.git",
   "license": "MIT",
   "dependencies": {
-    "@sentry/react": "^6.1.0",
-    "@sentry/tracing": "^5.27.4",
+    "@sentry/react": "^9.13.0",
+    "@sentry/tracing": "^7.120.3",
     "@types/canvas-confetti": "^1.0.0",
     "@types/classnames": "^2.2.10",
-    "@types/jest": "^25.2.1",
-    "@types/node": "^13.11.1",
-    "@types/react": "^16.9.32",
-    "@types/react-dom": "^16.9.6",
+    "@types/jest": "^29.5.14",
+    "@types/node": "^22.14.1",
+    "@types/react": "19.1.2",
+    "@types/react-dom": "^19.1.2",
     "@types/react-modal": "^3.10.5",
-    "@types/react-select": "^3.0.11",
-    "@types/react-tooltip": "^4.2.4",
-    "@types/styled-components": "^5.0.1",
     "canvas-confetti": "^1.2.0",
     "classnames": "^2.2.6",
     "emoji-picker-react": "^4.4.7",
     "jest": "^29.7.0",
-    "json-schema-to-typescript": "^11.0.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "react-is": "^16.13.1",
+    "json-schema-to-typescript": "^15.0.4",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "react-is": "^19.1.0",
     "react-modal": "^3.11.2",
-    "react-select": "^3.1.0",
-    "react-tooltip": "^4.2.7",
-    "styled-components": "^5.1.0",
+    "react-select": "5",
+    "react-tooltip": "^5.28.1",
+    "styled-components": "^6.0.0",
+    "stylis": "^4.0.0",
     "ts-jest": "^29.2.5",
     "ts-loader": "^9.5.1",
     "typescript": "^5.7.2"
@@ -48,24 +46,24 @@
     "@typescript-eslint/eslint-plugin": "^8.17.0",
     "@typescript-eslint/parser": "^8.0.0",
     "@wasm-tool/wasm-pack-plugin": "^1.4.0",
-    "copy-webpack-plugin": "^6.0.3",
-    "css-loader": "^4.0.0",
-    "css-minimizer-webpack-plugin": "^3.0.1",
+    "copy-webpack-plugin": "^13.0.0",
+    "css-loader": "^7.1.2",
+    "css-minimizer-webpack-plugin": "^7.0.2",
     "eslint": "^9.16.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-n": "^17.14.0",
     "eslint-plugin-promise": "^7.2.1",
     "eslint-plugin-react": "^7.37.2",
-    "globals": "^15.13.0",
-    "hook-shell-script-webpack-plugin": "^0.1.4",
+    "globals": "^16.0.0",
+    "hook-shell-script-webpack-plugin": "^0.4.0",
     "html-webpack-plugin": "^5.3.2",
-    "mini-css-extract-plugin": "^1.6.0",
+    "mini-css-extract-plugin": "^2.9.2",
     "prettier": "^3.4.1",
     "react-color": "^2.18.1",
-    "rimraf": "^3.0.2",
+    "rimraf": "^6.0.1",
     "terser-webpack-plugin": "^5.1.3",
     "typescript-eslint": "^8.17.0",
     "webpack": "^5.76.0",
-    "webpack-cli": "^4.7.2"
+    "webpack-cli": "^6.0.1"
   }
 }

frontend/shengji-wasm/src/lib.rs

@@ -140,7 +140,7 @@ pub fn decompose_trick_format(req: JsValue) -> Result<JsValue, JsValue> {
                 .into_iter()
                 .flat_map(|u| {
                     u.into_iter()
-                        .flat_map(|(card, count)| std::iter::repeat(card.card).take(count))
+                        .flat_map(|(card, count)| std::iter::repeat_n(card.card, count))
                         .collect::<Vec<_>>()
                 })
                 .collect()

frontend/src/AppStateProvider.tsx

@@ -9,6 +9,8 @@ import {
   numberLocalStorageState,
 } from "./localStorageState";
 
+import type { JSX } from "react";
+
 export interface AppState {
   settings: Settings;
   gameStatistics: GameStatistics;

frontend/src/AutoPlayButton.tsx

@@ -1,5 +1,7 @@
 import * as React from "react";
 
+import type { JSX } from "react";
+
 interface IProps {
   onSubmit: () => void;
   playDescription: null | string;

frontend/src/BeepButton.tsx

@@ -1,6 +1,8 @@
 import * as React from "react";
 import { WebsocketContext } from "./WebsocketProvider";
 
+import type { JSX } from "react";
+
 const BeepButton = (): JSX.Element => {
   const { send } = React.useContext(WebsocketContext);
 

frontend/src/BidArea.tsx

@@ -13,6 +13,8 @@ import { WebsocketContext } from "./WebsocketProvider";
 import LabeledPlay from "./LabeledPlay";
 import WasmContext from "./WasmContext";
 
+import type { JSX } from "react";
+
 interface IBidAreaProps {
   bids: Bid[];
   autobid: Bid | null;

frontend/src/Card.tsx

@@ -9,6 +9,8 @@ import { ISuitOverrides } from "./state/Settings";
 import { Trump } from "./gen-types";
 import WasmContext from "./WasmContext";
 
+import type { JSX } from "react";
+
 const SvgCard = React.lazy(async () => await import("./SvgCard"));
 
 interface IProps {

frontend/src/Cards.tsx

@@ -6,6 +6,8 @@ import ArrayUtils from "./util/array";
 import WasmContext from "./WasmContext";
 import { SettingsContext } from "./AppStateProvider";
 
+import type { JSX } from "react";
+
 interface IProps {
   hands: Hands;
   trump: Trump;

frontend/src/Chat.tsx

@@ -4,6 +4,8 @@ import ChatMessage, { Message } from "./ChatMessage";
 import { WebsocketContext } from "./WebsocketProvider";
 import { SettingsContext } from "./AppStateProvider";
 
+import type { JSX } from "react";
+
 interface IProps {
   messages: Message[];
 }