Threads Custom Keyboard Navigation

Threads自訂鍵盤導航

自訂鍵盤快捷鍵以瀏覽Threads功能
安裝腳本 ?
作者推薦腳本
安裝腳本
Wrap lines
// ==UserScript==
// @name       Threads Custom Keyboard Navigation
// @name:zh-TW  Threads自訂鍵盤導航
// @name:ja     Threadsカスタムキーボードナビゲーション
// @name:en    Threads Custom Keyboard Navigation
// @namespace   https://github.com/Max46656
// @version     1.14
// @description Customize  keyboard shortcuts for navigating Threads features
// @description:zh-TW 自訂鍵盤快捷鍵以瀏覽Threads功能
// @description:ja Threads 機能をトリガーするためのカスタムキーボードショートカット
// @description:en Customize keyboard shortcuts for navigating Threads features
// @author      Max
// @match       https://www.threads.net/*
// @icon        https://www.google.com/s2/favicons?sz=64&domain=threads.net
// @grant       GM_registerMenuCommand
// @grant       GM_setValue
// @grant       GM_getValue
// @license     MPL2.0
 
// ==/UserScript==
 
class boardInputNavigation {
    constructor() {
        this.setEventListeners();
        this.boardButtons = '.xefz13k.x1lq5wgf.xgqcy7u.x30kzoy';
        this.backButton = '.x1nhvcw1 .x1u6grsq .x1i10hfl';
        this.newPostButton = '.x1i10hfl.x1ypdohk.xdl72j9.x2lah0s.xe8uvvx.xdj266r.x11i5rnm.xat24cr.x1mh8g0r.x2lwn1j.xeuugli.xexx8yu.x4uap5.x18d9i69.xkhd6sd.x16tdsg8.x1hl2dhg.xggy1nq.x1t137rt.x1q0g3np.x87ps6o.x1lku1pv.x1a2a7pz.x6s0dn4.xz401s1.x6bh95i.x1re03b8.x1hvtcl2.x3ug3ww.xfh8nwu.xoqspk4.x12v9rci.x138vmkv.x13fuv20.xu3j5b3.x1q0q8m5.x26u7qi.xt8cgyo.xj515ic.x1co6499.x2j4hbs.xy58vm5.x1elh40u.x9f619.x78zum5.xrsfl73.x1gb2em4.xl56j7k.xixxii4.x12w9bfk.x13dflua.x11xpdln.x1pigqs1.x1vjfegm.xd3so5o.x1lcra6a';
    }
 
    setEventListeners() {
        this.keydownHandler = (event) => this.handleKeydown(event);
        self.addEventListener("keydown", this.keydownHandler);
        const boardKey = GM_getValue("boardKey", { Home: "F", Notifications: "D", Profile: "S", Search: "A", Create: "B", Back: "G" });
        const modifierKey = GM_getValue("modifierKey", "Control");
        console.log("開始聆聽", boardKey, modifierKey);
    }
 
    handleKeydown(event) {
        const boardKey = GM_getValue("boardKey", { Home: "F", Notifications: "D", Profile: "S", Search: "A", Create: "B", Back: "G" });
        const modifierKey = GM_getValue("modifierKey", "Control");
        const boardButtons = document.querySelectorAll(this.boardButtons);
        const newPostButton = document.querySelector(this.newPostButton);
        const backButton = document.querySelector(this.backButton);
        const keyMap = {
            Home: boardButtons[0],
            Notifications: boardButtons[2],
            Profile: boardButtons[3],
            Search: boardButtons[1],
            Create: newPostButton,
            Back: backButton,
        };
 
        if (event.getModifierState(modifierKey)) {
            for (const [key, element] of Object.entries(boardKey)) {
                if (event.key.toUpperCase() === element.toUpperCase()) {
                    event.preventDefault();
                    console.log(key.toLowerCase());
                    keyMap[key].click();
                    break;
                }
            }
        }
    }
}
 
class inputCustomMenu {
    constructor() {
        this.registerMenuCommands(this);
        this.loadBoardKey();
        this.loadModifierKey();
    }
 
    async customizeKey(buttonType) {
        const currentKey = this.boardKey[buttonType];
        const newKey = prompt(`${this.getFeatureMessageLocalization(`EnterNew${buttonType}Letter`)}${currentKey}`);
 
        if (newKey && newKey.length === 1) {
            this.boardKey[buttonType] = newKey;
            this.saveBoardKey();
        } else {
            alert(this.getFeatureMessageLocalization("CustomKeyError"));
        }
    }
 
    async customizeModifierKey() {
        const currentModifierKey = this.modifierKey;
        const newModifierKey = prompt(`${this.getFeatureMessageLocalization("ChooseModifierKey")}\n1. Control\n2. Alt\n3. Shift\n4. CapsLock\n目前為：${currentModifierKey}`);
 
        switch(newModifierKey) {
            case "1":
                this.modifierKey = "Control";
                break;
            case "2":
                this.modifierKey = "Alt";
                break;
            case "3":
                this.modifierKey = "Shift";
                break;
            case "4":
                this.modifierKey = "CapsLock";
                break;
            default:
                alert(this.getFeatureMessageLocalization("CustomModifierKeyError"));
                return;
        }
        this.saveModifierKey();
    }
 
    loadBoardKey() {
        this.boardKey = GM_getValue("boardKey", { Home: "F", Notifications: "D", Profile: "S", Search: "A", Create: "B", Back: "G" });
        console.log(this.boardKey);
    }
 
    loadModifierKey() {
        this.modifierKey = GM_getValue("modifierKey", "Control");
        console.log(this.modifierKey);
    }
 
    saveBoardKey() {
        GM_setValue("boardKey", this.boardKey);
    }
 
    saveModifierKey() {
        GM_setValue("modifierKey", this.modifierKey);
    }
 
    getFeatureMessageLocalization(word) {
        let display = {
            "zh-TW": {
                "CustomizeHome": "自訂首頁按鍵",
                "CustomizeNotifications": "自訂通知按鍵",
                "CustomizeProfile": "自訂個人簡介按鍵",
                "CustomizeSearch": "自訂搜尋按鍵",
                "CustomizeCreate": "自訂新貼文按鍵",
                "CustomizeBack": "自訂返回按鍵",
                "CustomizeModifierKey": "自訂快捷鍵按鍵",
                "EnterNewHomeLetter": "請輸入要替換首頁按鈕的一個英文字母或數字，目前為：",
                "EnterNewNotificationsLetter": "請輸入要替換通知按鈕的一個英文字母或數字，目前為：",
                "EnterNewProfileLetter": "請輸入要替換個人簡介按鈕的一個英文字母或數字，目前為：",
                "EnterNewSearchLetter": "請輸入要替換搜尋按鈕的一個英文字母或數字，目前為：",
                "EnterNewCreateLetter": "請輸入要替換新貼文按鈕的一個英文字母或數字，目前為：",
                "EnterNewBackLetter": "請輸入要替換返回按鈕的一個英文字母或數字，目前為：",
                "ChooseModifierKey": "請輸入數字選擇要替換的快捷鍵按鍵（1 Control, 2 Alt, 3 Shift, 4 CapsLock）：",
                "CustomKeyError": "自訂按鍵錯誤，請輸入一個英文字母或數字。",
                "CustomModifierKeyError": "自訂快捷鍵按鍵錯誤，請輸入 1, 2, 3 或 4。",
            },
            "en": {
                "CustomizeHome": "Customize home button",
                "CustomizeNotifications": "Customize notification buttons",
                "CustomizeProfile": "Customize profile button",
                "CustomizeSearch": "Customize search button",
                "CustomizeCreate": "Customize the new post button",
                "CustomizeBack": "Customize back button",
                "CustomizeModifierKey": "Customize Modifier Key",
                "EnterNewHomeLetter": "Please enter an English letter or number to replace the home button. Currently:",
                "EnterNewNotificationsLetter": "Please enter an English letter or number to replace the notification button, currently:",
                "EnterNewProfileLetter": "Please enter an English letter or number to replace the profile button. Currently:",
                "EnterNewSearchLetter": "Please enter an English letter or number to replace the search button. Currently:",
                "EnterNewCreateLetter": "Please enter an English letter or number to replace the new post button. Currently:",
                "EnterNewBackLetter": "Please enter a letter or number to be replaced back button, currently:",
                "ChooseModifierKey": "Please enter a number to choose the key to replace Modifier (1. Control, 2. Alt, 3. Shift, 4. CapsLock):",
                "CustomKeyError": "Custom key error, please enter an English letter or number.",
                "CustomModifierKeyError": "Custom Modifier Key error, please enter 1, 2, 3 or 4.",
            },
            "ja": {
                "CustomizeHome": "ホームボタンをカスタマイズ",
                "CustomizeNotifications": "通知ボタンをカスタマイズする",
                "CustomizeProfile": "プロファイル ボタンをカスタマイズ",
                "CustomizeSearch": "検索ボタンをカスタマイズ",
                "CustomizeCreate": "新規投稿ボタンをカスタマイズします",
                "CustomizeBack": "戻るボタンをカスタマイズ",
                "CustomizeModifierKey": "Modifierキーをカスタマイズ",
                "EnterNewHomeLetter": "ホーム ボタンを置き換える英語の文字または數字を入力してください。現在:",
                "EnterNewNotificationsLetter": "通知ボタンを置き換える英語の文字または數字を入力してください。現在:",
                "EnterNewProfileLetter": "プロフィール ボタンを置き換える英語の文字または數字を入力してください。現在:",
                "EnterNewSearchLetter": "検索ボタンを置き換える英語の文字または數字を入力してください。現在:",
                "EnterNewCreateLetter": "新しい投稿ボタンを置き換えるには、英語の文字または數字を入力してください。現在:",
                "EnterNewBackLetter": "戻るボタンを置き換える英語の文字または數字を入力してください。現在:",
                "ChooseModifierKey": "数字を入力して、modifierKeyボタンを置き換えるキーを選択してください（1. Control, 2. Alt, 3. Shift, 4. CapsLock）：",
                "CustomKeyError": "カスタム キー エラーです。英語の文字または數字を入力してください。",
                "CustomModifierKeyError": "カスタムmodifierKeyキーエラー、1、2、3 または 4 を入力してください。",
            }
        };
        return display[navigator.language][word];
    }
 
    registerMenuCommands(instance) {
        GM_registerMenuCommand(instance.getFeatureMessageLocalization("CustomizeModifierKey"), () => instance.customizeModifierKey());
        const buttonTypes = ["Home", "Notifications", "Profile", "Search", "Create", "Back"];
        buttonTypes.forEach(type => {
            GM_registerMenuCommand(instance.getFeatureMessageLocalization(`Customize${type}`), () => instance.customizeKey(type));
        });
    }
}
 
const johnTheAlmondHolder = new boardInputNavigation();
const johnTheRestaurantWaiter = new inputCustomMenu();
欢迎访问Greasy Fork镜像
