ultra-hotkeys

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();
}