tech/upgrades (#1151)

* Upgrade axios

* Bump sass-loader from 16.0.7 to 17.0.0 (#1141)

Bumps [sass-loader](https://github.com/webpack/sass-loader) from 16.0.7 to 17.0.0.
- [Release notes](https://github.com/webpack/sass-loader/releases)
- [Changelog](https://github.com/webpack/sass-loader/blob/main/CHANGELOG.md)
- [Commits](webpack/sass-loader@v16.0.7...v17.0.0)

---
updated-dependencies:
- dependency-name: sass-loader
  dependency-version: 17.0.0
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Update version

* Add mise.toml configuration file

* Bump webpack-cli from 6.0.1 to 7.0.3 (#1134)

Bumps [webpack-cli](https://github.com/webpack/webpack-cli) from 6.0.1 to 7.0.3.
- [Release notes](https://github.com/webpack/webpack-cli/releases)
- [Changelog](https://github.com/webpack/webpack-cli/blob/main/CHANGELOG.md)
- [Commits](https://github.com/webpack/webpack-cli/compare/webpack-cli@6.0.1...webpack-cli@7.0.3)

---
updated-dependencies:
- dependency-name: webpack-cli
  dependency-version: 7.0.3
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Bump jest from 30.2.0 to 30.4.2 (#1140)

Bumps [jest](https://github.com/jestjs/jest/tree/HEAD/packages/jest) from 30.2.0 to 30.4.2.
- [Release notes](https://github.com/jestjs/jest/releases)
- [Changelog](https://github.com/jestjs/jest/blob/main/CHANGELOG.md)
- [Commits](https://github.com/jestjs/jest/commits/v30.4.2/packages/jest)

---
updated-dependencies:
- dependency-name: jest
  dependency-version: 30.4.2
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Bump @babel/preset-react from 7.28.5 to 7.29.7 (#1139)

Bumps [@babel/preset-react](https://github.com/babel/babel/tree/HEAD/packages/babel-preset-react) from 7.28.5 to 7.29.7.
- [Release notes](https://github.com/babel/babel/releases)
- [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md)
- [Commits](https://github.com/babel/babel/commits/v7.29.7/packages/babel-preset-react)

---
updated-dependencies:
- dependency-name: "@babel/preset-react"
  dependency-version: 7.29.7
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Remove engine setting

* Upgrade packages to latest version

* Upgrade browserlist

* Use --config-node-env for setting NODE_ENV

* Add webRequest to permissions

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Author: manubo

.babelrc

@@ -1,7 +1,4 @@
 {
-  "presets": [
-    ["@babel/preset-env", { "useBuiltIns": "entry", "corejs": 3 }],
-    "@babel/preset-react"
-  ],
+  "presets": ["@babel/preset-env", "@babel/preset-react"],
   "plugins": []
 }

mise.toml

@@ -0,0 +1,2 @@
+[tools]
+node = "25"

package.json

@@ -1,69 +1,67 @@
 {
   "name": "moco-browser-extensions",
   "description": "Browser plugin for MOCO",
-  "version": "2.16.0",
+  "version": "2.17.0",
   "license": "MIT",
   "browserslist": [
     "defaults",
     "not ie 11"
   ],
   "scripts": {
     "start": "yarn start:chrome",
-    "start:chrome": "webpack --config webpack.chrome.config.js --watch --env browser=chrome --env NODE_ENV=development",
-    "start:firefox": "webpack --config webpack.firefox.config.js --watch --env browser=firefox --env NODE_ENV=development",
+    "start:chrome": "webpack --config webpack.chrome.config.js --watch --env browser=chrome --config-node-env=development",
+    "start:firefox": "webpack --config webpack.firefox.config.js --watch --env browser=firefox --config-node-env=development",
     "zip:chrome": "zip -qr build/chrome/moco-bx-source.zip . -x .git/\\* build/\\* node_modules/\\* test/\\* .DS_Store",
     "zip:firefox": "zip -qr build/firefox/moco-bx-source.zip . -x .git/\\* build/\\* node_modules/\\* test/\\* .DS_Store",
-    "build:chrome": "webpack --config webpack.chrome.config.js --env browser=chrome --env NODE_ENV=production",
-    "build:firefox": "webpack --config webpack.firefox.config.js --env browser=firefox --env NODE_ENV=production",
+    "build:chrome": "webpack --config webpack.chrome.config.js --env browser=chrome --config-node-env production",
+    "build:firefox": "webpack --config webpack.firefox.config.js --env browser=firefox --config-node-env=production",
     "build": "yarn build:firefox && yarn zip:firefox && yarn build:chrome && yarn zip:chrome",
     "test": "./node_modules/.bin/jest",
     "test:watch": "jest --watch"
   },
   "dependencies": {
-    "@vespaiach/axios-fetch-adapter": "^0.3.0",
-    "axios": "^0.30.3",
+    "axios": "^1.18.1",
     "classnames": "^2.5.1",
-    "core-js": "^3.49.0",
-    "date-fns": "^4.1.0",
-    "dotenv": "^17.3.1",
-    "focus-trap": "^8.0.0",
-    "lodash": "^4.17.23",
+    "date-fns": "^4.4.0",
+    "dotenv": "^17.4.2",
+    "focus-trap": "^8.2.2",
+    "lodash": "^4.18.1",
     "prop-types": "^15.6.2",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "react-select": "^5.10.2",
     "url-pattern": "^1.0.3",
     "webext-bridge": "^6.0.1",
     "webextension-polyfill": "^0.12.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.29.6",
-    "@babel/eslint-parser": "^7.28.6",
-    "@babel/preset-env": "^7.29.0",
-    "@babel/preset-react": "^7.28.5",
-    "babel-jest": "^30.2.0",
-    "babel-loader": "^10.0.0",
+    "@babel/core": "^8.0.1",
+    "@babel/eslint-parser": "^8.0.1",
+    "@babel/preset-env": "^8.0.2",
+    "@babel/preset-react": "^8.0.1",
+    "babel-jest": "^30.4.1",
+    "babel-loader": "^10.1.1",
     "clean-webpack-plugin": "^4.0.0",
-    "copy-webpack-plugin": "^13.0.1",
+    "copy-webpack-plugin": "^14.0.0",
     "copyfiles": "^2.4.1",
     "css-loader": "^7.1.4",
-    "eslint": "^9.39.2",
+    "eslint": "^10.6.0",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-jest": "^29.15.0",
-    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-jest": "^29.15.4",
+    "eslint-plugin-prettier": "^5.5.6",
     "eslint-plugin-react": "^7.37.5",
     "file-loader": "^6.0.0",
-    "html-webpack-plugin": "^5.6.6",
-    "jest": "^30.2.0",
+    "html-webpack-plugin": "^5.6.7",
+    "jest": "^30.4.2",
     "mini-css-extract-plugin": "^2.10.2",
-    "prettier": "^3.8.1",
-    "sass": "^1.97.3",
-    "sass-loader": "^16.0.7",
+    "prettier": "^3.9.4",
+    "sass": "^1.101.0",
+    "sass-loader": "^17.0.0",
     "style-loader": "^4.0.0",
     "svg-inline-loader": "^0.8.2",
-    "uuid": "^13.0.0",
-    "webpack": "^5.105.3",
-    "webpack-cli": "^6.0.1",
+    "uuid": "^14.0.1",
+    "webpack": "^5.108.3",
+    "webpack-cli": "^7.1.0",
     "zip-webpack-plugin": "^4.0.1"
   },
   "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"

src/js/api/Client.js

@@ -1,5 +1,4 @@
 import axios from "axios"
-import fetchAdapter from "@vespaiach/axios-fetch-adapter"
 import { formatDate, mocoHost, mocoProtocol } from "utils"
 
 const baseURL = (subdomain) => {
@@ -13,7 +12,7 @@ export default class Client {
   constructor({ subdomain, apiKey, version }) {
     this.#apiKey = apiKey
     this.#client = axios.create({
-      adapter: fetchAdapter,
+      adapter: "fetch",
       responseType: "json",
       baseURL: baseURL(subdomain),
       headers: {

src/manifest.firefox.json

@@ -13,7 +13,7 @@
     "page": "options.html",
     "browser_style": true
   },
-  "permissions": ["https://*.mocoapp.com/*", "storage", "tabs"],
+  "permissions": ["https://*.mocoapp.com/*", "storage", "tabs", "webRequest"],
   "background": {
     "page": "background.html"
   },

webpack.base.config.js

@@ -66,7 +66,6 @@ module.exports = (env) => {
         cleanAfterEveryBuildPatterns: ["!manifest.json", "!*.html"],
       }),
       new webpack.DefinePlugin({
-        "process.env.NODE_ENV": JSON.stringify(env.NODE_ENV),
         "process.env.USE_LOCAL_MOCO": process.env.USE_LOCAL_MOCO === "true",
       }),
       new MiniCssExtractPlugin({