hold z to quick mark words

Author: sapjax

README.md

@@ -45,8 +45,9 @@ This will make all "unknown" words as "known", except the words you excluded in
 - <kbd>↓</kbd> scroll down dict section
 - <kbd>↑</kbd> scroll up dict section
 - <kbd>ESC</kbd> close dict panel / close zen mode
-- <kbd>a</kbd> mark as known
-- <kbd>s</kbd> save context
+- <kbd>a</kbd> mark as known when card window is shown
+- <kbd>s</kbd> save context when card window is shown
+- <kbd>z</kbd> hold `z` key and press mouse middle button to mark as known without showing card window
 
 ## Similar projects
 

src/content/card.tsx

@@ -511,8 +511,11 @@ function adjustCardPosition(rect: DOMRect, onlyOutsideViewport = false) {
   }
 }
 
-function onMouseMove(e: MouseEvent) {
-  if (zenMode() && cardDisabledInZenMode()) {
+let toQuickMarkWord: string
+let holdKey: string | null = null
+
+function onMouseMove(e: MouseEvent, slient = false) {
+  if (!slient && zenMode() && cardDisabledInZenMode()) {
     return false
   }
 
@@ -526,6 +529,12 @@ function onMouseMove(e: MouseEvent) {
     if (range) {
       const word = range.toString().trim().toLowerCase()
 
+      // for quick mark as known, don't show card
+      if (!isCardVisible() && slient) {
+        toQuickMarkWord = word
+        return false
+      }
+
       if (inDirecting) {
         inDirecting = false
         return false
@@ -559,37 +568,65 @@ function onMouseClick(e: MouseEvent) {
   }
 }
 
+function onAuxclick(e: MouseEvent) {
+  console.log(e)
+  e.preventDefault()
+  if (toQuickMarkWord) {
+    console.log('quick mark as known', toQuickMarkWord)
+    e.stopImmediatePropagation()
+    e.preventDefault()
+    markAsKnown(toQuickMarkWord)
+    setCurWord('')
+    hidePopupDelay(0)
+    explode(e.pageX, e.pageY)
+    toQuickMarkWord = ''
+    return false
+  }
+}
+
 let waitMouseKeyTask: Function | null
 
 function preMouseMove(e: MouseEvent) {
-  // skip when redirecting in card dictionary
   waitMouseKeyTask = null
+  toQuickMarkWord = ''
+
   const mouseKey = settings().mosueKey
   if (mouseKey !== 'NONE' && !e[mouseKey]) {
     waitMouseKeyTask = () => {
-      console.log('onMouseMove')
       onMouseMove(e)
     }
   } else {
-    onMouseMove(e)
+    onMouseMove(e, holdKey === 'z')
   }
 }
 
 function onKeyDown(e: KeyboardEvent) {
+  holdKey = e.key
   if (e[settings().mosueKey]) {
     waitMouseKeyTask && waitMouseKeyTask()
   }
 }
 
+function onKeyUp(e: KeyboardEvent) {
+  holdKey = null
+  if (e[settings().mosueKey]) {
+    waitMouseKeyTask = null
+  }
+}
+
 function bindEvents() {
   document.addEventListener('mousemove', preMouseMove)
   document.addEventListener('keydown', onKeyDown)
+  document.addEventListener('keyup', onKeyUp)
   // hide popup when click outside card
   document.addEventListener('click', onMouseClick)
+  document.addEventListener('auxclick', onAuxclick)
 }
 
 function unbindEvents() {
   document.removeEventListener('mousemove', preMouseMove)
   document.removeEventListener('keydown', onKeyDown)
+  document.removeEventListener('keyup', onKeyUp)
   document.removeEventListener('click', onMouseClick)
+  document.removeEventListener('auxclick', onAuxclick)
 }

src/lib/settings.ts

@@ -35,7 +35,7 @@ export const DEFAULT_SETTINGS = {
   showCnTrans: false,
   atuoPronounce: false,
   mosueKey: 'NONE' as MouseKey,
-  mouseHideDelay: 500,
+  mouseHideDelay: 200,
   volume: 95,
   autoPauseYoutubeVideo: false,
   levels: ['p', 'm', 'h', '4', '6', 'g', 'o'] as LevelKey[],