WAX CPU Usage Indicator

Show WAX CPU percentage used in top left corner
目前為 2022-03-02 提交的版本，檢視最新版本。
安裝腳本 ?
換行
// ==UserScript==
// @name         WAX CPU Usage Indicator
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  Show WAX CPU percentage used in top left corner
// @author       Xortrox
// @esversion:   6
// @match        https://play.arenaofglory.io/*
// @icon         https://play.arenaofglory.io/favicon.ico
// @license MIT
// ==/UserScript==
 
(async function() {
    'use strict';
 
    const walletAddressKey = 'user-script-wallet-address';
    let walletAddress = localStorage.getItem(walletAddressKey) || undefined;
 
    const cpuDivId = 'user-script-cpu';
    const walletInputId = 'user-script-wallet-address';
    const walletSaveButtonId = 'user-script-wallet-save';
 
    const cpuUpdateIntervalMS = 10000;
 
    async function getWaxAccount(accountName) {
        return (await fetch('https://chain.wax.io/v1/chain/get_account', { method: 'POST', body: JSON.stringify({account_name: accountName}) })).json();
    }
 
    async function getWaxCPUPercentage(accountName) {
        const account = await getWaxAccount(accountName);
 
        return (account.cpu_limit.used / account.cpu_limit.max * 100).toFixed(2);
    }
 
    function touchCPUDiv() {
        const exists = document.getElementById(cpuDivId);
 
        if (!exists) {
            const div = document.createElement('div');
            div.id = cpuDivId;
            div.setAttribute('style', 'position: fixed; left: 5px; top: 5px; height: 25px; background: rgba(1,1,1,0.7); border: 1px solid limegreen; color: limegreen; padding: 3px; cursor: pointer;');
 
            const walletSaveButton = document.createElement('button');
            walletSaveButton.id = walletSaveButtonId;
            walletSaveButton.setAttribute('style', 'background: transparent; color: limegreen; height: 25px; cursor: pointer;');
            walletSaveButton.innerText = 'Save';
            walletSaveButton.addEventListener('click', () => {
                const walletInput = document.getElementById(walletInputId);
                localStorage.setItem(walletAddressKey, walletInput.value);
                walletAddress = localStorage.getItem(walletAddressKey) || undefined;
                updateCPUPercentage();
            });
 
            const walletInput = document.createElement('input');
            walletInput.id = walletInputId;
            walletInput.setAttribute('style', 'width: 100px; background: transparent; color: limegreen; height: 25px;');
            walletInput.setAttribute('data-lpignore', 'true');
            walletInput.setAttribute('type', 'text');
            walletInput.setAttribute('name', 'user-script-wallet');
            walletInput.setAttribute('placeholder', 'Wallet Address');
            walletInput.addEventListener('input', () => {
                console.log('input', walletInput.value);
            });
            walletInput.addEventListener('blur', () => {
                console.log('blur', walletInput.value);
            });
 
            div.appendChild(walletSaveButton);
 
            div.appendChild(walletInput);
 
            const cpuSpan = document.createElement('span');
            cpuSpan.id = cpuDivId + '-span';
            cpuSpan.setAttribute('style', 'padding: 3px;');
 
            div.appendChild(cpuSpan);
 
            div.addEventListener('click', () => {
                updateCPUPercentage();
            });
 
            document.body.appendChild(div);
        }
 
        return document.getElementById(cpuDivId + '-span');
    }
 
    async function updateCPUPercentage() {
        const div = touchCPUDiv();
 
        if (walletAddress) {
            div.innerText = `CPU usage: ${await getWaxCPUPercentage(walletAddress)}%`;
        }
    }
 
    updateCPUPercentage();
 
    setInterval(updateCPUPercentage, cpuUpdateIntervalMS);
})();