Closed #143

在 console 中使用 `executeScript` 能打开 pip，但是写在 background.ts 中无效
mantou132 · Jul 29, 2024 · e5cde79 · e5cde79
1 parent a4b43ef
commit e5cde79
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 17 deletions.
diff --git a/src/common/bg.ts b/src/common/bg.ts
@@ -2,20 +2,23 @@ import browser from 'webextension-polyfill';
 
 import { Event, isProd, type Message } from './constants';
 
-export function sendMessage<T>(tabId: number, msg: Message<T>): void;
-export function sendMessage<T>(msg: Message<T>): void;
-export function sendMessage<T>(tabIdOrMsg: number | Message<T>, msg?: Message<T>) {
+export async function getTags() {
+  return browser.tabs.query({
+    url: browser.runtime.getManifest().content_scripts![0].matches,
+  });
+}
+
+export async function sendMessage<T>(tabId: number, msg: Message<T>): Promise<void>;
+export async function sendMessage<T>(msg: Message<T>): Promise<void>;
+export async function sendMessage<T>(tabIdOrMsg: number | Message<T>, msg?: Message<T>) {
   if (typeof tabIdOrMsg === 'number') {
     browser.tabs.sendMessage(tabIdOrMsg, msg);
   } else {
-    browser.tabs
-      .query({ url: browser.runtime.getManifest().content_scripts![0].matches })
-      .then((tabs) => {
-        tabs.forEach((tab) => {
-          // Only the tab that open the lyrics will response
-          if (tab?.id) browser.tabs.sendMessage(tab.id, tabIdOrMsg);
-        });
-      });
+    const tabs = await getTags();
+    tabs.forEach((tab) => {
+      // Only the tab that open the lyrics will response
+      if (tab?.id) browser.tabs.sendMessage(tab.id, tabIdOrMsg);
+    });
   }
 }
 

diff --git a/src/options/app.ts b/src/options/app.ts
@@ -65,7 +65,7 @@ export class OptionsApp extends GemElement<State> {
 
   copyIdHandler = (e: KeyboardEvent) => {
     const { options } = this.state;
-    if (e.key === 'c' && options) {
+    if (e.key.toLowerCase() === 'c' && options) {
       navigator.clipboard.writeText(options.cid);
     }
   };

diff --git a/src/page/btn.ts b/src/page/btn.ts
@@ -50,7 +50,7 @@ window.addEventListener(
     ) {
       return;
     }
-    if (e.key === options['toggle-shortcut'] && !e.repeat) {
+    if (e.key.toLowerCase() === options['toggle-shortcut'] && !e.repeat) {
       // Execute in current microtask
       e.stopImmediatePropagation();
       e.stopPropagation();
@@ -102,6 +102,7 @@ export const insetLyricsBtn = async () => {
 
   btnWrapper.style.display = 'flex';
   const lyricsBtn = likeBtn.cloneNode(true) as HTMLButtonElement;
+  (window as any).lyricsBtn = lyricsBtn;
   lyricsBtn.classList.add(localConfig.LYRICS_CLASSNAME);
 
   lyricsBtn.disabled = false;

diff --git a/src/page/netease.ts b/src/page/netease.ts
@@ -56,9 +56,9 @@ export async function fetchNetEaseChineseName(
 }
 
 // auto swtch to lrclib
-let down = false;
+let down = 0;
 export async function fetchNetEaseSongList(s: string, fetchOptions?: RequestInit) {
-  if (down) return fetchLRCLIBSongList(s, fetchOptions);
+  if (down > 3) return fetchLRCLIBSongList(s, fetchOptions);
 
   const { API_HOST } = await configPromise;
   const searchQuery = new URLSearchParams({
@@ -71,7 +71,7 @@ export async function fetchNetEaseSongList(s: string, fetchOptions?: RequestInit
     const res: SearchSongsResult = await request(`${API_HOST}/search?${searchQuery}`, fetchOptions);
     return res.result?.songs || [];
   } catch (err) {
-    down = true;
+    down++;
     return fetchLRCLIBSongList(s, fetchOptions);
   }
 }

diff --git a/src/popup/elements/root.ts b/src/popup/elements/root.ts
@@ -9,7 +9,7 @@ import { i18n } from '../../i18n';
 import './list';
 
 window.addEventListener('keydown', (e) => {
-  if (e.key === 'i') {
+  if (e.key.toLowerCase() === 'i') {
     const id = Number(prompt('Enter NetEase Cloud Music ID:'));
     if (id) changeSong(id);
   }