feat(reader): add mark-read and mark-unread shortcuts

src/i18n/en-US.json

@@ -49,7 +49,9 @@
         "k": "Previous item",
         "o": "Open item",
         "u": "Close item",
-        "v": "Open item in browser"
+        "v": "Open item in browser",
+        "shifti": "Mark as read",
+        "shiftu": "Mark as unread"
       }
     }
   },

src/i18n/zh-CN.json

@@ -49,7 +49,9 @@
         "k": "上一条",
         "o": "打开条目",
         "u": "关闭条目",
-        "v": "浏览器中打开"
+        "v": "浏览器中打开",
+        "shifti": "标记为已读",
+        "shiftu": "标记为未读"
       }
     }
   },

src/ui/apps/reader/keyboard-shortcuts-panel.tsx

@@ -77,6 +77,16 @@ function KeyboardShortcutsPanel() {
       keys: ['v'],
       text: intl.get('reader.keyboard.keys.v'),
     },
+    {
+      keys: ['shift', 'i'],
+      connector: '+',
+      text: intl.get('reader.keyboard.keys.shifti'),
+    },
+    {
+      keys: ['shift', 'u'],
+      text: intl.get('reader.keyboard.keys.shiftu'),
+      connector: '+',
+    },
   ].map((item) => {
     const keys = item.keys.map((k, index, v) => (
       <span
@@ -87,15 +97,22 @@ function KeyboardShortcutsPanel() {
         >
           {k}
         </span>
-        {index !== v.length - 1 ? <span> then </span> : null}
+        {index !== v.length - 1 ? (
+          <span>
+            {' '}
+            {item.connector ?? 'then'}
+            {' '}
+          </span>
+        ) : null}
       </span>
     ))
+
     return (
       <div
         key={item.keys.join('')}
       >
         <span
-          className="inline-block w-14 text-right"
+          className="inline-block w-16 text-right"
         >
           {keys}
         </span>

src/ui/apps/reader/use-keyboard.ts

@@ -39,6 +39,8 @@ iregister(['v'], () => {
 iregister(['x'], () => readerStore.toggleSelected())
 iregister(['*', 'a'], () => readerStore.selectAll())
 iregister(['*', 'n'], () => readerStore.deselectAll())
+iregister(['shift', 'i'], () => readerStore.markRead())
+iregister(['shift', 'u'], () => readerStore.markUnread())
 
 iregister(['g', 's'], () => readerStore.changeTab('starred'))
 iregister(['g', 'a'], () => readerStore.changeTab('all'))

src/ui/store/reader.ts

@@ -252,11 +252,16 @@ export class ReaderStore {
     articleService.markRead(articles.map((v) => v.id!), status)
   }
 
-  markRead(id: number | number []) {
+  private getSelectedIds() {
+    const articles = this.opened ? [this.activeArticle] : this.articles.filter((v) => v.selected)
+    return articles.map((v) => v.id!)
+  }
+
+  markRead(id: number | number [] = this.getSelectedIds()) {
     this.markReadStatus(id, 1)
   }
 
-  markUnread(id: number | number []) {
+  markUnread(id: number | number [] = this.getSelectedIds()) {
     this.markReadStatus(id, 0)
   }