// ==UserScript==
// @name         社会主义核心价值观（Core Socialist Values）
// @namespace    http://tampermonkey.net/
// @version      0.0.2
// @description  替换网站条幅为社会主义核心价值观。
// @author       You
// @license      MIT
// @match        *://reactjs.org/*
// @icon         <$ICON$>
// @require      https://code.jquery.com/jquery-3.6.0.slim.min.js
// @grant        none
// @downloadURL none
// ==/UserScript==

const selector = {
    react: '.css-lpiycv'
};
// 替换后的条幅去除空格换行后的文本
const txt = '富强民主文明和谐自由平等公正法治爱国敬业诚信友善ProsperityDemocracyCivilityHarmonyFreedomEqualityJusticeRuleoflawPatriotismDedicationIntegrityFriendship';

(function() {
    'use strict';

    loopRun();
    for(let i=0;i<3;i++){
        setTimeout(function(){loopRun();}, 3000 + 1000 * i);
    }
})();

// 循环替换条幅
function loopRun() {
    if($($(selector.react)[0]).text().replace(/\s+/g, "") === txt) {
        return;
    }
    const isStop = setInterval(function(){
        if($($(selector.react)[0]).text().replace(/\s+/g, "") === txt) {
            clearInterval(isStop);
        }
        run();
    }, 1000);
}

function run() {
    $(selector.react).html(`<div>
  <ul id='csv_ul'><li>富强</li><li>民主</li><li>文明</li><li>和谐</li><li>自由</li><li>平等</li><li>公正</li><li>法治</li><li>爱国</li><li>敬业</li><li>诚信</li><li>友善</li><br>
  <ul id='csv_ul'><li>Prosperity</li><li>Democracy</li><li>Civility</li><li>Harmony</li><li>Freedom</li><li>Equality</li><li>Justice</li><li>Rule of law</li><li>Patriotism</li><li>Dedication</li><li>Integrity</li><li>Friendship</li>
  </ul>
</div>`);
    $('#csv_ul').css({'listStyle': 'none', 'margin': 0, 'padding': 0, 'width': 'auto'});
    $('#csv_ul li').css({'color': '#DE2910', 'fontSize': '13px', 'fontWeight': 'bloder','float': 'left', 'padding-right': '10px', 'width':'80px', 'text-align': 'center'});
}