虚空终端上传工具

Greasy Fork is available in English.
虚空终端上传工具

虚空终端上传工具，添加按钮方便上传数据至虚空终端（https://xk.jdsha.com/），同时在米游社通行证页面添加按钮获取祈愿查询链接
目前为 2022-11-12 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         虚空终端上传工具
// @namespace    https://yinr.cc/
// @version      0.2.0
// @description  虚空终端上传工具，添加按钮方便上传数据至虚空终端（https://xk.jdsha.com/），同时在米游社通行证页面添加按钮获取祈愿查询链接
// @author       Yinr
// @license      MIT
// @icon         https://xk.jdsha.com/static/assets/media/logos/favicon.ico
// @match        http*://bbs.mihoyo.com/ys*
// @match        http*://user.mihoyo.com/*
// @grant        GM_registerMenuCommand
// @grant        GM_addStyle
// @run-at       document-end
// ==/UserScript==

(function() {
    'use strict';

    // Utils
    const launchObserver = ({
        parentNode,
        selector,
        failCallback = null,
        successCallback = null,
        stopWhenSuccess = true,
        config = { childList: true, subtree: true }
    }) => {
        if (!parentNode) return
        const observeFunc = mutationList => {
            if (!document.querySelector(selector)) {
                if (failCallback) failCallback()
                return
            }
            if (stopWhenSuccess) observer.disconnect()

            // 提供筛选变动节点并返回符合条件的元素数组的功能
            mutationList.itemFilter = (fn, type = 'addedNodes') => mutationList.map(i => Array.from(i[type]).filter(fn)).reduce((arr, val) => arr.concat(val), [])

            if (successCallback) successCallback(mutationList)
        }
        const observer = new MutationObserver(observeFunc)
        observer.observe(parentNode, config)
    }

    // Main
    const host = document.location.host

    if (host === 'bbs.mihoyo.com') { // 米游社，加载虚空终端上传工具
        // javascript:(function(){const s=document.createElement('script');s.src='https://t1.jdsha.com/hoyo/xk.js';document.body.append(s)})();
        const upload = () => {
            const s = document.createElement('script')
            s.src='https://t1.jdsha.com/hoyo/xk.js'
            document.body.append(s)
        }

        // 加载菜单按钮
        const uploadCommandId = GM_registerMenuCommand(`上传数据`, () => upload())

        // 加载页面按钮
        const btnContainerSelector = 'div.header__avatarcontainer'
        const btnLogoutSelector = 'li.header__nav>span.header__logout'
        const addButton = () => {
            const container = document.querySelector(btnContainerSelector)

            const addBtnAct = mutationList => {
                if (document.querySelector('.header__uploadxk') !== null) return
                const logoutBtn = document.querySelector(btnLogoutSelector).parentElement

                debugger
                const btn = document.createElement('li')
                btn.classList.add('header__nav')
                btn.innerHTML = '<span class="header__navmore header__uploadxk">上传虚空</span>'
                // btn.onClick = upload
                btn.addEventListener('click', () => upload())
                logoutBtn.before(btn)

                GM_addStyle('.header__navitem--account .header__nav:nth-child(4) {  padding-bottom: 0px;  }')
                GM_addStyle('.header__navitem--account .header__nav:nth-child(5) {  padding-bottom: 10px;  }')
            }

            launchObserver({
                parentNode: container,
                selector: btnLogoutSelector,
                successCallback: addBtnAct,
                stopWhenSuccess: false,
            })
        }

        launchObserver({
            parentNode: document,
            selector: btnContainerSelector,
            successCallback: addButton,
        })
    }
    else if (host === 'user.mihoyo.com') { // 米哈游通行证，加载祈愿链接生成工具
        // from https://feixiaoqiu.com/rank_url_upload_init/
        // javascript:(function(){const s=document.createElement('script');s.src='https://ys.jdsha.com/static_js/ys.js';document.body.append(s)})();
        const getGachaUrl = () => {
            const s = document.createElement('script')
            s.src='https://ys.jdsha.com/static_js/ys.js'
            document.body.append(s)
        }

        const sidebarSelector = 'div.mhy-sidebar>ul'
        const addGachaUrlButton = () => {
            const sidebar = document.querySelector(sidebarSelector)
            if (sidebar.querySelector('.icon-link') !== null) return
            const btn = document.createElement('li')
            btn.setAttribute('click-upload', '')
            btn.innerHTML = '<i class="anticon mhy-icon sidebar-icon icon-link"></i> <span>获取祈愿记录</span>'
            btn.addEventListener('click', () => getGachaUrl())
            sidebar.append(btn)
        }

        launchObserver({
            parentNode: document,
            selector: sidebarSelector,
            successCallback: addGachaUrlButton,
        })
    }

})();