Leetcode solution's saver

Script saves the file to a folder with corresponding difficulty, name and file extension

Versão de: 12/08/2023. Veja: a última versão.

Você precisará instalar uma extensão como Tampermonkey, Greasemonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Userscripts para instalar este script.

Você precisará instalar uma extensão como o Tampermonkey para instalar este script.

Você precisará instalar um gerenciador de scripts de usuário para instalar este script.

(Eu já tenho um gerenciador de scripts de usuário, me deixe instalá-lo!)

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

(Eu já possuo um gerenciador de estilos de usuário, me deixar fazer a instalação!)

// ==UserScript==
// @name         Leetcode solution's saver
// @namespace    http://tampermonkey.net/
// @version      1.0.2
// @description  Script saves the file to a folder with corresponding difficulty, name and file extension
// @author       https://github.com/ruvn-1fgas
// @match        https://leetcode.com/*
// @require      https://code.jquery.com/jquery-latest.js
// @require      https://unpkg.com/turndown/dist/turndown.js
// @icon         https://www.google.com/s2/favicons?sz=64&domain=leetcode.com
// @grant        GM_download
// @grant        GM_xmlhttpRequest
// @license      MIT

// ==/UserScript==
/* globals jQuery, $, waitForKeyElements */

const API_URL = 'https://leetcode.com/graphql/';
const LANG_LIST = [{ 'name': 'C++', 'slug': 'cpp', 'id': 0, 'extension': '.cpp' }, { 'name': 'Java', 'slug': 'java', 'id': 1, 'extension': '.java' }, { 'name': 'Python', 'slug': 'python', 'id': 2, 'extension': '.py' }, { 'name': 'MySQL', 'slug': 'mysql', 'id': 3, 'extension': '.sql' }, { 'name': 'C', 'slug': 'c', 'id': 4, 'extension': '.c' }, { 'name': 'C#', 'slug': 'csharp', 'id': 5, 'extension': '.cs' }, { 'name': 'JavaScript', 'slug': 'javascript', 'id': 6, 'extension': '.js' }, { 'name': 'Ruby', 'slug': 'ruby', 'id': 7, 'extension': '.rb' }, { 'name': 'Bash', 'slug': 'bash', 'id': 8, 'extension': '.sh' }, { 'name': 'Swift', 'slug': 'swift', 'id': 9, 'extension': '.swift' }, { 'name': 'Go', 'slug': 'golang', 'id': 10, 'extension': '.go' }, { 'name': 'Python3', 'slug': 'python3', 'id': 11, 'extension': '.py' }, { 'name': 'Scala', 'slug': 'scala', 'id': 12, 'extension': '.scala' }, { 'name': 'Kotlin', 'slug': 'kotlin', 'id': 13, 'extension': '.kt' }, { 'name': 'MS SQL Server', 'slug': 'mssql', 'id': 14, 'extension': '.sql' }, { 'name': 'Oracle', 'slug': 'oraclesql', 'id': 15, 'extension': '.sql' }, { 'name': 'HTML', 'slug': 'html', 'id': 16, 'extension': '.html' }, { 'name': 'Python ML (beta)', 'slug': 'pythonml', 'id': 17, 'extension': '.py' }, { 'name': 'Rust', 'slug': 'rust', 'id': 18, 'extension': '.rs' }, { 'name': 'PHP', 'slug': 'php', 'id': 19, 'extension': '.php' }, { 'name': 'TypeScript', 'slug': 'typescript', 'id': 20, 'extension': '.ts' }, { 'name': 'Racket', 'slug': 'racket', 'id': 21, 'extension': '.rkt' }, { 'name': 'Erlang', 'slug': 'erlang', 'id': 22, 'extension': '.erl' }, { 'name': 'Elixir', 'slug': 'elixir', 'id': 23, 'extension': '.ex' }, { 'name': 'Dart', 'slug': 'dart', 'id': 24, 'extension': '.dart' }, { 'name': 'Python Data Science (beta)', 'slug': 'pythondata', 'id': 25, 'extension': '.py' }, { 'name': 'React', 'slug': 'react', 'id': 26, 'extension': '.js' }, { 'name': 'Vanilla JS', 'slug': 'vanillajs', 'id': 27, 'extension': '.js' }];

let turndownService = new TurndownService();
turndownService.addRule('pre', {
    filter: ['pre'],
    replacement: function (content) {
        return '```\n' + content + '```'
    }
});

(function (open) {
    XMLHttpRequest.prototype.open = function () {
        this.addEventListener("readystatechange", function () {
            if (this.readyState == 4 && window.location.href.search('/problems/') != -1) {
                main();
            }
        }, false);
        open.apply(this, arguments);
    };
})(XMLHttpRequest.prototype.open);

function main() {
    'use strict'
    let buttons = $('.relative.ml-auto.flex.items-center.gap-3');
    if (buttons === undefined) {
        return;
    }

    if (buttons.children().length > 3) {
        return;
    }

    let downloadButton = createButton('Download', buttons.children().first().attr('class'), { 'margin-right': '4px' }, download);
    buttons.prepend(downloadButton);
}

function createButton(buttonName, buttonClass, buttonStyle, buttonClick) {
    let button = $('<button>' + buttonName + '</button>');
    button.addClass(buttonClass);
    button.removeClass('cursor-not-allowed');
    button.css(buttonStyle);
    button.click(buttonClick);
    return button;
}

async function download() {
    const taskInfo = await getTaskInfo();
    for (let key in taskInfo) {
        if (taskInfo[key] === undefined) {
            return;
        }
    }
    const taskDesc = await getTaskDesc(taskInfo);
    const taskCode = await getTaskCode(taskInfo);
    if (taskCode === undefined) {
        return;
    }

    save(taskInfo, taskCode, taskDesc);
}

async function fetchData(body, operationName) {
    const csrftoken = getCsrfToken();
    try {
        const response = await fetch(API_URL, {
            body,
            method: "POST",
            headers: {
                "x-csrftoken": csrftoken,
                "content-type": "application/json",
            }
        });
        const data = await response.json();

        return data.data[operationName];
    } catch (error) {
        console.log(error);
    }
}

async function getTaskInfo() {
    const slug = window.location.href.split('/')[4];
    let body = `{\"query\":\"\\n    query questionTitle($titleSlug: String!) {\\n  question(titleSlug: $titleSlug) {\\n    questionId\\n    questionFrontendId\\n    title\\n    titleSlug\\n    isPaidOnly\\n    difficulty\\n    likes\\n    dislikes\\n  }\\n}\\n    \",\"variables\":{\"titleSlug\":\"${slug}\"},\"operationName\":\"questionTitle\"}`
    const question = await fetchData(body, "question");
    const currentLanguageHolder = $('.flex.items-center').filter(function () {
        return $(this).attr('class') === 'flex items-center';
    });
    const childs = Array.from(currentLanguageHolder.children());
    const currentLanguage = LANG_LIST.find(({ name }) => childs.some(child => $(child).text().trim() === name));
    const { questionId, questionFrontendId, title, titleSlug, difficulty } = question;
    return {
        taskId: questionId,
        taskName: `${questionFrontendId}. ${title}`,
        titleSlug: titleSlug,
        level: difficulty,
        language: currentLanguage?.name,
        langId: currentLanguage?.id,
        fileExt: currentLanguage?.extension
    };
}

async function getTaskDesc(taskInfo) {
    const { titleSlug } = taskInfo;
    const body = `{\"query\":\"\\n    query questionContent($titleSlug: String!) {\\n  question(titleSlug: $titleSlug) {\\n    content\\n    mysqlSchemas\\n    dataSchemas\\n  }\\n}\\n    \",\"variables\":{\"titleSlug\":\"${titleSlug}\"},\"operationName\":\"questionContent\"}`

    const { content } = await fetchData(body, "question");
    const markdown = turndownService.turndown(content);
    return markdown;
}

async function getTaskCode(taskInfo) {
    const { langId, taskId } = taskInfo;
    const body = `{\"query\":\"\\n    query syncedCode($questionId: Int!, $lang: Int!) {\\n  syncedCode(questionId: $questionId, lang: $lang) {\\n    timestamp\\n    code\\n  }\\n}\\n    \",\"variables\":{\"lang\":${taskInfo.langId},\"questionId\":${taskInfo.taskId}},\"operationName\":\"syncedCode\"}`;

    const { code } = await fetchData(body, "syncedCode");
    return code;
}

function getCsrfToken() {
    let csrfToken = document.cookie.split('; ').find(row => row.startsWith('csrftoken')).split('=')[1];
    return csrfToken;
}

async function saveCode(taskInfo, taskCode) {
    const { taskName, level, fileExt } = taskInfo;
    const filename = `Leetcode/${level}/${taskName}${fileExt}`;
    const bl = new Blob([taskCode], { type: `text/${fileExt}` });
    const download = {
        url: URL.createObjectURL(bl),
        name: filename
    };
    GM_download(download);
}

async function save(taskInfo, taskCode, taskDesc) {
    const { taskName, level, fileExt } = taskInfo;
    const codeFilename = `Leetcode/${level}/${taskName}${fileExt}`;
    const codeBl = new Blob([taskCode], { type: `text/${fileExt}` });
    const codeDownload = {
        url: URL.createObjectURL(codeBl),
        name: codeFilename
    };
    GM_download(codeDownload);

    const descFilename = `Leetcode/${level}/${taskName}.md`;
    const descBl = new Blob([taskDesc], { type: 'text/md' });
    const descDownload = {
        url: URL.createObjectURL(descBl),
        name: descFilename
    };
    GM_download(descDownload);
}