♻️ 重构代码，升级为manifest v3

Author: CodFrm

.eslintignore

@@ -12,12 +12,14 @@ jobs:
     runs-on: ubuntu-latest
     name: Build
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
+
       - name: Use Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
-          node-version: 20
-          cache: 'npm'
+          node-version: 22
+          cache: 'pnpm'
 
       - name: Package with Node
         env:
@@ -26,19 +28,19 @@ jobs:
           mkdir dist
           echo "$CHROME_PEM" > ./dist/scriptcat.pem
           chmod 600 ./dist/scriptcat.pem
-          npm ci
-          npm run pack
+          pnpm i
+          pnpm run pack
 
       - name: Archive production artifacts
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
         with:
           name: all-artifacts
           path: |
             dist/*.zip
             dist/*.crx
 
       - name: Archive extension
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
         with:
           name: scriptcat
           path: |

.eslintrc.cjs

@@ -11,12 +11,14 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
+
       - name: Use Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
-          node-version: 20
-          cache: 'npm'
+          node-version: 22
+          cache: 'pnpm'
 
       - name: Package with Node
         env:
@@ -25,52 +27,9 @@ jobs:
           mkdir dist
           echo "$CHROME_PEM" > ./dist/scriptcat.pem
           chmod 600 ./dist/scriptcat.pem
-          npm ci
-          npm test
-          npm run pack
-
-      - name: Create Release
-        id: create_release
-        uses: actions/create-release@latest
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} # This token is provided by Actions, you do not need to create your own token
-        with:
-          tag_name: ${{ github.ref }}
-          release_name: ${{ github.ref }}
-          body: |
-            'no description'
-          draft: false
-          prerelease: false
+          pnpm i
+          pnpm run pack
 
-      - name: Upload Release Asset zip
-        id: upload-release-asset
-        uses: actions/upload-release-asset@v1
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        with:
-          upload_url: ${{ steps.create_release.outputs.upload_url }}
-          asset_path: ./dist/scriptcat-${{ github.ref_name }}-chrome.zip
-          asset_name: scriptcat-${{ github.ref_name }}-chrome.zip
-          asset_content_type: application/zip
-
-      - name: Upload FireFox Release Asset zip
-        id: upload-firefox-release-asset
-        uses: actions/upload-release-asset@v1
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        with:
-          upload_url: ${{ steps.create_release.outputs.upload_url }}
-          asset_path: ./dist/scriptcat-${{ github.ref_name }}-firefox.zip
-          asset_name: scriptcat-${{ github.ref_name }}-firefox.zip
-          asset_content_type: application/zip
-
-      - name: Upload Crx Release Asset zip
-        id: upload-crx-release-asset
-        uses: actions/upload-release-asset@v1
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      - uses: ncipollo/release-action@v1
         with:
-          upload_url: ${{ steps.create_release.outputs.upload_url }}
-          asset_path: ./dist/scriptcat-${{ github.ref_name }}-chrome.crx
-          asset_name: scriptcat-${{ github.ref_name }}-chrome.crx
-          asset_content_type: application/zip
+          artifacts: "./dist/*.zip,./dist/*.crx"

.github/workflows/build.yaml

@@ -3,28 +3,27 @@ name: test
 on:
   push:
     branches:
-      - main
-      - release/*
-      - dev
-      - develop/*
-  pull_request:
+      - disable # 暂时禁用
+  # pull_request:
 
 jobs:
   tests:
     runs-on: ubuntu-latest
     name: Run tests
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
+
       - name: Use Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
-          node-version: 20
-          cache: 'npm'
+          node-version: 22
+          cache: 'pnpm'
 
       - name: Unit Test
         run: |
-          npm ci
-          npm test
+          pnpm i
+          pnpm run coverage
 
       - name: Upload coverage reports to Codecov with GitHub Action
-        uses: codecov/codecov-action@v3
+        uses: codecov/codecov-action@v5

.github/workflows/packageRelease.yml

@@ -1,2 +1,4 @@
-dist/
-example/
+# Lock files
+package-lock.json
+pnpm-lock.yaml
+yarn.lock

.github/workflows/test.yaml

@@ -6,15 +6,14 @@
   "htmlWhitespaceSensitivity": "css",
   "insertPragma": false,
   "jsxSingleQuote": false,
-  "printWidth": 80,
-  "proseWrap": "preserve",
+  "printWidth": 120,
+  "proseWrap": "always",
   "quoteProps": "as-needed",
   "requirePragma": false,
   "semi": true,
   "singleQuote": false,
   "tabWidth": 2,
   "trailingComma": "es5",
   "useTabs": false,
-  "vueIndentScriptAndStyle": false,
   "endOfLine": "auto"
-}
+}

.prettierignore

@@ -20,19 +20,21 @@ ScriptCat 引起的，欢迎提交 Issue。在提交时，请附带详细的复
 
 ## Pull Request
 
-ScriptCat 使用 [npm](https://www.npmjs.com/) 来管理项目依赖。如果你已经安装了
+ScriptCat 使用 [pnpm](https://pnpm.io/) 来管理项目依赖。如果你已经安装了
 npm，以下的命令可以帮助你快速配置开发环境：
 
 ```bash
 # 安装 node.js 依赖
-npm install
+pnpm install
 ```
 
-我们推荐使用代理来解决 npm 的网络问题，而不是使用镜像。
+我们推荐使用[代理](https://pnpm.io/npmrc#https-proxy)来解决 pnpm 的网络问题，而不是使用镜像。
 
 ```bash
-# 设置代理
-npm config set proxy=http://127.0.0.1:1080
+# 设置代理(linux/mac)
+export HTTPS_PROXY=http://127.0.0.1:1080
+# 设置代理(windows)
+set HTTPS_PROXY=http://127.0.0.1:1080
 ```
 
 ### Commit 规范
@@ -102,6 +104,7 @@ ScriptCat 的页面开发使用了以下技术：
 - [React](https://reactjs.org/)
 - UI 框架 [arco](https://arco.design)
 - CSS 框架 [unocss](https://unocss.dev/interactive/)
+- RsPack 打包工具 [rspack](https://rspack.dev/)
 
 如果你想在本地运行 ScriptCat，可以使用以下命令：
 
@@ -117,7 +120,6 @@ npm run pack
 
 在打包前，请确保在`dist`目录下生成了`scriptcat.pem`文件。
 
-# 注意问题
+## 注意问题
 
-- 使用`yarn install`时可能会出现错误，最好使用`npm i`
-- `npm run dev`之后需要把`dist/ext`目录里面内容在浏览器扩展里面导入加载，然后开始改代码保存即可，浏览器是实时更新的
+- `npm run dev`之后需要把`dist/ext`目录里面内容在浏览器扩展里面导入加载，然后开始改代码保存即可，浏览器是实时更新的，但是涉及到`manifest.json`、`service_worker`、`offscreen`、`sandbox`的改动需要重新导入加载。