CODEBASE: Update dev dependencies (#2246)

package.json

@@ -51,58 +51,61 @@
   },
   "description": "A cyberpunk-themed incremental game",
   "devDependencies": {
-    "@babel/core": "^7.23.0",
-    "@babel/preset-env": "^7.22.20",
-    "@babel/preset-react": "^7.22.15",
-    "@babel/preset-typescript": "^7.23.0",
+    "@babel/core": "^7.28.0",
+    "@babel/preset-env": "^7.28.0",
+    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
     "@microsoft/api-documenter": "~7.23.38",
-    "@microsoft/api-extractor": "^7.51.0",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
-    "@swc/core": "^1.9.3",
-    "@types/babel__standalone": "^7.1.7",
+    "@microsoft/api-extractor": "^7.52.8",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.6.1",
+    "@swc/core": "^1.12.14",
+    "@types/babel__standalone": "^7.1.9",
     "@types/bcryptjs": "^2.4.4",
     "@types/convert-source-map": "^2.0.3",
-    "@types/file-saver": "^2.0.5",
-    "@types/jest": "^29.5.5",
-    "@types/jquery": "^3.5.22",
-    "@types/lodash": "^4.14.199",
+    "@types/jest": "^30.0.0",
+    "@types/lodash": "^4.17.20",
     "@types/react": "^17.0.67",
-    "@types/react-beautiful-dnd": "^13.1.5",
+    "@types/react-beautiful-dnd": "^13.1.8",
     "@types/react-dom": "^17.0.21",
-    "@types/react-resizable": "^3.0.5",
+    "@types/react-resizable": "^3.0.8",
     "@types/sprintf-js": "^1.1.4",
     "@typescript-eslint/eslint-plugin": "^6.9.1",
     "@typescript-eslint/parser": "^6.9.1",
     "babel-jest": "^29.7.0",
-    "babel-loader": "^9.1.3",
+    "babel-loader": "^10.0.0",
     "babel-plugin-transform-barrels": "^1.0.17",
-    "copy-webpack-plugin": "^12.0.2",
+    "copy-webpack-plugin": "^13.0.0",
     "css-loader": "^7.1.2",
-    "csstype": "3.1.2",
-    "electron": "^35.1.5",
+    "csstype": "3.1.3",
+    "electron": "^37.2.3",
     "electron-packager": "^17.1.2",
     "eslint": "^8.52.0",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "fork-ts-checker-webpack-plugin": "^9.0.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "fork-ts-checker-webpack-plugin": "^9.1.0",
     "html-webpack-plugin": "^5.6.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "jsdom": "^20.0.3",
+    "jsdom": "^26.1.0",
     "lodash": "^4.17.21",
     "mathjax-full": "^3.2.2",
     "monaco-editor": "^0.52.0",
     "monaco-editor-webpack-plugin": "^7.1.0",
     "prettier": "^2.8.8",
-    "react-refresh": "^0.14.2",
+    "react-refresh": "^0.17.0",
     "rehype-mathjax": "^4.0.3",
     "rehype-raw": "^6.1.1",
     "remark-math": "^5.1.1",
-    "style-loader": "^3.3.3",
-    "typescript": "^5.7.3",
-    "webpack": "^5.96.1",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.1.0"
+    "style-loader": "^4.0.0",
+    "typescript": "^5.8.3",
+    "webpack": "^5.100.2",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.2"
+  },
+  "overrides": {
+    "react-syntax-highlighter": {
+      "prismjs": "1.30.0"
+    }
   },
   "engines": {
     "node": ">=18"

src/@types/global.d.ts

@@ -22,24 +22,6 @@ declare interface Document {
 }
 
 declare global {
-  /**
-   * We use Babel Parser. It's one of many internal packages of babel-standalone, and those packages are not exposed in
-   * the declaration file.
-   * Ref: https://babeljs.io/docs/babel-standalone#internal-packages
-   */
-  declare module "@babel/standalone" {
-    export const packages: {
-      parser: {
-        parse: (
-          code: string,
-          option: any,
-        ) => {
-          program: import("../utils/ScriptTransformer").BabelASTProgram;
-        };
-      };
-    };
-  }
-
   /**
    * "loader" is not exposed in the public API.
    */

src/ui/MD/components.tsx

@@ -81,6 +81,7 @@ export const li = (props: React.PropsWithChildren<LiProps>): React.ReactElement
 // I really hate the implementation but I don't know how to get typescript to cooperate.
 const fixAlign = (align: React.CSSProperties["textAlign"]): TableCellProps["align"] => {
   if (align === "-moz-initial") return "inherit";
+  if (align === "-webkit-match-parent") return "inherit";
   if (align === "initial") return "inherit";
   if (align === "revert") return "inherit";
   if (align === "revert-layer") return "inherit";

src/utils/ScriptTransformer.ts

@@ -74,7 +74,7 @@ export function parseAST(scriptName: string, hostname: string, code: string, fil
     if (fileType === FileType.JS) {
       ast = acorn.parse(code, { sourceType: "module", ecmaVersion: "latest" });
     } else {
-      const plugins = [];
+      const plugins: ("jsx" | "typescript")[] = [];
       if (fileTypeFeature.isReact) {
         plugins.push("jsx");
       }
@@ -83,7 +83,6 @@ export function parseAST(scriptName: string, hostname: string, code: string, fil
       }
       ast = babel.packages.parser.parse(code, {
         sourceType: "module",
-        ecmaVersion: "latest",
         /**
          * The usage of the "estree" plugin is mandatory. We use acorn-walk to walk the AST. acorn-walk only supports the
          * ESTree AST format, but babel-parser uses the Babel AST format by default.