WK Custom Review Question (KunOn+)

Changes the text of the Review or Lesson Quiz question. Specifies ON or KUN reading for Kanji. Options to have the text in English or Japanese.
目前為 2023-04-14 提交的版本，檢視最新版本。
安裝腳本 ?
發表問題、評論、或檢舉該腳本。
Wrap lines
// ==UserScript==
// @name        WK Custom Review Question (KunOn+)
// @namespace   WK_KunOn
// @description Changes the text of the Review or Lesson Quiz question. Specifies ON or KUN reading for Kanji. Options to have the text in English or Japanese.
// @author      polv
// @match       https://www.wanikani.com/extra_study/session*
// @match       https://www.wanikani.com/review/session*
// @match       https://www.wanikani.com/subjects/review*
// @match       https://www.wanikani.com/subjects/extra_study*
// @match       https://www.wanikani.com/subjects/lesson/quiz*
// @match       https://preview.wanikani.com/extra_study/session*
// @match       https://preview.wanikani.com/review/session*
// @match       https://preview.wanikani.com/subjects/review*
// @match       https://preview.wanikani.com/subjects/extra_study*
// @match       https://preview.wanikani.com/subjects/lesson/quiz*
// @icon        https://www.google.com/s2/favicons?sz=64&domain=wanikani.com
// @homepage    https://community.wanikani.com/t/userscript-wk-custom-review-question-kunon-2023-version/61449
// @source      https://github.com/patarapolw/wanikani-userscript/blob/master/userscripts/kun-on.user.js
// @version     1.0.2
// @license     MIT
// @grant       none
// ==/UserScript==

// @ts-check
(function () {
  'use strict';

  /**
   * Language options
   * English "en", Japanese "ja"
   */
  let strLang = 'en';

  /**
   * Whether to hide subjectType string, and rely on color instead.
   */
  let has_subjectType = true;

  //
  // Edit replacement string to your heart's content.
  //

  // subjectType strings
  let strKanji = 'Kanji';
  let strRadical = 'Radical';
  let strVocab = 'Vocabulary';

  // questionType strings
  let strMeaning = 'Meaning';
  let strName = 'Name';

  let strReading = 'Reading';

  let strReadingKan = 'Reading';
  let strOn = "On'yomi";
  let strKun = "Kun'yomi";
  let strNan = 'Nanori';

  // Translations
  switch (strLang) {
    case 'ja':
      strKanji = '漢字:';
      strRadical = '部首:';
      strVocab = '単語:';

      strMeaning = '意味';
      strName = '名前';

      strReading = '読み方';

      strReadingKan = '読み';
      strOn = '音読み';
      strKun = '訓読み';
      strNan = '名乗り';
      break;
  }

  const SEL_category = '[data-quiz-input-target="category"]';
  const SEL_questionType = '[data-quiz-input-target="questionType"]';

  // CSS
  add_css(/* css */ `
  ${SEL_category} {

  }

  ${SEL_questionType} {
    ${strLang === 'ja' ? 'font-weight: unset;' : ''}
  }
  `);

  window.addEventListener('willShowNextQuestion', (e) => {
    if ('detail' in e) {
      const { subject, questionType } = /**
       * @type {{
       *  questionType: 'reading' | 'meaning',
       *  subject: {
       *    type: 'Radical' | 'Kanji' | 'Vocabulary',
       *    primary_reading_type?: 'onyomi' | 'kunyomi' | 'nanori'
       *  }
       * }} */ (e.detail);

      const el_category = document.querySelector(SEL_category);
      const el_questionType = document.querySelector(SEL_questionType);

      if (el_category && el_questionType) {
        const obs_category = new MutationObserver(() => {
          el_category.setAttribute('lang', strLang);
          el_category.textContent = has_subjectType
            ? (() => {
                switch (subject.type) {
                  case 'Radical':
                    return strRadical;
                  case 'Kanji':
                    return strKanji;
                }
                return strVocab;
              })()
            : '';

          obs_category.disconnect();
        });
        obs_category.observe(el_category, { childList: true });

        const obs_questionType = new MutationObserver(() => {
          el_questionType.setAttribute('lang', strLang);
          el_questionType.textContent = (() => {
            if (questionType === 'reading') {
              if (subject.primary_reading_type) {
                switch (subject.primary_reading_type) {
                  case 'onyomi':
                    return strOn;
                  case 'kunyomi':
                    return strKun;
                  case 'nanori':
                    return strNan;
                }
                return strReadingKan;
              }
              return strReading;
            }

            if (subject.type === 'Radical') return strName;

            return strMeaning;
          })();

          obs_questionType.disconnect();
        });
        obs_questionType.observe(el_questionType, { childList: true });
      }
    }
  });

  function add_css(css) {
    const style = document.createElement('style');
    style.append(document.createTextNode(css));
    document.head.append(style);
  }
})();
欢迎访问Greasy Fork镜像
