Luogu User Introduction Viewer

在洛谷个人主页显示被隐藏的个人介绍

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey, Greasemonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Userscripts.

Чтобы установить этот скрипт, сначала вы должны установить расширение браузера, например Tampermonkey.

Чтобы установить этот скрипт, вы должны установить расширение — менеджер скриптов.

(у меня уже есть менеджер скриптов, дайте мне установить скрипт!)

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

(у меня уже есть менеджер стилей, дайте мне установить скрипт!)

// ==UserScript==
// @name         Luogu User Introduction Viewer
// @namespace    https://smkttl.github.io/
// @version      1.2
// @description  在洛谷个人主页显示被隐藏的个人介绍
// @author       smktll
// @match        *://luogu.com.cn/user/*
// @match        *://*.luogu.com.cn/user/*
// @license      CC-BY-NC-ND
// @require      https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js
// @grant        none
// ==/UserScript==

function latexToHtml(latex,displayStyle)
{
    latex=katex.renderToString(latex,{throwOnError:false});
    if(displayStyle) {
        latex=`<span class="katex-display katex">${latex}</span>`
    } else {
        latex=`<span class="katex">${latex}</span>`
    }
    return latex;
}
function markdownToHtmlWithoutCode(markdown)
{
    markdown=markdown.replace(/^(#{1,6})\s*(.*)$/gm,function(_,level,text){return '<h'+level.length+'>'+text+'</h'+level.length+'>';});
    markdown=markdown.replace(/^(\s*)(-|\d+\.)\s+(.*)$/gm,function(_,spaces,bullet,text)
                              {
        if(bullet==='-')
        {
            return spaces+'<ul><li>'+text+'</li></ul>';
        }
        else
        {
            return spaces+'<ol><li>'+text+'</li></ol>';
        }
    });
    markdown=markdown.replace(/!\[(.*?)\]\((.*?)\)/g, '<img src="$2" alt="$1"></img>');
    markdown=markdown.replace(/\[(.*?)\]\((.*?)\)/g,'<a href="$2">$1</a>');
    markdown=markdown.replace(/\&lt;(.*?)\&gt;/g,'<a href="$1">$1</a>');
    markdown=markdown.replace(/\*\*(.*?)\*\*/g,'<strong>$1</strong>');
    markdown=markdown.replace(/\*(.*?)\*/g,'<em>$1</em>');
    markdown=markdown.replace(/__(.*?)__/g,'<strong>$1</strong>');
    markdown=markdown.replace(/_(.*?)_/g,'<em>$1</em>');
    markdown=markdown.replace(/~~(.*?)~~/g,'<s>$1</s>');
    markdown=markdown.replace(/^-{3,}$/gm,'<hr>');
    return markdown;
}
function generateUUID() {
    if(typeof crypto !== 'undefined' && crypto.randomUUID) {
        return crypto.randomUUID();
    }
    if(typeof crypto !== 'undefined' && crypto.getRandomValues) {
        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
            const r = crypto.getRandomValues(new Uint8Array(1))[0] & 15;
            const v = c === 'x' ? r : (r & 0x3 | 0x8);
            return v.toString(16);
        });
    }
    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
        const r = Math.random() * 16 | 0;
        const v = c === 'x' ? r : (r & 0x3 | 0x8);
        return v.toString(16);
    });
}
let seperateParser={}
function codeblockToId(code,enableDiv)
{
    let id=`{${generateUUID()}}`;
    if(enableDiv){
        code=code.replaceAll('\n','<br />')
    }
    seperateParser[id]=`<code>${code}</code>`;
    if(enableDiv){
        seperateParser[id]=`<pre>${seperateParser[id]}</pre>`;
    }
    return id;
}
function latexToId(code,enableDiv)
{
    let id=`{${generateUUID()}}`;
    seperateParser[id]=latexToHtml(code,enableDiv);
    return id;
}
function replaceSeperateParser(text){
    for (const [key, value] of Object.entries(seperateParser)) {
        text=text.replace(key,value);
    }
    return text;
}
function markdownToHtml(markdown,id)
{
    let result="";
    for(let i=0;i<markdown.length;i++)
    {
        if(i+2<markdown.length && markdown[i]=='`' && markdown[i+1]=='`' && markdown[i+2]=='`')
        {
            let codeblock="";
            i+=3;
            while(i<markdown.length && markdown[i]!='\n')
            {
                i++;
            }
            i++;
            while(i+3<markdown.length && !(markdown[i]=='\n' && markdown[i+1]=='`'&&markdown[i+2]=='`'&&markdown[i+3]=='`'))
            {
                codeblock+=markdown[i++];
            }
            i+=3;
            result+=codeblockToId(codeblock,true);
        }
        else if(markdown[i]=='`'&&(i==0||markdown[i-1]!='\\'))
        {
            let codeblock="";
            i++;
            while(i<markdown.length && !(markdown[i]=='`'&&markdown[i-1]!='\\'))
            {
                codeblock+=markdown[i++];
            }
            result+=codeblockToId(codeblock,false);
        }
        else if(i+1<markdown.length && markdown[i]=='$' && markdown[i+1]=='$')
        {
            let codeblock="";
            i+=2;
            while(i+1<markdown.length && !(markdown[i]=='$' && markdown[i+1]=='$'))
            {
                codeblock+=markdown[i++];
            }
            i++;
            result+=latexToId(codeblock,true);
        }
        else if(markdown[i]=='$' && (i==0 || markdown[i-1]!='\\'))
        {
            let codeblock="";
            i++;
            while(i<markdown.length && !(markdown[i]=='$' && markdown[i-1]!='\\'))
            {
                codeblock+=markdown[i++];
            }
            result+=latexToId(codeblock,false);
        }
        else result+=markdown[i];
    }
    result=markdownToHtmlWithoutCode(result);
    result=replaceSeperateParser(result);
    return result;
}
(function() {
    'use strict';

    const observer=new MutationObserver(function(mutationsList,observer){
        let par=Array.from(document.querySelectorAll('div.main')).filter(x=>x.className=='main')[0];
        console.log(par)
        if(par && par.children.length>1 && !document.getElementById('smkttl-user-intro-preview'))
        {
            let e=document.createElement('div');
            let data=JSON.parse(document.getElementById('lentille-context').innerText).data.user.introduction;
            data=markdownToHtml(data)
            e.setAttribute('data-v-b62e56e7','')
            e.setAttribute('data-v-bdfb92aa','')
            e.setAttribute('data-v-754e1ea4-s','')
            e.setAttribute('id','smkttl-user-intro-preview');
            e.className="l-card"
            e.innerHTML=`<div data-v-bdfb92aa="" class="header"><h3 data-v-bdfb92aa="" style="margin: 0px;">个人介绍(插件预览,注意修改后需要刷新)</h3></div><div data-v-bdfb92aa="" class="lfe-marked-wrap introduction"><div class="lfe-marked">${data}</div></div>`
            par.appendChild(e)
        }
    });
    observer.observe(document,{childList:true,subtree:true});
})();