☰

Auto next on takeout for Autodarts

Userscript for Autodarts to reset board and switch to next player if takeout stucks

目前為 2024-03-06 提交的版本，檢視 最新版本。

// ==UserScript==
// @id           auto-next-on-takeout-for-autodarts@https://github.com/sebudde/auto-next-on-takeout-for-autodarts
// @name         Auto next on takeout for Autodarts
// @namespace    https://github.com/sebudde/auto-next-on-takeout-for-autodarts
// @version      0.0.3
// @description  Userscript for Autodarts to reset board and switch to next player if takeout stucks
// @author       sebudde
// @match        https://play.autodarts.io/matches/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=autodarts.io
// @license      MIT
// @grant        GM.getValue
// @grant        GM.setValue
// ==/UserScript==

(async function() {
  'use strict';

  const observeDOM = (function() {
    const MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
    return function(obj, config, callback) {
      if (!obj || obj.nodeType !== 1) return;
      const mutationObserver = new MutationObserver(callback);
      const mutConfig = {
        ...{
          attributes: true,
          childList: true,
          subtree: true
        }, ...config
      };
      mutationObserver.observe(obj, mutConfig);
      return mutationObserver;
    };
  })();

  const onDOMready = async () => {

    setTimeout(async () => {

      console.log('match ready!');

      const matchMenuEl = document.querySelectorAll('.css-k008qs');

      let matchMenuContainer;

      if (matchMenuEl.length > 1) {
        // Autodarts Plus is active
        matchMenuContainer = matchMenuEl[1];
        const flexEl = document.createElement('div');
        flexEl.classList.add('css-17xejub');
        matchMenuContainer.appendChild(flexEl);

      } else {
        const matchMenuRow = document.createElement('div');
        matchMenuRow.classList.add('css-k008qs');
        matchMenuRow.style.marginTop = 'calc(var(--chakra-space-2) * -1 - 4px)';
        matchMenuContainer = document.createElement('div');
        matchMenuContainer.classList.add('css-a6m3v9');
        matchMenuRow.appendChild(matchMenuContainer);
        document.querySelector('.css-k008qs').after(matchMenuRow);
      }

      const counterContainer = document.querySelector('.css-oyptjf');

      let nextPlayerAfterTakeoutSec = (await GM.getValue('nextPlayerAfterTakeoutSec')) || 'OFF';

      const onSelectChange = (event) => {
        (async () => {
          eval(event.target.id + ' = event.target.value');
          await GM.setValue(event.target.id, event.target.value);
        })();
      };

      const nextPlayerAfterTakeoutSecArr = [
        {
          value: 'OFF'
        }, {
          value: '10'
        }, {
          value: '15'
        }, {
          value: '20'
        }, {
          value: '30'
        }];

      const nextPlayerAfterTakeoutSecSelect = document.createElement('select');
      nextPlayerAfterTakeoutSecSelect.id = 'nextPlayerAfterTakeoutSec';
      nextPlayerAfterTakeoutSecSelect.classList.add('css-1xbroe7');
      nextPlayerAfterTakeoutSecSelect.style.padding = '0 5px';
      nextPlayerAfterTakeoutSecSelect.onchange = onSelectChange;

      matchMenuContainer.appendChild(nextPlayerAfterTakeoutSecSelect);

      nextPlayerAfterTakeoutSecArr.forEach((sec) => {
        const optionEl = document.createElement('option');
        optionEl.value = sec.value;
        optionEl.text = `Next Player after Takeout for ${sec.value}${sec.value === 'OFF' ? '' : ' sec'}`;
        optionEl.style.backgroundColor = '#353d47';
        if (nextPlayerAfterTakeoutSec === sec.value) optionEl.setAttribute('selected', 'selected');
        nextPlayerAfterTakeoutSecSelect.appendChild(optionEl);
      });

      const boardStatusContainer = document.querySelector('.css-1uodvt1 a');

      const config = {
        characterData: true,
        attributes: false,
        childList: false
      };

      let countdown;

      const nextPlayerBtn = [...document.querySelectorAll('.css-7bjx6y button')].filter(el => el.textContent.includes('Next'))[0];
      const resetBoardBtn = [...document.querySelectorAll('.css-1uodvt1 button')].filter(el => el.textContent.includes('Reset'))[0];
      const timerEl = document.createElement('span');

      const resetCountdown = () => {
        clearInterval(countdown);
        timerEl?.remove();
      };

      nextPlayerBtn.addEventListener('click', (event) => {
        resetCountdown();
      }, false);

      [...counterContainer.querySelectorAll('.css-rzdgh7, .css-1chp9v4')].forEach((counterBtn) => {
        counterBtn.addEventListener('click', (event) => {
          resetCountdown();
        }, false);
      });

      observeDOM(boardStatusContainer, config, function(m) {
        m.forEach((record) => {
          if (record.target.textContent !== '✊') {
            resetCountdown();
          } else {
            if (nextPlayerAfterTakeoutSec !== 'OFF' && nextPlayerBtn && resetBoardBtn) {
              timerEl.style.paddingLeft = '15px';
              timerEl.textContent = nextPlayerAfterTakeoutSec;
              nextPlayerBtn.append(timerEl);
              countdown = setInterval(() => {
                const time = parseInt(timerEl.textContent);
                timerEl.textContent = (time - 1).toString();
                if (time === 1) {
                  resetBoardBtn.click();
                  nextPlayerBtn.click();
                }
              }, 1000);

            }
          }
        });
      });

    }, 100);
  };

  observeDOM(document.getElementById('root'), {}, function(mutationrecords) {
    mutationrecords.forEach((record) => {
      if (record.addedNodes.length && record.addedNodes[0].classList?.length) {
        const elemetClassList = [...record.addedNodes[0].classList];
        return elemetClassList.forEach((className) => {
          if (className === 'css-ul22ge') {
            onDOMready();
          }
        });
      }
    });
  });
})();