fix: 🐛 修复 nhentai 改版后导致的失效

Author: hymbz

README.md

@@ -269,7 +269,11 @@ Cotrans 也有自己的油猴脚本 —— 「[Cotrans 漫画/图片翻译器](h
 
 关联其他站点的漫画源，使用外站源来加载图片，避免消耗配额，同时或许（？）也能用更快的速度加载图片。
 
-结果会以标签的形式显示在标签列表中，鼠标悬停在标签上可以看到外站漫画的具体标题，点击标签后会出现跳至外站或直接加载的选项，也可以直接右键标签点击「在新标签页中打开」来跳至外站。
+结果会以标签的形式显示在标签列表中：
+
+- 鼠标悬停在标签上可以看到外站漫画的具体标题
+- 点击标签后会出现跳至外站或直接加载的选项，也可以直接右键标签点击「在新标签页中打开」来跳至外站
+- 百分百确定就是同一作品的结果标签会是实心边框，无法确定是同一作品的结果标签则是虚线边框
 
 目前支持 nhentai 和 hitomi。
 

docs/index.md

@@ -269,7 +269,11 @@ Cotrans 也有自己的油猴脚本 —— 「[Cotrans 漫画/图片翻译器](h
 
 关联其他站点的漫画源，使用外站源来加载图片，避免消耗配额，同时或许（？）也能用更快的速度加载图片。
 
-结果会以标签的形式显示在标签列表中，鼠标悬停在标签上可以看到外站漫画的具体标题，点击标签后会出现跳至外站或直接加载的选项，也可以直接右键标签点击「在新标签页中打开」来跳至外站。
+结果会以标签的形式显示在标签列表中：
+
+- 鼠标悬停在标签上可以看到外站漫画的具体标题
+- 点击标签后会出现跳至外站或直接加载的选项，也可以直接右键标签点击「在新标签页中打开」来跳至外站
+- 百分百确定就是同一作品的结果标签会是实心边框，无法确定是同一作品的结果标签则是虚线边框
 
 目前支持 nhentai 和 hitomi。
 

src/helper/other.ts

@@ -651,11 +651,12 @@ export const onUrlChange = (
 };
 
 /** wait，但是只在 url 变化时判断 */
-export const waitUrlChange = (isValidUrl: () => unknown) =>
-  new Promise<void>((resolve) => {
+export const waitUrlChange = <T = unknown>(isValidUrl: () => T) =>
+  new Promise<NonNullable<T>>((resolve) => {
     const abort = onUrlChange(async () => {
-      if (!(await isValidUrl())) return;
-      resolve();
+      const res = await isValidUrl();
+      if (!res) return;
+      resolve(res);
       abort();
     });
   });

src/site/ehentai/crossSiteLink.tsx

@@ -4,10 +4,14 @@ import { For, Show } from 'solid-js';
 import { createStore } from 'solid-js/store';
 import { render } from 'solid-js/web';
 
-import { fileType, hijackFn, querySelector, querySelectorAll, t } from 'helper';
+import { hijackFn, querySelector, querySelectorAll, t } from 'helper';
 import { request, toast } from 'main';
 
-import { searchNhentai } from '../../userscript/nhentaiApi';
+import {
+  getNhentaiData,
+  searchNhentai,
+  toImgList,
+} from '../../userscript/nhentaiApi';
 import { type GalleryContext, isInCategories } from './helper';
 
 type ItemData = {
@@ -23,39 +27,44 @@ type SiteFn = {
   errorTip: (context: GalleryContext) => string;
 };
 
-const nhentai: SiteFn = async ({ setState, galleryTitle }) => {
-  const downImg = async (i: number, media_id: string, type: string) => {
-    const imgRes = await request<Blob>(
-      `https://i.nhentai.net/galleries/${media_id}/${i + 1}.${fileType[type]}`,
-      {
-        headers: { Referer: `https://nhentai.net/g/${media_id}` },
-        responseType: 'blob',
-        fetch: false,
-      },
-    );
-    return URL.createObjectURL(imgRes.response);
-  };
-
+const nhentai: SiteFn = async ({ setState, galleryTitle, galleryId }) => {
   const result = await searchNhentai(galleryTitle!);
-  return result.map(({ id, title, images, num_pages, media_id }) => {
-    const itemId = `@nh:${id}`;
-    setState('comicMap', itemId, {
-      getImgList: ({ dynamicLazyLoad }) =>
-        dynamicLazyLoad({
-          loadImg: (i) => downImg(i, media_id, images.pages[i].t),
-          length: num_pages,
-          id: itemId,
-        }),
-    });
+  return result
+    .map(({ id, english_title, japanese_title, media_id }) => {
+      const itemId = `@nh:${id}`;
 
-    return {
-      id: itemId,
-      showText: `${id}`,
-      title: title.english || title.japanese,
-      href: `https://nhentai.net/g/${id}`,
-      class: 'gtl',
-    };
-  });
+      setState('comicMap', itemId, {
+        getImgList: async ({ dynamicLazyLoad }) => {
+          const galleryData = await getNhentaiData(`${id}`);
+          const imgList = toImgList(galleryData);
+          return dynamicLazyLoad({
+            loadImg: async (i) => {
+              const imgRes = await request<Blob>(imgList[i].src, {
+                headers: { Referer: `https://nhentai.net/g/${id}` },
+                responseType: 'blob',
+                fetch: false,
+              });
+              return URL.createObjectURL(imgRes.response);
+            },
+            length: imgList.length,
+            id: itemId,
+          });
+        },
+      });
+
+      return {
+        id: itemId,
+        showText: `${id}`,
+        title: japanese_title || english_title,
+        href: `https://nhentai.net/g/${id}`,
+        class: `${galleryId}` === media_id ? 'gt' : 'gtl',
+      };
+    })
+    .sort(
+      (a, b) =>
+        (a.class === 'gt' ? 0 : 1) - (b.class === 'gt' ? 0 : 1) ||
+        Number(b.showText) - Number(a.showText),
+    );
 };
 nhentai.errorTip = (context) =>
   t('site.ehentai.nhentai_failed', {

src/site/kemono.tsx

@@ -32,28 +32,31 @@ universalSPA('kemono', {
     /** 加载原图 */
     load_original_image: true,
   },
-  isMangaPage: async () => {
-    if (!location.pathname.includes('/post/')) return false;
+  getPageType: async () => {
+    const match = location.pathname.match(/\/post\/(\w+)/);
+    if (!match) return;
     await waitDom('.post__thumbnail');
     handlePwa();
-    return true;
+    return { type: 'manga', id: match[1] };
   },
 
-  work: async ({ store, setState, showComic }) => {
-    // 在切换时重新获取图片
-    createEffectOn(
-      () => store.options.load_original_image,
-      (isOriginal, prev) => {
-        setState('nowComic', isOriginal ? 'original' : 'thumbnail');
-        if (prev) showComic();
-      },
-    );
+  handlers: {
+    manga: async ({ store, setState, showComic }) => {
+      // 在切换时重新获取图片
+      createEffectOn(
+        () => store.options.load_original_image,
+        (isOriginal, prev) => {
+          setState('nowComic', isOriginal ? 'original' : 'thumbnail');
+          if (prev) showComic();
+        },
+      );
 
-    setState((state) => {
-      state.comicMap.original = { getImgList: original };
-      state.comicMap.thumbnail = { getImgList: thumbnail };
-      state.manga.onNext = querySelectorClick('.post__nav-link.next');
-      state.manga.onPrev = querySelectorClick('.post__nav-link.prev');
-    });
+      setState((state) => {
+        state.comicMap.original = { getImgList: original };
+        state.comicMap.thumbnail = { getImgList: thumbnail };
+        state.manga.onNext = querySelectorClick('.post__nav-link.next');
+        state.manga.onPrev = querySelectorClick('.post__nav-link.prev');
+      });
+    },
   },
 });