feat: ✨ ehentai 上使用左右方向键在列表页和详情页翻页功能，改为使用设置中的「向左/右滚动」快捷键

Author: hymbz

README.md

@@ -169,7 +169,7 @@ Cotrans 也有自己的油猴脚本 —— 「[Cotrans 漫画/图片翻译器](h
 - [动漫之家](https://manhua.idmzj.com)
   - 解锁隐藏漫画
 - [E-Hentai](https://e-hentai.org)
-  - [关联 nhentai](#关联-nhentai)
+  - [关联外站](#关联外站)
   - [快捷收藏](#快捷收藏)
   - [标签染色](#标签染色)
   - [悬浮标签列表](#悬浮标签列表)
@@ -348,9 +348,9 @@ Cotrans 也有自己的油猴脚本 —— 「[Cotrans 漫画/图片翻译器](h
 
 在详情页内嵌查看标签定义。
 
-### 快捷键
+### 增加快捷键操作
 
-- 使用`左右方向键`在列表页和详情页翻页
+- 使用设置中的`向左/右滚动`快捷键在列表页和详情页翻页
 - 使用`上下方向键`进行标签投票
 - 使用`ESC`取消选中当前标签
 

docs/index.md

@@ -169,7 +169,7 @@ Cotrans 也有自己的油猴脚本 —— 「[Cotrans 漫画/图片翻译器](h
 - [动漫之家](https://manhua.idmzj.com)
   - 解锁隐藏漫画
 - [E-Hentai](https://e-hentai.org)
-  - [关联 nhentai](#关联-nhentai)
+  - [关联外站](#关联外站)
   - [快捷收藏](#快捷收藏)
   - [标签染色](#标签染色)
   - [悬浮标签列表](#悬浮标签列表)
@@ -348,9 +348,9 @@ Cotrans 也有自己的油猴脚本 —— 「[Cotrans 漫画/图片翻译器](h
 
 在详情页内嵌查看标签定义。
 
-### 快捷键
+### 增加快捷键操作
 
-- 使用`左右方向键`在列表页和详情页翻页
+- 使用设置中的`向左/右滚动`快捷键在列表页和详情页翻页
 - 使用`上下方向键`进行标签投票
 - 使用`ESC`取消选中当前标签
 

locales/en.json

@@ -201,6 +201,7 @@
   },
   "site": {
     "add_feature": {
+      "add_hotkeys_actions": "Add hotkeys actions",
       "auto_adjust_option": "Auto adjust reading option",
       "auto_page_turn": "Infinite scroll",
       "auto_show": "Auto enter reading mode",

locales/hu.json

@@ -201,6 +201,7 @@
   },
   "site": {
     "add_feature": {
+      "add_hotkeys_actions": "Gyorsbillentyű-műveletek hozzáadása",
       "auto_adjust_option": "自动调整阅读配置",
       "auto_page_turn": "无限滚动",
       "auto_show": "自动进入阅读模式",

locales/ru.json

@@ -201,6 +201,7 @@
   },
   "site": {
     "add_feature": {
+      "add_hotkeys_actions": "Добавить операции с горячими клавишами",
       "auto_adjust_option": "Автоматическая настройка параметра чтения",
       "auto_page_turn": "Автопереворот страниц",
       "auto_show": "Автоматически включать режим чтения",

locales/ta.json

@@ -201,6 +201,7 @@
   },
   "site": {
     "add_feature": {
+      "add_hotkeys_actions": "குறுக்குவழி விசை செயல்பாடுகளைச் சேர்க்கவும்",
       "auto_adjust_option": "தானியங்கி சரிசெய்தல் வாசிப்பு உள்ளமைவு",
       "auto_page_turn": "எல்லையற்ற உருட்டல்",
       "auto_show": "தானாகவே வாசிப்பு பயன்முறையை உள்ளிடவும்",

locales/zh.json

@@ -201,6 +201,7 @@
   },
   "site": {
     "add_feature": {
+      "add_hotkeys_actions": "增加快捷键操作",
       "auto_adjust_option": "自动调整阅读配置",
       "auto_page_turn": "无限滚动",
       "auto_show": "自动进入阅读模式",

src/site/ehentai/hotkeys.ts

@@ -1,50 +1,45 @@
-import { linstenKeydown, querySelector } from 'helper';
+import { hotkeysMap } from 'components/Manga';
+import { getKeyboardCode, linstenKeydown, querySelector } from 'helper';
 
 import { setEscHandler, type EhContext } from './helper';
 
-/** 快捷键翻页 */
-export const hotkeysPageTurn = (context: EhContext) => {
-  if (!context.options.hotkeys) return;
+export const addHotkeysActions = (context: EhContext) => {
+  if (!context.options.add_hotkeys_actions) return;
 
   if (context.type === 'gallery') {
     setEscHandler(0, () =>
       unsafeWindow.selected_tagname ? unsafeWindow.toggle_tagmenu() : true,
     );
 
     linstenKeydown((e) => {
-      switch (e.key) {
-        case 'ArrowRight':
-        case 'd':
-          e.preventDefault();
-          return querySelector('.ptt td:last-child:not(.ptdd)')?.click();
-
-        case 'ArrowLeft':
-        case 'a':
-          e.preventDefault();
-          return querySelector('.ptt td:first-child:not(.ptdd)')?.click();
+      // 使用上下方向键进行投票
+      if (unsafeWindow.selected_tagid) {
+        switch (e.key) {
+          case 'ArrowUp':
+            e.preventDefault();
+            return unsafeWindow?.tag_vote_up();
+          case 'ArrowDown':
+            e.preventDefault();
+            return unsafeWindow?.tag_vote_down();
+        }
       }
 
-      // 使用上下方向键进行投票
-      if (!unsafeWindow.selected_tagid) return;
-      switch (e.key) {
-        case 'ArrowUp':
+      switch (hotkeysMap()[getKeyboardCode(e)]) {
+        case 'scroll_right':
           e.preventDefault();
-          return unsafeWindow?.tag_vote_up();
-        case 'ArrowDown':
+          return querySelector('.ptt td:last-child:not(.ptdd)')?.click();
+        case 'scroll_left':
           e.preventDefault();
-          return unsafeWindow?.tag_vote_down();
+          return querySelector('.ptt td:first-child:not(.ptdd)')?.click();
       }
     });
   } else {
     linstenKeydown((e) => {
-      switch (e.key) {
-        case 'ArrowRight':
-        case 'd':
+      switch (hotkeysMap()[getKeyboardCode(e)]) {
+        case 'scroll_right':
           e.preventDefault();
           return querySelector('#unext')?.click();
-
-        case 'ArrowLeft':
-        case 'a':
+        case 'scroll_left':
           e.preventDefault();
           return querySelector('#uprev')?.click();
       }

src/site/ehentai/index.tsx

@@ -31,7 +31,7 @@ import {
 import { escHandler, createEhContext } from './helper';
 import { quickFavorite } from './quickFavorite';
 import { crossSiteLink } from './crossSiteLink';
-import { hotkeysPageTurn } from './hotkeys';
+import { addHotkeysActions } from './hotkeys';
 import { colorizeTag } from './colorizeTag';
 import { quickRating } from './quickRating';
 import { quickTagDefine } from './quickTagDefine';
@@ -47,8 +47,8 @@ import { expandTagList } from './expandTagList';
   const context = await createEhContext({
     /** 关联外站 */
     cross_site_link: true,
-    /** 快捷键 */
-    hotkeys: true,
+    /** 增加快捷键操作 */
+    add_hotkeys_actions: true,
     /** 识别广告页 */
     detect_ad: true,
     /** 快捷收藏 */
@@ -87,17 +87,18 @@ import { expandTagList } from './expandTagList';
     <>
       <For
         each={[
+          'colorize_tag', // 标签染色
           'float_tag_list', // 悬浮标签列表
           'expand_tag_list', // 展开标签列表
           'tag_lint', // 标签检查
-          'colorize_tag', // 标签染色
           '',
           'quick_favorite', // 快捷收藏
           'quick_rating', // 快捷评分
           'quick_tag_define', // 快捷查看标签定义
           '',
           'cross_site_link', // 关联外站
           'detect_ad', // 识别广告页
+          'add_hotkeys_actions', // 增加快捷键操作
           'auto_adjust_option', // 自动调整配置
         ]}
       >
@@ -181,7 +182,7 @@ import { expandTagList } from './expandTagList';
     requestIdleCallback(() => expandTagList(context), 1000);
 
   // 不是漫画页就退出
-  if (context.type !== 'gallery') return hotkeysPageTurn(context);
+  if (context.type !== 'gallery') return addHotkeysActions(context);
 
   // 自动调整阅读配置
   if (
@@ -374,7 +375,7 @@ import { expandTagList } from './expandTagList';
   }, sidebarDom);
 
   // 等加载按钮渲染好后再绑定快捷键，防止在还没准备好时就触发加载导致出错
-  if (options.hotkeys) hotkeysPageTurn(context);
+  addHotkeysActions(context);
 
   /** 获取新的图片页地址 */
   const getNewImgPageUrl = async (url: string) => {

src/userscript/main/migration.ts

@@ -172,4 +172,17 @@ export const migration = async (version: string) => {
           await renameOption(key, ['associate_nhentai => cross_site_link']);
       }
     }
+
+  if (versionLt(version, '11.13'))
+    for (const key of values) {
+      switch (key) {
+        case 'Version':
+        case 'Languages':
+        case 'HotKeys':
+          continue;
+
+        default:
+          await renameOption(key, ['hotkeys => add_hotkeys_actions']);
+      }
+    }
 };