Lex's SG Chart Maker

Create bundle charts for Steam Gifts.

Versión del día 24/8/2017. 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         Lex's SG Chart Maker
// @namespace    https://www.steamgifts.com/user/lext
// @version      0.1.3
// @description  Create bundle charts for Steam Gifts.
// @author       Lex
// @match        http://store.steampowered.com/*
// @require      http://code.jquery.com/jquery-3.2.1.min.js
// @require      http://code.jquery.com/ui/1.12.1/jquery-ui.min.js
// @grant        GM_getValue
// @grant        GM_setValue
// @grant        GM_deleteValue
// @grant        GM_addStyle
// @grant        GM_xmlhttpRequest
// @connect      api.isthereanydeal.com
// ==/UserScript==

(function() {
    'use strict';

    //GM_deleteValue("gameOrder");
    //GM_deleteValue("games");
    var ITAD_API_KEY = GM_getValue("ITAD_API_KEY");
    const API_KEY_REGEXP = /[0-9A-Za-z]{40}/;
    const GameID = window.location.pathname.match(/(app|sub)\/\d+/)[0];
    const BUNDLE_BLACKLIST = ["DailyIndieGame", "Chrono.GG", "Chrono.gg", "Ikoid", "Humble Mobile Bundle", "PlayInjector", "Vodo",
                              "Get Loaded", "GreenMan Gaming", "Indie Ammo Box", "MacGameStore", "PeonBundle", "Select n'Play", "StackSocial",
                              "StoryBundle", "Bundle Central", "Cult of Mac", "GOG", "Gram.pl", "Indie Fort", "IUP Bundle", "Paddle",
                              "SavyGamer", "Shinyloot", "Sophie Houlden", "Unversala", "Indie Game Stand", "Fourth Wall Games"];

    $("head").append ('<link ' +
        'href="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.min.css" ' +
        'rel="stylesheet" type="text/css">'
    );

    function getGames() { return JSON.parse(GM_getValue("games", '{}')); }
    function getGameOrder() { return JSON.parse(GM_getValue("gameOrder", '[]')); }

    function itad_getplains(appids, callback) {
        appids = appids.join(",");
        GM_xmlhttpRequest({
            "method": "GET",
            "url": "https://api.isthereanydeal.com/v01/game/plain/id/?key=" + ITAD_API_KEY + "&shop=steam&ids=" + appids,
            "onload": function(response) {
                callback(JSON.parse(response.responseText).data);
            }
        });
    }

    function itad_getbundles(plains, callback) {
        plains = plains.join(",");
        GM_xmlhttpRequest({
            "method": "GET",
            "url": "https://api.isthereanydeal.com/v01/game/bundles/us/?key=" + ITAD_API_KEY + "&limit=-1&expired=1&plains=" + plains,
            "onload": function(response) {
                callback(JSON.parse(response.responseText).data);
            }
        });
    }

    function getRating() {
        var rating = $("div[itemprop=aggregateRating]").attr('data-store-tooltip').replace(/(\d+)% of the ([\d,]+) user.*/, "$1% of $2 reviews");
        if (rating.startsWith("Need more")) {
            let total = $("label[for=review_type_all]").text().match(/[\d,]+/)[0];
            console.log(total);
            let pos = $("label[for=review_type_positive]").text().match(/[\d,]+/)[0];
            rating = Math.round(100*pos/total);
            rating = rating + `% of ${total} reviews`;
        }
        return rating;
    }

    function addAppToChart() {
        if (GameID in getGames())
            return;
        var game = {
            gameid: GameID,
            appid: window.location.pathname.split('/')[2],
            name: $(".apphub_AppName").text(),
            rating: getRating(),
            cards: $(".game_area_details_specs").text().includes("Steam Trading Cards"),
            price: $.trim($(".game_area_purchase_game:first .price,.game_area_purchase_game:first .discount_original_price").text()),
            url: window.location.href,
            dlc: $(".game_area_dlc_bubble").length,
            bundles: undefined,
        };
        var games = getGames();
        games[GameID] = game;
        GM_setValue("games", JSON.stringify(games));

        let gorder = getGameOrder();
        if (!gorder.includes(GameID)) {
            gorder.push(GameID);
            GM_setValue("gameOrder", JSON.stringify(gorder));
        }
    }

    // elem: the div for the package listing on the main app's page
    function addPackageToChart(elem) {
        const subid = elem.find("input[name=subid]").attr("value");
        const gameid = "sub/" + subid;
        if (gameid in getGames())
            return;
        var game = {
            gameid: gameid,
            appid: subid,
            name: elem.find("h1")[0].childNodes[0].nodeValue.substring(4),
            rating: getRating(),
            cards: $(".game_area_details_specs").text().includes("Steam Trading Cards"),
            price: $.trim(elem.find(".price,.discount_original_price").text()),
            url: "http://store.steampowered.com/sub/" + subid,
            dlc: $(".game_area_dlc_bubble").length,
            bundles: undefined,
        };
        var games = getGames();
        games[gameid] = game;
        GM_setValue("games", JSON.stringify(games));

        let gorder = getGameOrder();
        if (!gorder.includes(gameid)) {
            gorder.push(gameid);
            GM_setValue("gameOrder", JSON.stringify(gorder));
        }
    }

    function bundleCount(bundleList) {
        return bundleList.filter(function(b){
            // Bundles not on blacklist and at least 24 hours old
            return !BUNDLE_BLACKLIST.includes(b.bundle) && (Date.now()/1000 - b.start) > 24*60*60;
        }).length;
    }

    function loadBundleInfo() {
        var gameids = getGameOrder();
        itad_getplains(gameids, function(plainArr){
            var plains = Object.values(plainArr).filter((v) => v !== null);
            itad_getbundles(plains, function(bundles) {
                var games = getGames();
                for (let plain in bundles) {
                    let gid = Object.keys(plainArr).find(key => plainArr[key] === plain);
                    games[gid].bundlesUrl = bundles[plain].urls.bundles;
                    games[gid].bundles = bundleCount(bundles[plain].list);
                }
                GM_setValue("games", JSON.stringify(games));
                dumpListing();
            });
        });
    }

    function showChartMaker() {
        if (!$("#lcm_dialog").length) {
            GM_addStyle("#lcm_dialog { display: flex; flex-direction: column; } " +
                        "#lcm_list { list-style-type: none; margin: 0 auto; padding: 0; width: 60%; }" +
                        "#lcm_list a { color: blue; text-decoration: underline; }" +
                        "#lcm_dump { margin: 25px auto 0 auto; display: block; flex-grow: 1; resize: none; width: 95%; }" +
                        "#lcm_bundle_info { float: right; }" +
                        "#lcm_itad { margin-bottom: 5px; }");
            var d = $(`<div id="lcm_dialog"><div><button id="lcm_bundle_info" class="ui-button ui-widget ui-corner-all">Load Bundle Info</button>
<div id="lcm_itad"><div>IsThereAnyDeal API Key: <input type="text"></input><button>Submit</button></div><a style="display:none" href="javascript:">Delete ITAD API Key?</a></div>
<ul id="lcm_list"></ul></div>
<textarea id="lcm_dump"></textarea></div>`);
            $("body").append(d);
            if (GM_getValue("ITAD_API_KEY") !== undefined)
                $("#lcm_itad div,#lcm_itad a").toggle();
            $("#lcm_itad button").click(function(){
                try{
                    ITAD_API_KEY = $("#lcm_itad input").val().match(API_KEY_REGEXP)[0];
                    GM_setValue("ITAD_API_KEY", ITAD_API_KEY);
                    $("#lcm_itad div,#lcm_itad a").toggle();
                }catch(err){
                    alert("Error setting API key");
                }
            });
            // Delete key
            $("#lcm_itad a").click(function(){
                GM_deleteValue("ITAD_API_KEY");
                ITAD_API_KEY = undefined;
                $("#lcm_itad div,#lcm_itad a").toggle();
            });

            $("#lcm_dialog").dialog({
                modal: false,
                title: "Lex's SG Chart Maker",
                position: {
                    my: "center",
                    at: "center",
                    of: window,
                    collusion: "none"
                },
                width: 800,
                height: 400,
                minWidth: 400,
                minHeight: 200,
                zIndex: 3666,
            })
            .dialog("widget").draggable("option", "containment", "none");
            $("#lcm_list").sortable({
                deactivate: function(event, ui) {
                    dumpListing();
                }
            });
            $("#lcm_bundle_info").click(loadBundleInfo);
        } else {
            $("#lcm_dialog").dialog();
        }
        updateListing();
        dumpListing();
    }

    function updateListing() {
        $("#lcm_list").empty();
        for (let id of getGameOrder()) {
            var games = getGames();
            let g = games[id];
            let li = $(`<li class="ui-state-default" data-appid="${id}"><a href="${g.url}">${g.name}</a> - ${id} - ${g.price}
<a href="javascript:" style="float:right; color:red; margin-top:-3px">✖</a></li>`);
            $("#lcm_list").append(li);
            li.find("a:last").click(function(){
                deleteGame($(this).parent().attr("data-appid"));
                updateListing();
                dumpListing();
            });
        }
    }

    function saveGameOrder() {
        let gameOrder = $("#lcm_list li.ui-state-default").map(function(){return this.getAttribute("data-appid");}).get();
        GM_setValue("gameOrder", JSON.stringify(gameOrder));
    }

    // Post chart code to the textarea
    function dumpListing() {
        saveGameOrder();
        const games = getGames();

        var dump = "Game | Ratings | Cards | Bundled | Retail Price\n :- | :-: | :-: | :-: | :-:\n";
        $("#lcm_list li.ui-state-default").each(function(idx, li) {
            const g = games[li.getAttribute("data-appid")];
            let link = `[**${g.name}**](${g.url})`;
            if (g.dlc)
                link += " (DLC)";
            let cards = "-";
            if (g.cards === true) {
                cards = `[**?**](http://www.steamcardexchange.net/index.php?gamepage-appid-${g.appid})`;
                if (g.dlc === true)
                    cards = "(Base game has cards)";
            }
            let bundles = g.bundles !== undefined ? g.bundles : "?";
            if (g.bundlesUrl)
                bundles = "[" + bundles + "](" + g.bundlesUrl + ")";
            dump += [link, g.rating, cards, bundles, g.price].join(" | ");
            dump += "\n";
        });
        $("#lcm_dump").val(dump);
    }

    function deleteGame(aid) {
        var games = getGames();
        delete games[aid];
        GM_setValue("games", JSON.stringify(games));

        let gameOrder = getGameOrder();
        gameOrder.splice(gameOrder.indexOf(aid), 1);
        GM_setValue("gameOrder", JSON.stringify(gameOrder));
        $("#lcm_add_btn").removeClass("queue_btn_active");
    }

    // Add button to app pages
    let btn = $(`<a id="lcm_add_btn" class="btnv6_blue_hoverfade btn_medium btn_steamdb"><span>+ <span style="position:relative;top:-1px">&#x229e;</span> Chart</span></a>`);
    btn.click(function(){
        $(this).addClass("queue_btn_active");
        addAppToChart();
        showChartMaker();
    });
    btn.toggleClass("queue_btn_active", GameID in getGames());
    $(`.apphub_OtherSiteInfo`).append(btn);

    // Add buttons to Packages that include this game
    $(".game_area_purchase_game h1:not(:first)").each(function(){
        let link = $(`<a href="javascript:"> +⊞ Chart</a>`);
        var elem = $(this).closest(".game_area_purchase_game_wrapper");
        link.click(function(){
            addPackageToChart(elem);
            showChartMaker();
        });
        $(this).append(link);
    });
})();