Adds an option to anyone's steam wishlist to show recommended apps similar to the wishlist games
// ==UserScript==
// @name Steam Community - Wishlist Recommended
// @icon http://steamcommunity.com/favicon.ico
// @namespace Royalgamer06
// @author Royalgamer06
// @version 1.1.1
// @description Adds an option to anyone's steam wishlist to show recommended apps similar to the wishlist games
// @include /^https?:\/\/steamcommunity.com\/(id\/+[A-Za-z0-9$-_.+!*'(),]+|profiles\/7656119[0-9]{10})\/wishlist\/?((\?|#).*)?$/
// @grant GM_xmlhttpRequest
// @run-at document-idle
// @connect store.steampowered.com
// @connect api.steampowered.com
// @require https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js
// ==/UserScript==
this.$ = this.jQuery = jQuery.noConflict(true);
var applist, ownedGames;
$(document).ready(function() {
$("#mainContents").append('<div class="btn_darkblue_white_innerfade" id="showsimilar" style="clear: both; color: rgb(164, 215, 245); cursor: pointer; display: inline-block; height: 36px; text-align: left; width: 936px; column-rule-color: rgb(164, 215, 245); perspective-origin: 468px 18px; transform-origin: 468px 18px; border: 0px none rgb(164, 215, 245); font: normal normal normal normal 14px / normal Arial, Helvetica, Verdana, sans-serif; margin: 20px 0px 0px; outline: rgb(164, 215, 245) none 0px;"><span style="color: rgb(164, 215, 245); cursor: pointer; display: block; height: 16px; text-align: center; width: 916px; column-rule-color: rgb(164, 215, 245); perspective-origin: 468px 18px; transform-origin: 468px 18px; background: rgb(33, 101, 138) none repeat scroll 0% 0% / auto padding-box border-box; border: 0px none rgb(164, 215, 245); font: normal normal normal normal 14px / normal Arial, Helvetica, Verdana, sans-serif; outline: rgb(164, 215, 245) none 0px; padding: 10px;">Show Similar Games<span></span></span></div>');
$("#showsimilar").click(showSimilar);
GM_xmlhttpRequest({
method: "GET",
url: "https://api.steampowered.com/ISteamApps/GetAppList/v2/",
onload: function(response) {
applist = JSON.parse(response.responseText).applist.apps;
}
});
$.get("//" + $(".profile_small_header_name .whiteLink").attr("href").split("://")[1] + "/games/?xml=1", function(data) {
ownedGames = [];
$("appID", data).each(function() {
ownedGames.push($(this).text());
});
console.log("Owned Games: ", ownedGames);
});
});
function showSimilar() {
$("#showsimilar").replaceWith('<div id="similargames" style="clear: both; color: rgb(143, 152, 160); display: inline-block; text-align: left; width: 936px; column-rule-color: rgb(143, 152, 160); perspective-origin: 468px 374.5px; transform-origin: 468px 374.5px; border: 0px none rgb(143, 152, 160); font: normal normal normal normal 14px / normal Arial, Helvetica, Verdana, sans-serif; margin: 20px 0px 0px; outline: rgb(143, 152, 160) none 0px;"> <div style="bottom: 0px; color: rgb(137, 138, 140); left: 0px; position: relative; right: 0px; text-align: left; top: 0px; width: 904px; z-index: 1; column-rule-color: rgb(137, 138, 140); perspective-origin: 468px 360.5px; transform-origin: 468px 360.5px; background: rgba(0, 0, 0, 0) linear-gradient(135deg, rgba(97, 100, 101, 0.298039) 0%, rgba(226, 244, 255, 0.298039) 100%) repeat scroll 0% 0% / auto padding-box border-box; border: 0px none rgb(137, 138, 140); font: normal normal normal normal 12px / normal Arial, Helvetica, Verdana, sans-serif; margin: 0px 0px 28px; outline: rgb(137, 138, 140) none 0px; padding: 16px 16px 26px;"> <h1 style="color: rgb(255, 255, 255); height: 25px; text-align: left; width: 904px; column-rule-color: rgb(255, 255, 255); perspective-origin: 452px 12.5px; transform-origin: 452px 12.5px; border: 0px none rgb(255, 255, 255); font: normal normal normal normal 21px / normal \'Motiva Sans\', arial, tahoma; margin: 0px; outline: rgb(255, 255, 255) none 0px;"> Similar Wishlist Items </h1> <p id="similargameslist" style="color: rgb(143, 152, 160); text-align: left; width: 904px; column-rule-color: rgb(143, 152, 160); perspective-origin: 452px 315px; transform-origin: 452px 315px; border: 0px none rgb(143, 152, 160); font: normal normal normal normal 12px / normal Arial, Helvetica, Verdana, sans-serif; outline: rgb(143, 152, 160) none 0px;"> <b style="color: rgb(139, 197, 63); text-align: left; column-rule-color: rgb(139, 197, 63); border: 0px none rgb(139, 197, 63); font: normal normal normal normal 12px / normal Arial, Helvetica, Verdana, sans-serif; outline: rgb(139, 197, 63) none 0px;">Includes <count id="similargamescount">0</count> items:</b> </p> </div> </div>');
var added = [];
var wApps = [];
$("[id*=game_]").each(function(index) {
wApps.push($(this).attr("id").replace("game_", ""));
});
var ownedGamesChecker = setInterval(function() {
if (ownedGames.length > 0) {
clearInterval(ownedGamesChecker);
$("[id*=game_]").each(function(index) {
let wAppID = $(this).attr("id").replace("game_", "");
let wName = $(this).find("h4").text();
setTimeout(function() {
console.log("wAppID: http://store.steampowered.com/recommended/morelike/app/" + wAppID);
GM_xmlhttpRequest({
method: "GET",
url: "https://store.steampowered.com/recommended/morelike/app/" + wAppID,
headers: {
"User-Agent": "Mozilla/5.0"
},
onload: function(response) {
var data = response.responseText;
console.log("# Found similar apps: " + $(".similar_grid_item", data).length);
var html = "<br><b><a href='http://store.steampowered.com/app/" + wAppID + "/'>" + wName + "</a></b>: ";
var count = 0;
$(".similar_grid_item", data).each(function() {
let appID = $(this).find("[data-ds-appid]").attr("data-ds-appid");
console.log("appID: " + appID);
if ($.inArray(appID, added) == -1 && $.inArray(appID, ownedGames) == -1 && $.inArray(appID, wApps) == -1) {
added.push(appID);
var obj = applist.filter(function(v) { return v.appid == appID; })[0];
var title = "Unknown App";
if (obj !== undefined) { title = obj.name; }
console.log("title: " + title);
count++;
html += "<a href='http://store.steampowered.com/app/" + appID + "/'>" + title + "</a>, ";
}
});
$("#similargamescount").html(parseInt($("#similargamescount").html()) + count);
$("#similargameslist").html($("#similargameslist").html() + html.slice(0, -2));
}
});
}, index * 1000);
});
}
}, 100);
}