feat: rule items hotkey

festoney8 · Oct 20, 2024 · b3d60fc · b3d60fc
1 parent 2855014
commit b3d60fc
Show file tree

Hide file tree

Showing 6 changed files with 91 additions and 9 deletions.
diff --git a/src/modules/index.ts b/src/modules/index.ts
@@ -1,7 +1,7 @@
 import { waitForHead } from '../utils/init'
 import { log } from '../utils/logger'
 import { loadFilters } from './filters'
-import { loadRules, loadStyles } from './rules'
+import { loadRules, loadRulesHotKey, loadStyles } from './rules'
 
 export const loadModules = () => {
     waitForHead().then(() => {
@@ -10,6 +10,7 @@ export const loadModules = () => {
     })
 
     loadRules()
+    loadRulesHotKey()
     log('loadRules done')
 
     loadFilters()

diff --git a/src/modules/rules/bangumi/groups/playerLayout.ts b/src/modules/rules/bangumi/groups/playerLayout.ts
@@ -1,6 +1,6 @@
 import { unsafeWindow } from '$'
 import { Item } from '../../../../types/item'
-import { waitForEle } from '../../../../utils/tool'
+import { isFirefox, waitForEle } from '../../../../utils/tool'
 
 /**
  * Firefox DOMMouseScroll无法被stopImmediatePropagation
@@ -77,7 +77,7 @@ export const bangumiPlayerLayoutItems: Item[] = [
         name: '全屏时 页面可滚动 (实验功能)',
         description: ['播放器内滚轮调节音量失效', '点击全屏按钮生效，双击全屏无效', 'Firefox 不适用'],
         enableFn: async () => {
-            if (!navigator.userAgent.toLocaleLowerCase().includes('chrome')) {
+            if (isFirefox()) {
                 return
             }
 

diff --git a/src/modules/rules/homepage/groups/layout.ts b/src/modules/rules/homepage/groups/layout.ts
@@ -21,10 +21,6 @@ export const homepageLayoutItems: Item[] = [
                 id: 'homepage-layout-5-column',
                 name: '5 列布局',
             },
-            {
-                id: 'homepage-layout-6-column',
-                name: '6 列布局',
-            },
         ],
     },
     {

diff --git a/src/modules/rules/index.ts b/src/modules/rules/index.ts
@@ -31,6 +31,7 @@ import { spaceGroups } from './space'
 import { videoGroups } from './video'
 import { watchlaterGroups } from './watchlater'
 
+import { useMagicKeys } from '@vueuse/core'
 import bangumiStyle from './bangumi/index.scss?inline'
 import channelStyle from './channel/index.scss?inline'
 import commentStyle from './comment/index.scss?inline'
@@ -337,3 +338,79 @@ const loadListItem = (item: IListItem) => {
         document.documentElement.setAttribute(value, '')
     }
 }
+
+/**
+ * 快捷键 Alt + B，快速禁用无函数作用的 rule item
+ */
+export const loadRulesHotKey = () => {
+    try {
+        const availableItemIds = new Set<string>()
+        for (const rule of rules) {
+            if (!rule.checkFn()) {
+                continue
+            }
+            for (const group of rule.groups) {
+                for (const item of group.items) {
+                    switch (item.type) {
+                        case 'switch':
+                            if (!item.enableFn) {
+                                availableItemIds.add(item.id)
+                            }
+                            break
+                        case 'number':
+                        case 'string':
+                            availableItemIds.add(item.id)
+                            break
+                        case 'list':
+                            item.options.forEach((v) => {
+                                availableItemIds.add(v.id)
+                            })
+                            break
+                    }
+                }
+            }
+        }
+
+        // 管理 html 节点的 attributes
+        let isOn = false
+        const disableSign = '_bili_cleaner_disable_'
+        const toggle = () => {
+            if (!isOn) {
+                const attrs: string[] = []
+                for (const attr of document.documentElement.attributes) {
+                    if (availableItemIds.has(attr.name)) {
+                        attrs.push(attr.name)
+                    }
+                }
+                for (const attr of attrs) {
+                    document.documentElement.removeAttribute(attr)
+                    document.documentElement.setAttribute(disableSign + attr, '')
+                }
+            } else {
+                const attrs: string[] = []
+                for (const attr of document.documentElement.attributes) {
+                    if (attr.name.includes(disableSign)) {
+                        attrs.push(attr.name)
+                    }
+                }
+                for (const attr of attrs) {
+                    document.documentElement.removeAttribute(attr)
+                    document.documentElement.setAttribute(attr.replace(disableSign, ''), '')
+                }
+            }
+            isOn = !isOn
+        }
+
+        useMagicKeys({
+            passive: false,
+            onEventFired(e) {
+                if (e.type === 'keydown' && e.altKey && e.key.toLocaleLowerCase() === 'b') {
+                    e.preventDefault()
+                    toggle()
+                }
+            },
+        })
+    } catch (err) {
+        error(`loadRulesHotKey error`, err)
+    }
+}
diff --git a/src/modules/rules/video/groups/playerLayout.ts b/src/modules/rules/video/groups/playerLayout.ts
@@ -1,6 +1,6 @@
 import { unsafeWindow } from '$'
 import { Item } from '../../../../types/item'
-import { waitForEle } from '../../../../utils/tool'
+import { isFirefox, waitForEle } from '../../../../utils/tool'
 import { wideScreenManager } from '../../../../utils/widePlayer'
 
 const disableAdjustVolume = () => {}
@@ -60,7 +60,7 @@ export const videoPlayerLayoutItems: Item[] = [
         name: '全屏时 页面可滚动 (实验功能)',
         description: ['播放器内滚轮调节音量失效', '点击全屏按钮时生效，双击全屏无效', 'Firefox 不适用'],
         enableFn: async () => {
-            if (!navigator.userAgent.toLocaleLowerCase().includes('chrome')) {
+            if (isFirefox()) {
                 return
             }
             // 禁用滚动调音量

diff --git a/src/utils/tool.ts b/src/utils/tool.ts
@@ -134,3 +134,11 @@ export const waitForEle = async (
 export const orderedUniq = <T = unknown>(arr: T[]): T[] => {
     return Array.from(new Set(arr))
 }
+
+/**
+ * 判断是否为 Firefox 浏览器
+ * @returns boolean
+ */
+export const isFirefox = (): boolean => {
+    return navigator.userAgent.toLocaleLowerCase().includes('firefox')
+}