☰

Vocabulary

Tweaks in Vocabulary

// ==UserScript==
// @name         Vocabulary
// @namespace    http://tampermonkey.net/
// @version      0.6.10
// @description  Tweaks in Vocabulary
// @author       Feng Ya
// @match        https://www.vocabulary.com/*
// @grant        none
// ==/UserScript==

/* global MutationObserver */

;(function () {
  'use strict'
  // Your code here...
  window.onload = function () {
    const audioSupport = document.querySelector('div.audio_support')
    audioSupport && audioSupport.parentNode.removeChild(audioSupport)
  }

  // dictionary
  const input = document.querySelector('input#search')

  if (input) {
    input.blur()
    input.addEventListener('keydown', event => {
      // console.log(event.key)
      switch (event.key) {
        case 'Escape':
        case 'Enter':
          input.blur()
          break
      }
    })
  }

  document.body.addEventListener('keydown', event => {
    // console.log(event)
    if (event.target.nodeName === 'INPUT') return

    const tools = document.querySelector('div.wordtools')
    const hidden = tools && tools.classList.contains('hidden')

    function lookup (index) {
      if (!hidden) {
        const lookups = document.querySelectorAll('div.selected div.lookup')
        // console.log(lookups)
        lookups.length && lookups[index].click()
      }
    }

    switch (event.key) {
      case 'a':
        lookup(0)
        break
      case 's':
        lookup(1)
        break
      case 'd':
        lookup(2)
        break
      case 'f':
        lookup(3)
        break

      case 'i':
        event.preventDefault()
        document.querySelector('input#search').focus()
        break

      case 'j':
        document.querySelector('button.next').click()
        break

      case 'l':
        const learn = document.querySelector('button.learn')
        learn && learn.click()
        break

      case 'o':
        if (!hidden) {
          const audio =
            document.querySelector('div.tools > a.listen') ||
            document.querySelector('a.audio')
          audio && audio.click()
        }
        break

      case 'Backspace':
        window.history.back()
        break
    }
  })

  // console.log(window.location)
  const pathname = window.location.pathname

  if (pathname === '/lists/vocabgrabber') {
    document
      .querySelector('button.ss-settings')
      .addEventListener('click', () => {
        const count = parseInt(
          document.querySelector('div.resultsonly > h1 > span').textContent,
          10
        )

        const selects = document.querySelectorAll(
          'div.menu-item[data-action="select"]'
        )
        // console.log(selects)

        selects[0].setAttribute('data-count', (count / 4).toFixed())
        selects[0].textContent = 'Select First 25%'

        selects[1].setAttribute('data-count', (count / 2).toFixed())
        selects[1].textContent = 'Select First 50%'

        selects[2].setAttribute('data-count', count.toFixed())
        selects[2].textContent = 'Select All Words'
      })
  }

  if (
    pathname === '/' ||
    pathname === '/play/' ||
    (pathname.startsWith('/lists') && pathname.endsWith('practice'))
  ) {
    const target = document.querySelector('div#challenge')
    // console.log(target)
    const config = { childList: true, subtree: true }

    const callback = function (mutations) {
      // console.log(mutationsList)
      for (let mutation of mutations) {
        if (mutation.target.className === 'questionPane') {
          changeAccessKey()
        }
      }
    }
    const observer = new MutationObserver(callback)
    observer.observe(target, config)
  }

  function changeAccessKey () {
    document.querySelectorAll('div.active div.choices > a').forEach(a => {
      const key = a.getAttribute('accesskey')
      switch (key) {
        case '1':
        case '1A':
          a.setAttribute('accesskey', '1A')
          break
        case '2':
        case '2B':
          a.setAttribute('accesskey', '2S')
          break
        case '3':
        case '3C':
          a.setAttribute('accesskey', '3D')
          break
        case '4':
        case '4D':
          a.setAttribute('accesskey', '4F')
          break
        default:
          break
      }
    })
  }
})()