Leetcode solution's saver

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

Versión del día 12/08/2023. Echa un vistazo a la versión más reciente.

Tendrás que instalar una extensión para tu navegador como Tampermonkey, Greasemonkey o Violentmonkey si quieres utilizar este script.

Necesitarás instalar una extensión como Tampermonkey o Violentmonkey para instalar este script.

Necesitarás instalar una extensión como Tampermonkey o Violentmonkey para instalar este script.

Necesitarás instalar una extensión como Tampermonkey o Userscripts para instalar este script.

Necesitará instalar una extensión como Tampermonkey para instalar este script.

Necesitarás instalar una extensión para administrar scripts de usuario si quieres instalar este script.

(Ya tengo un administrador de scripts de usuario, déjame instalarlo)

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

(Ya tengo un administrador de estilos de usuario, déjame instalarlo)

// ==UserScript==
// @name         Leetcode solution's saver
// @namespace    http://tampermonkey.net/
// @version      1.0.1
// @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 + '\n```'
    }
});

(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);
}