Greasy Fork is available in English.
hotkeys for various sites
// ==UserScript==
// @name ultra-hotkeys
// @namespace Violentmonkey Scripts
// @include https://www.messenger.com/*
// @include https://app.standardnotes.com*
// @include https://anilist.co/*
// @include https://genius.com/*
// @include https://web.whatsapp.com*
// @include https://*pinterest.com*
// @include https://hexdocs.pm/*
// @include https://pipx.pypa.io/*
// @version 3.3
// @author KraXen72
// @description hotkeys for various sites
// @license MIT
// ==/UserScript==
// general hotkey system based on: https://github.com/KraXen72/fabric-moodboard/blob/master/src/ui-toolbar.ts
// messenger hotkeys loosly based on: https://github.com/guoguo12/messenger-shortcuts by Allen Guo
const hotkeyController = new AbortController()
const { signal } = hotkeyController
// message input auto-focuses after switching a chat, so it's ok
const registeredHotkeys = []
const debug = true
/** Helper functions **/
function click(targetNode) { fireMouseEvent(targetNode, 'click'); }
// Modified from http://stackoverflow.com/a/2706236
function fireMouseEvent(targetNode, event, opts = {}) {
document.activeElement.blur()
const eventObj = new Event(event, Object.assign({ bubbles: true, cancelable: false }, opts))
targetNode.dispatchEvent(eventObj);
}
function fireKeybEvent(targetNode, event, opts = {}) {
document.activeElement.blur()
const eventObj = new KeyboardEvent(event, Object.assign({ bubbles: true, cancelable: false }, opts))
if (debug) console.log(event, eventObj, targetNode)
targetNode.dispatchEvent(eventObj);
eventObj.preventDefault()
}
// sometimes you might need to pass custom code/which, check https://keycode.info
function fireKeybEventH(targetNode, key, opts = {}) {
const _key = opts?.shiftKey ?? false ? key.toUpperCase() : key.toLowerCase()
const which = opts?.which ?? key.toUpperCase().charCodeAt(0)
const newOpts = Object.assign({
key: _key,
keyCode: `Key${key.toUpperCase()}`,
which,
code: opts?.code ?? which
}, opts)
fireKeybEvent(targetNode, 'keydown', newOpts)
}
// fireKeybEvent(document.body, 'keydown', { altKey: true, key: 'k', code: 'KeyK', which: 75 })
// click(qs(`#side ._1EUay > button[tabindex]`))
document.addEventListener('keydown', (ev) => {
for (let i = 0; i < registeredHotkeys.length; i++) {
const hotkey = registeredHotkeys[i];
const executeHotkey = () => {
if (debug) console.log("running hotkey", hotkey.code, hotkey.constraints)
if (hotkey?.constraints?.preventDefault === true ?? false) {
ev.preventDefault()
}
hotkey.callback()
}
if (ev.code.toLowerCase() === hotkey.code.toLowerCase()) {
if (typeof hotkey.constraints !== "undefined" && hotkey.constraints) {
if (hotkey.constraints.exclusive) {
if (![ev.ctrlKey, ev.shiftKey, ev.altKey].includes(true)) executeHotkey()
} else {
let valid = true
if (hotkey.constraints.ctrlKey && hotkey.constraints.ctrlKey !== ev.ctrlKey) valid = false
if (hotkey.constraints.altKey && hotkey.constraints.altKey !== ev.altKey) valid = false
if (hotkey.constraints.shiftKey && hotkey.constraints.shiftKey !== ev.shiftKey) valid = false
if (valid) executeHotkey()
}
} else {
executeHotkey()
}
}
}
}, { signal })
function registerHotkey(keycode, callback, constraints) {
const htk = { code: keycode, callback }
if (typeof constraints !== "undefined" && constraints) htk.constraints = constraints
registeredHotkeys.push(htk)
}
// page actions
switch (window.location.origin) {
case "https://app.standardnotes.com":
registerHotkey('keyk', standardnotesFocusSearch, { ctrlKey: true })
registerHotkey('semicolon', () => document.getElementById("note-text-editor").focus(), { ctrlKey: true })
registerHotkey('f1', standardnotesToggleFocusMode, { ctrlKey: true, preventDefault: true })
break;
case "https://www.messenger.com":
registerHotkey('keyk', () => {document.querySelector(`input[type="search"]`).focus()}, { ctrlKey: true })
registerHotkey('semicolon', () => click(document.querySelector(`div[contenteditable="true"][role="textbox"][tabindex="0"]`)), { ctrlKey: true })
break;
case "https://web.whatsapp.com":
registerHotkey('keyk', () => fireKeybEventH(document.body, 'k', { altKey: true }), { ctrlKey: true })
break;
case "https://anilist.co":
registerHotkey('keyk', () => click(document.querySelector('#nav div.search')), { ctrlKey: true })
break;
case "https://genius.com":
registerHotkey('keyk', () => document.querySelector(`input[name="q"]`).focus(), { ctrlKey: true })
break;
case "https://www.pinterest.com":
registerHotkey("keyk", () => document.querySelector("#searchBoxContainer input[type=text]").focus(), { ctrlKey: true })
break;
case "https://pipx.pypa.io":
registerHotkey("keyk", () => document.querySelector("input.md-search__input").focus(), { ctrlKey: true })
break;
case "https://hexdocs.pm":
registerHotkey("keyk", () => document.getElementById("search-input").focus(), { ctrlKey: true });
registerHotkey("escape", () => {
if (document.activeElement === document.getElementById("search-input")) gleamEscapeSearch()
});
break;
default:
console.log(`no hotkeys defined for ${window.location.origin}, but the script includes it's url`)
break;
}
// site specific helpers
function standardnotesToggleFocusMode() {
fireKeybEventH(document.body, 'f', { ctrlKey: true, shiftKey: true })
}
function gleamEscapeSearch() {
document.body.focus()
document.documentElement.classList.remove("search-active");
}
function standardnotesFocusSearch() {
if (document.body.classList.contains("focus-mode")) standardnotesToggleFocusMode()
document.querySelector(`input#search-bar`).focus();
}