AtCoder Beautiful Code View

AtCoderの提出コードをMonaco Editorを使用した表示にします

Verzia zo dňa 03.05.2022. Pozri najnovšiu verziu.

Na nainštalovanie skriptu si budete musieť nainštalovať rozšírenie, ako napríklad Tampermonkey, Greasemonkey alebo Violentmonkey.

Na nainštalovanie skriptu si budete musieť nainštalovať rozšírenie, ako napríklad Tampermonkey, % alebo Violentmonkey.

Na nainštalovanie skriptu si budete musieť nainštalovať rozšírenie, ako napríklad Tampermonkey, % alebo Violentmonkey.

Na nainštalovanie skriptu si budete musieť nainštalovať rozšírenie, ako napríklad Tampermonkey alebo Userscripts.

Na inštaláciu tohto skriptu je potrebné nainštalovať rozšírenie, ako napríklad Tampermonkey.

Na inštaláciu tohto skriptu je potrebné nainštalovať rozšírenie správcu používateľských skriptov.

(Už mám správcu používateľských skriptov, nechajte ma ho nainštalovať!)

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie, ako napríklad Stylus.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie, ako napríklad Stylus.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie, ako napríklad Stylus.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie správcu používateľských štýlov.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie správcu používateľských štýlov.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie správcu používateľských štýlov.

(Už mám správcu používateľských štýlov, nechajte ma ho nainštalovať!)

// ==UserScript==
// @name    AtCoder Beautiful Code View
// @namespace    http://tampermonkey.net/
// @version    0.3
// @description    AtCoderの提出コードをMonaco Editorを使用した表示にします
// @author     Chippppp
// @license    MIT
// @match    https://atcoder.jp/contests/*/submissions/*
// @grant    none
// ==/UserScript==

"use strict";

(function() {
    const  languages = new Set(["plaintext", "abap", "apex", "azcli", "bat", "bicep", "cameligo", "clojure", "coffeescript", "c", "cpp", "csharp", "csp", "css", "dart", "dockerfile", "ecl", "elixir", "flow9", "fsharp", "freemarker2", "freemarker2.tag-angle.interpolation-dollar", "freemarker2.tag-bracket.interpolation-dollar", "freemarker2.tag-angle.interpolation-bracket", "freemarker2.tag-bracket.interpolation-bracket", "freemarker2.tag-auto.interpolation-dollar", "freemarker2.tag-auto.interpolation-bracket", "go", "graphql", "handlebars", "hcl", "html", "ini", "java", "javascript", "julia", "kotlin", "less", "lexon", "lua", "liquid", "m3", "markdown", "mips", "msdax", "mysql", "objective-c", "pascal", "pascaligo", "perl", "pgsql", "php", "pla", "postiats", "powerquery", "powershell", "proto", "pug", "python", "qsharp", "r", "razor", "redis", "redshift", "restructuredtext", "ruby", "rust", "sb", "scala", "scheme", "scss", "shell", "sol", "aes", "sparql", "sql", "st", "swift", "systemverilog", "verilog", "tcl", "twig", "typescript", "vb", "xml", "yaml", "json"]);
    let lang = document.getElementsByClassName("text-center")[3].innerText;
    lang = lang.slice(0, lang.indexOf(" ")).toLocaleLowerCase().replace("#", "sharp");
    if (lang.startsWith("pypy")) lang = "python";
    else if (lang == "c++") lang = "cpp";

    if (languages.has(lang)) {
        // Monaco Editor in cdnjs
        // Copyright (c) 2016 - present Microsoft Corporation
        let script = document.createElement("script");
        script.src = "https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.33.0/min/vs/loader.min.js";
        document.head.prepend(script);

        let header = document.createElement("script");
        header.innerHTML = `
        document.getElementsByClassName("linenums")[0].style.display = "none";
        document.getElementsByClassName("btn-text toggle-btn-text source-code-expand-btn")[0].style.display = "none";
        document.getElementsByClassName("btn-copy btn-pre")[0].style.zIndex = "1";
        document.getElementsByClassName("btn-copy btn-pre")[0].style.borderRadius = "0";
        document.getElementsByClassName("btn-copy btn-pre")[1].style.zIndex = "1";
        document.getElementsByClassName("btn-copy btn-pre")[1].style.borderRadius = "0";
    `
        document.head.prepend(header);

        let div = document.createElement("div");
        div.style.marginTop = "10px";
        div.style.marginBottom = "30px";
        document.getElementById("submission-code").after(div);

        let str = document.getElementById("for_copy0").innerText;
        let cnt;
        let arr = str.match(/\n/g);
        if (arr == null) cnt = 0;
        else cnt = arr.length;
        console.log(cnt);
        div.style.height = Math.min(510, (cnt + 1) * 21 + 6).toString() + "px";

        script.onload = function() {
            require.config({ paths: { "vs": "https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.33.0/min/vs" } });

            require(["vs/editor/editor.main"], function() {
                if (languages.has(lang)) {
                    monaco.editor.create(div, {
                        value: str,
                        language: lang,
                        theme: "vs-dark",
                        readOnly: true,
                        lineHeight: 21,
                    });
                    document.getElementsByClassName("monaco-editor")[0].style.paddingTop = "20px";
                }
            });
        };
    }
})();