feat: ✨ 增加站点 最前線 的支持

#263

Author: hymbz

README.md

@@ -214,6 +214,7 @@ Cotrans 也有自己的油猴脚本 —— 「[Cotrans 漫画/图片翻译器](h
 - [nekohouse](https://nekohouse.su)
 - [welovemanga](https://welovemanga.one)
 - [HentaiZap](https://hentaizap.com)
+- [最前線](https://sai-zen-sen.jp)
 - [Tachidesk](https://github.com/Suwayomi/Tachidesk-Sorayomi)
 
 <!-- supportSiteList -->

docs/index.md

@@ -214,6 +214,7 @@ Cotrans 也有自己的油猴脚本 —— 「[Cotrans 漫画/图片翻译器](h
 - [nekohouse](https://nekohouse.su)
 - [welovemanga](https://welovemanga.one)
 - [HentaiZap](https://hentaizap.com)
+- [最前線](https://sai-zen-sen.jp)
 - [Tachidesk](https://github.com/Suwayomi/Tachidesk-Sorayomi)
 
 <!-- supportSiteList -->

src/index.ts

@@ -902,6 +902,46 @@ try {
       break;
     }
 
+    // #[最前線](https://sai-zen-sen.jp)
+    // test: https://sai-zen-sen.jp/works/comics/karanokyoukai/01/01.html
+    case 'sai-zen-sen.jp': {
+      options = {
+        name: 'sai-zen-sen',
+        getImgList: () => [],
+      };
+
+      switch (location.pathname.match(/\/[^/]+\/[^/]+\//)?.[0]) {
+        case '/special/4pages-comics/':
+        case '/works/comics/':
+          options.getImgList = () =>
+            Object.values(
+              unsafeWindow.B.Package.Manifest.items as { href: string }[],
+            )
+              .map(({ href }) => href)
+              .filter(Boolean)
+              .map((path) => `${unsafeWindow.B.Path}/${path}`);
+          options.onPrev = querySelectorClick(
+            'ul.volumes > li:nth-child(2) > a[href]',
+          );
+          options.onNext = querySelectorClick(
+            'ul.volumes > li:nth-child(3) > a[href]',
+          );
+          break;
+
+        case '/comics/twi4/':
+          options.getImgList = () =>
+            unsafeWindow.t4.Meta.Items.map(
+              ({ ImageFileName }) =>
+                `${unsafeWindow.t4.GA.Gate.x_directory}works/${ImageFileName}`,
+            );
+          break;
+
+        default:
+          options = undefined;
+      }
+      break;
+    }
+
     // 为 pwa 版页面提供 api，以便翻译功能能正常运作
     // case 'localhost':
     case 'comic-read.pages.dev': {

src/userscript/main/useManga.tsx

@@ -33,16 +33,20 @@ export const useManga = <T extends Record<string, any>>({
       top: 0;
       left: 0;
       transform: scale(0);
+
       contain: strict;
 
       width: 100%;
       height: 100%;
 
+      writing-mode: initial;
       font-size: 16px;
 
       opacity: 0;
 
-      transition: opacity 300ms, transform 0s 300ms;
+      transition:
+        opacity 300ms,
+        transform 0s 300ms;
     }
 
     #comicRead[show] {