|
|
@@ -1,3 +1,4 @@
|
|
|
+import { getUnsafeWindow } from "@sv443-network/userutils";
|
|
|
import { getFeature } from "../config.js";
|
|
|
import { inputIgnoreTagNames } from "./input.js";
|
|
|
import { siteEvents } from "../siteEvents.js";
|
|
|
@@ -5,21 +6,19 @@ import { enableDiscardBeforeUnload } from "./behavior.js";
|
|
|
import { getLikeDislikeBtns, getVideoTime } from "../utils/dom.js";
|
|
|
import { getDomain } from "../utils/misc.js";
|
|
|
import { error, info, log, warn } from "../utils/logging.js";
|
|
|
-import type { Domain, HotkeyObj } from "../types.js";
|
|
|
+import type { Domain, FeatKeysOfType, HotkeyObj } from "../types.js";
|
|
|
|
|
|
export async function initHotkeys() {
|
|
|
const promises: Promise<void>[] = [];
|
|
|
|
|
|
- if(getFeature("likeDislikeHotkeys"))
|
|
|
- promises.push(initLikeDislikeHotkeys());
|
|
|
-
|
|
|
- if(getFeature("switchBetweenSites"))
|
|
|
- promises.push(initSiteSwitch());
|
|
|
+ promises.push(initLikeDislikeHotkeys());
|
|
|
+ promises.push(initSiteSwitch());
|
|
|
+ promises.push(initProxyHotkeys());
|
|
|
|
|
|
return await Promise.allSettled(promises);
|
|
|
}
|
|
|
|
|
|
-function keyPressed(e: KeyboardEvent, hk: HotkeyObj) {
|
|
|
+function hotkeyMatches(e: KeyboardEvent, hk: HotkeyObj) {
|
|
|
return e.code === hk.code && e.shiftKey === hk.shift && e.ctrlKey === hk.ctrl && e.altKey === hk.alt;
|
|
|
}
|
|
|
|
|
|
@@ -37,7 +36,7 @@ export async function initSiteSwitch() {
|
|
|
return;
|
|
|
if(inputIgnoreTagNames.includes(document.activeElement?.tagName ?? ""))
|
|
|
return;
|
|
|
- if(siteSwitchEnabled && keyPressed(e, getFeature("switchSitesHotkey")))
|
|
|
+ if(siteSwitchEnabled && hotkeyMatches(e, getFeature("switchSitesHotkey")))
|
|
|
switchSite(domain === "yt" ? "ytm" : "yt");
|
|
|
});
|
|
|
siteEvents.on("hotkeyInputActive", (state) => {
|
|
|
@@ -104,9 +103,96 @@ async function initLikeDislikeHotkeys() {
|
|
|
|
|
|
const { likeBtn, dislikeBtn } = getLikeDislikeBtns();
|
|
|
|
|
|
- if(keyPressed(e, getFeature("likeHotkey")))
|
|
|
+ if(hotkeyMatches(e, getFeature("likeHotkey")))
|
|
|
likeBtn?.click();
|
|
|
- else if(keyPressed(e, getFeature("dislikeHotkey")))
|
|
|
+ else if(hotkeyMatches(e, getFeature("dislikeHotkey")))
|
|
|
dislikeBtn?.click();
|
|
|
});
|
|
|
}
|
|
|
+
|
|
|
+//#region rebound hotkeys
|
|
|
+
|
|
|
+type HotkeyProxyGroup = {
|
|
|
+ /** The feature key that contains the hotkey object */
|
|
|
+ hkFeatKey: FeatKeysOfType<HotkeyObj>;
|
|
|
+ /** Called when the hotkey was pressed, regardless of the individual hotkey feature's enabled state */
|
|
|
+ onBeforePress?: (e: KeyboardEvent) => void | Promise<void>;
|
|
|
+ /** Called when the hotkey was pressed and the feature is toggled on */
|
|
|
+ onPress: (e: KeyboardEvent) => void | Promise<void>;
|
|
|
+};
|
|
|
+
|
|
|
+type ProxyHotkeys = Partial<Record<FeatKeysOfType<boolean>, HotkeyProxyGroup[]>>;
|
|
|
+
|
|
|
+let lastProxyHk = 0;
|
|
|
+
|
|
|
+/** Handles all proxy hotkeys, which trigger other hotkeys instead of their own actions */
|
|
|
+async function initProxyHotkeys() {
|
|
|
+ const suppressForceRebind = (e: KeyboardEvent) => {
|
|
|
+ if(["KeyJ", "KeyK"].includes(e.code) && getFeature("forceReboundNextAndPrevious")) {
|
|
|
+ e.preventDefault();
|
|
|
+ e.stopImmediatePropagation();
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ /** All proxy hotkey groups, identified by the feature key that toggles them off or on */
|
|
|
+ const proxyHotkeys: ProxyHotkeys = {
|
|
|
+ "rebindNextAndPrevious": [
|
|
|
+ {
|
|
|
+ hkFeatKey: "nextHotkey",
|
|
|
+ onBeforePress: suppressForceRebind,
|
|
|
+ onPress() {
|
|
|
+ document.body.dispatchEvent(new KeyboardEvent("keydown", {
|
|
|
+ code: "KeyJ",
|
|
|
+ key: "j",
|
|
|
+ keyCode: 74,
|
|
|
+ which: 74,
|
|
|
+ bubbles: true,
|
|
|
+ cancelable: false,
|
|
|
+ view: getUnsafeWindow(),
|
|
|
+ }));
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ hkFeatKey: "previousHotkey",
|
|
|
+ onBeforePress: suppressForceRebind,
|
|
|
+ onPress() {
|
|
|
+ document.body.dispatchEvent(new KeyboardEvent("keydown", {
|
|
|
+ code: "KeyK",
|
|
|
+ key: "k",
|
|
|
+ keyCode: 75,
|
|
|
+ which: 75,
|
|
|
+ bubbles: true,
|
|
|
+ cancelable: false,
|
|
|
+ view: getUnsafeWindow(),
|
|
|
+ }));
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ } as const;
|
|
|
+
|
|
|
+ document.addEventListener("keydown", (e) => {
|
|
|
+ for(const [featKey, group] of Object.entries(proxyHotkeys)) {
|
|
|
+ if(!getFeature(featKey as "_"))
|
|
|
+ continue;
|
|
|
+
|
|
|
+ for(const { hkFeatKey, onPress, ...rest } of group) {
|
|
|
+ // prevent hotkeys from triggering each other:
|
|
|
+ if(Date.now() - lastProxyHk < 15) // (holding keys makes them repeat every ~30ms)
|
|
|
+ return;
|
|
|
+ lastProxyHk = Date.now();
|
|
|
+
|
|
|
+ if("onBeforePress" in rest)
|
|
|
+ rest.onBeforePress?.(e);
|
|
|
+
|
|
|
+ if(hotkeyMatches(e, getFeature(hkFeatKey))) {
|
|
|
+ !e.defaultPrevented && e.preventDefault();
|
|
|
+ e.bubbles && e.stopImmediatePropagation();
|
|
|
+ onPress(e);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ // ensure precedence over YTM's own listeners:
|
|
|
+ capture: true,
|
|
|
+ });
|
|
|
+}
|
Sv443