refactor: ♻️ 重构项目打包、脚本模块导入，迁移至 rolldown

Author: hymbz

docs/.vitepress/imgSize.ts

@@ -9,11 +9,7 @@ const getImg = (url: string) => {
     return fs.readFileSync(`docs/public/${name}`);
   }
 
-  if (url.startsWith('http')) {
-    const res = fetch(url);
-    return res.buffer();
-  }
-
+  if (url.startsWith('http')) return fetch(url).buffer();
   return fs.readFileSync(url);
 };
 

docs/功能/页面填充.md

@@ -5,6 +5,7 @@
 ::: info 举例
 
   <table>
+    <tbody>
     <tr>
       <td>图1</td>
       <td>填充页</td>
@@ -13,6 +14,7 @@
       <td>图3</td>
       <td>图2</td>
     </tr>
+    </tbody>
   </table>
 :::
 
@@ -29,6 +31,7 @@
 ::: info 举例
 
   <table>
+    <tbody>
     <tr>
       <td>图2</td>
       <td>图1</td>
@@ -44,11 +47,13 @@
       <td>图7</td>
       <td>图6</td>
     </tr>
+    </tbody>
   </table>
 
   <p>在第一页和第二页切换「页面填充」只会在第一页增加填充页，下面跨页之后的左右顺序不受影响</p>
 
   <table>
+    <tbody>
     <tr>
       <td>图1</td>
       <td>填充页</td>
@@ -68,6 +73,7 @@
       <td>图7</td>
       <td>图6</td>
     </tr>
+    </tbody>
   </table>
 :::
 

oxlint.config.ts

@@ -2,6 +2,8 @@ import i18nextPlugin from 'eslint-plugin-i18next';
 import solidPlugin from 'eslint-plugin-solid';
 import { defineConfig } from 'oxlint';
 
+import packlistData from './scripts/lib/packlist.json' with { type: 'json' };
+
 export default defineConfig({
   plugins: [
     'oxc',
@@ -12,13 +14,18 @@ export default defineConfig({
     'jsdoc',
     'vitest',
   ],
-  jsPlugins: ['eslint-plugin-solid', 'eslint-plugin-i18next'],
+  jsPlugins: [
+    'eslint-plugin-solid',
+    'eslint-plugin-i18next',
+    './scripts/lint-plugin/restricted-relative-imports.mjs',
+  ],
   categories: {
     correctness: 'error',
     suspicious: 'error',
     pedantic: 'warn',
     perf: 'warn',
     style: 'warn',
+    // restriction: 'warn',
   },
   env: {
     browser: true,
@@ -31,6 +38,8 @@ export default defineConfig({
 
     // Core
 
+    // 禁用禁止使用对象展开/剩余属性语法
+    'oxc/no-rest-spread-properties': 'off',
     // 要求函数所有代码路径都有一致的返回值行为
     'consistent-return': 'off', // 交给 TS 的 noImplicitReturns 处理就好了
     // 要求注释以大写字母开头
@@ -249,11 +258,6 @@ export default defineConfig({
     'unicorn/prefer-add-event-listener': 'off',
     // 要求使用 globalThis 代替 window/global/self
     'unicorn/prefer-global-this': 'off',
-    // 要求使用 import.meta 代替 __dirname/__filename
-    // TODO: 使用 @rollup/plugin-typescript 加载 rollup 的时候
-    // import.meta.dirname 在打包时斜杠会出错
-    // 所以无法直接使用 import.meta.dirname，等之后重构打包流程再启用这规则
-    'unicorn/prefer-import-meta-properties': 'off',
     // 要求使用 querySelector 代替其他 DOM 查询方法
     'unicorn/prefer-query-selector': 'off',
     // 要求使用顶层 await
@@ -327,6 +331,10 @@ export default defineConfig({
 
     // Import
 
+    // 禁止使用默认导出
+    'import/no-default-export': 'off',
+    // 禁止模块之间的循环依赖
+    'import/no-cycle': 'warn',
     // 强制一致地使用 type 导入风格，type 标注内联在导入语句中
     'import/consistent-type-specifier-style': ['error', 'prefer-inline'],
     // 要求所有 export 语句放在文件末尾
@@ -345,25 +353,20 @@ export default defineConfig({
     'import/no-unassigned-import': 'off',
     // 要求使用默认导出（export default）
     'import/prefer-default-export': 'off',
-    // 禁止指定的导入模式
-    'no-restricted-imports': [
+    // 禁止通过相对路径或子模块形式导入 packlist 中的模块
+    'restricted-relative-imports/no-restricted-relative-imports': [
       'warn',
-      {
-        patterns: [
-          {
-            // 匹配的导入路径模式组
-            group: ['helper/**/*', '!helper/languages'],
-            // 违例时的提示信息
-            message: '只能直接通过 helper 导入',
-          },
-          {
-            // 匹配的导入路径模式组
-            group: ['**/request', '!request'],
-            // 违例时的提示信息
-            message: '必须直接导入',
-          },
-        ],
-      },
+      Object.fromEntries(
+        packlistData.packlist
+          .filter((p) => p !== 'helper/languages')
+          .map((p) => [
+            p,
+            {
+              srcPath: `src/${p}`,
+              ...(p === 'helper' ? { allowed: ['helper/languages'] } : {}),
+            },
+          ]),
+      ),
     ],
   },
   overrides: [

package.json

@@ -17,12 +17,12 @@
   "type": "module",
   "main": "./ComicReader.umd.js",
   "scripts": {
-    "dev": "rollup --config --watch --environment NODE_ENV:development --configPlugin @rollup/plugin-typescript --configImportAttributesKey with",
-    "build": "rollup --config --configPlugin @rollup/plugin-typescript --configImportAttributesKey with",
-    "release": "node release.mjs",
-    "release:push": "node release.mjs push",
+    "dev": "tsx scripts/build.ts --dev",
+    "build": "tsx scripts/build.ts",
+    "release": "tsx scripts/release.ts",
+    "release:push": "tsx scripts/release.ts push",
     "test": "vitest",
-    "check": "tsc -noEmit && oxlint -f stylish . && oxfmt . && stylelint \"**/*.css\"",
+    "check": "tsc -noEmit && oxlint -f stylish --fix . && oxfmt . && stylelint \"**/*.css\"",
     "pwa-assets-generator": "pwa-assets-generator",
     "pwa:dev": "vite serve src/pwa",
     "pwa:build": "vite build src/pwa",
@@ -46,7 +46,7 @@
     "@tensorflow/tfjs-backend-webgpu": "^4.22.0",
     "browser-fs-access": "^0.38.0",
     "comlink": "^4.4.2",
-    "fast-deep-equal": "^3.1.3",
+    "dequal": "^2.0.3",
     "fflate": "^0.8.2",
     "file-type": "^21.1.1",
     "jsqr": "^1.4.0",
@@ -60,24 +60,9 @@
     "water.css": "^2.1.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.5",
-    "@babel/plugin-proposal-import-attributes-to-assertions": "^7.27.1",
-    "@babel/plugin-transform-runtime": "^7.28.5",
-    "@babel/preset-env": "^7.28.5",
-    "@babel/preset-typescript": "^7.28.5",
-    "@babel/runtime": "^7.28.4",
-    "@jackfranklin/rollup-plugin-markdown": "^0.4.0",
     "@percy/cli": "^1.31.5",
     "@percy/playwright": "^1.0.10",
     "@release-it/conventional-changelog": "^9",
-    "@rollup/plugin-alias": "^6.0.0",
-    "@rollup/plugin-babel": "^6.1.0",
-    "@rollup/plugin-commonjs": "^29.0.0",
-    "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^16.0.3",
-    "@rollup/plugin-replace": "^6.0.3",
-    "@rollup/plugin-typescript": "^12.3.0",
-    "@solidjs/router": "^0.15.4",
     "@storybook/test-runner": "^0.24.2",
     "@types/libarchive.js": "^2.0.1",
     "@types/mocha": "^10.0.10",
@@ -95,8 +80,11 @@
     "@wdio/visual-service": "^9.0.2",
     "autoprefixer": "^10.4.22",
     "axios": "^1.13.2",
-    "babel-preset-solid": "^1.9.10",
+    "browserslist": "^4.28.2",
+    "browserslist-to-esbuild": "^2.1.1",
+    "chalk": "^5.6.2",
     "cssnano": "^7.1.2",
+    "dts-bundle-generator": "^9.5.1",
     "ehentai-api": "^0.0.4",
     "eslint-plugin-i18next": "^6.1.3",
     "eslint-plugin-solid": "^0.14.5",
@@ -107,19 +95,18 @@
     "oxlint": "^1.62.0",
     "oxlint-tsgolint": "^0.22.1",
     "playwright": "^1.57.0",
+    "postcss": "^8.5.14",
     "postcss-import": "^16.1.1",
+    "postcss-modules": "^6.0.1",
     "postcss-nesting": "^13.0.2",
     "radash": "^12.1.1",
     "release-it": "^19.0.5",
     "rfdc": "^1.4.1",
-    "rollup": "4.53.3",
-    "rollup-plugin-dts": "^6.3.0",
-    "rollup-plugin-styles": "^4.0.0",
-    "rollup-plugin-watch-external": "^1.0.2",
+    "rolldown": "^1.0.0",
     "serve": "^14.2.5",
     "shelljs": "^0.10.0",
     "storybook": "^10.1.4",
-    "storybook-solidjs-vite": "10.0.9",
+    "storybook-solidjs-vite": "^10.0.12",
     "stylelint": "^16.26.1",
     "stylelint-config-clean-order": "^8.0.0",
     "stylelint-config-standard": "^39.0.1",
@@ -129,17 +116,16 @@
     "sync-fetch": "^0.5.2",
     "terser": "^5.44.1",
     "tslib": "^2.8.1",
+    "tsx": "^4.21.0",
     "type-fest": "^5.3.0",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.48.1",
-    "vite": "^7.2.6",
-    "vite-plugin-pwa": "^1.2.0",
+    "unplugin-solid": "^1.0.0",
+    "vite": "^8.0.0",
+    "vite-plugin-pwa": "^1.3.0",
     "vite-plugin-solid": "^2.11.10",
-    "vite-tsconfig-paths": "^5.1.4",
-    "vitepress": "1.6.4",
+    "vitepress": "^2.0.0-alpha.17",
     "vitest": "^4.0.15",
-    "wdio-vscode-service": "^6.1.4",
-    "xo": "^1.2.3"
+    "wdio-vscode-service": "^6.1.4"
   },
   "pnpm": {
     "neverBuiltDependencies": []