Update webextension's packages and fix code for Linux and Node.js 18 …

…and after (#97)
textlint · Nov 25, 2024 · 00dba75 · 00dba75
1 parent ce2cefe
commit 00dba75
Show file tree

Hide file tree

Showing 4 changed files with 2,199 additions and 1,112 deletions.
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -10,7 +10,7 @@ jobs:
     runs-on: ${{ matrix.os }}
     strategy:
       matrix:
-        node-version: [ 16, 18, 20, 22 ]
+        node-version: [ 18, 20, 22 ]
         os: [ ubuntu-latest, windows-latest ]
     steps:
       - name: checkout
@@ -26,7 +26,7 @@ jobs:
         run: yarn run build
       - name: Build webextension (Chrome)
         run: npm run dist chrome
-        if: matrix.node-version == 16
+        if: matrix.os == 'ubuntu-latest'
         working-directory: packages/webextension
       - name: Test
         run: yarn test
diff --git a/packages/webextension/package.json b/packages/webextension/package.json
@@ -4,8 +4,8 @@
     "version": "0.17.0",
     "description": "textlint editor",
     "scripts": {
-        "dev": "webextension-toolbox dev",
-        "dist": "webextension-toolbox build",
+        "dev": "webextension-toolbox dev --config webextension-toolbox.config.js",
+        "dist": "webextension-toolbox build --config webextension-toolbox.config.js",
         "update-version": "node tools/sync-version.js && git add ./app/manifest.json && git commit -m 'chore(webextension): update version'"
     },
     "devDependencies": {
@@ -14,15 +14,15 @@
         "@types/reach__router": "^1.3.6",
         "@types/react": "^17.0.0",
         "@types/react-dom": "^17.0.0",
-        "copy-webpack-plugin": "9.0.1",
+        "copy-webpack-plugin": "^12.0.2",
         "css-loader": "^6.11.0",
         "path-browserify": "^1.0.1",
         "style-loader": "^1.2.1",
-        "ts-loader": "^8.4.0",
-        "webextension-toolbox": "^4.0.3",
-        "webpack": "5.42.0",
+        "ts-loader": "^9.5.1",
+        "@webextension-toolbox/webextension-toolbox": "^7.1.1",
+        "webpack": "^5.90.0",
         "webpack-sources": "^2.3.0",
-        "webpack-watched-glob-entries-plugin": "^2.1.9"
+        "webpack-watched-glob-entries-plugin": "^3.0.0"
     },
     "dependencies": {
         "@adobe/react-spectrum": "3.4.0",

diff --git a/packages/webextension/webextension-toolbox.config.js b/packages/webextension/webextension-toolbox.config.js
@@ -12,10 +12,6 @@ module.exports = {
             path.resolve("app", "*.{js,mjs,jsx,ts,tsx}"),
             path.resolve("app", "?(scripts)/*.{js,mjs,jsx,ts,tsx}")
         ]);
-        config.module.rules.push({
-            test: /\.tsx?$/,
-            loader: "ts-loader"
-        });
         config.module.rules.push({
             test: /\.css$/i,
             use: ["style-loader", "css-loader"]