☰

IGDB List Extra Info

Adds additional information (genre, rating, keywords)to igdb.com lists. They can be loaded witha button // click. Needs an IGDB api key.

当前为 2018-12-08 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         IGDB List Extra Info
  3. // @namespace    https://greasyfork.org/de/users/155913-nkay08
  4. // @description  Adds additional information  (genre, rating, keywords)to igdb.com lists. They can be loaded witha button // click. Needs an IGDB api key.
  5. //
  6. // @author       NKay
  7. // @include        http*://www.igdb.com/*
  8. // @grant        none
  9. // @require http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
  10. // @version 0.0.3.201808121415
  11. // ==/UserScript==
  12.  
  13.  
  14. //insert your API-KEY here
  15. var apikey = '';
  16.  
  17.  
  18. var apiurl;
  19. var req;
  20. var reqid;
  21. var corsproxy;
  22. var fields;
  23. var fieldsall
  24.  
  25.  
  26. var myheaders;
  27.  
  28. var gametextarray;
  29. var gameidarray;
  30. var genresnodearray;
  31. var keywordsnodearray;
  32. var ratingnodearray;
  33. var ttbnodearray;
  34.  
  35. var keyword_dict = {};
  36. var genres_dict = {};
  37. var id_list = {};
  38. var genres_list_list = {};
  39. var genres_list = {};
  40. var keyword_list = {};
  41. var games_info = {};
  42. var games_text_info = {};
  43.  
  44. var idortext;
  45.  
  46. var keyelement = "div.content-left.col-md-pull-10.col-md-2";
  47. //only execute function if this element is loaded via ajax
  48. waitForKeyElements(keyelement, checkForElement);
  49.  
  50. //waitForKeyElements(keyelement,alert1);
  51.  
  52. function alert1() {
  53.     alert('alert');
  54. }
  55.  
  56. function init() {
  57.     apiurl = 'https://api-endpoint.igdb.com';
  58.     req = '/games/?search=';
  59.     reqid = '/games/1942?fields=*';
  60.     corsproxy = 'https://cors-anywhere.herokuapp.com/';
  61.     fields = '?fields=genres,keywords,rating,rating_count,aggregated_rating,aggregated_rating_count,total_rating,total_rating_count,time_to_beat';
  62.     fieldsall = 'fields=*';
  63.     myheaders = new Headers();
  64.     myheaders.append('user-key', apikey);
  65.     myheaders.append('Accept', 'application/json');
  66.     gametextarray = [];
  67.     gameidarray = [];
  68.     genresnodearray = [];
  69.     keywordsnodearray = [];
  70.     ratingnodearray = [];
  71.     ttbnodearray = [];
  72.  
  73.     reset_data();
  74.  
  75.     idortext = 'text';
  76.  
  77.     /*var fe = fetch('https://cors-anywhere.herokuapp.com/https://api-endpoint.igdb.com/games/?search=Halo&fields=*', {headers: myheaders})
  78.     .then(res2 => res2.json())
  79.     .then(data => console.log("halo",data))
  80.     .catch(function (err) {
  81.         console.log(err.message);
  82.         console.log(err.stack);
  83.     })
  84.     .catch(function (err) {
  85.         console.log(err.message);
  86.         console.log(err.stack);
  87.     });*/
  88.  
  89.  
  90. }
  91.  
  92. function checkForElement(jnode) {
  93.     if (!document.getElementById('btnaddinfo')) {
  94.         init();
  95.         addButton();
  96.         addAdditionalInfo();
  97.     }
  98. }
  99.  
  100. function populateGametextarray(element) {
  101.     //get the game name
  102.     //console.log(element);
  103.     var gameurlelement = element.getElementsByTagName('a');
  104.     var gameurl = gameurlelement[0].getAttribute("href");
  105.     var found = gameurl.match(/[A-Za-z0-9_\-]*$/);
  106.     var textfromurl = found[0].replace(/-/g, " ");
  107.     var span1 = element.getElementsByTagName('span');
  108.     var gametext = span1[0].innerHTML;
  109.     var cururl = corsproxy + apiurl + req + gametext;
  110.     gametextarray.push(gametext);
  111.     //console.log(textfromurl);
  112.     //gametextarray.push(cururl);
  113.     //console.log(cururl)
  114.  
  115. }
  116.  
  117. function populateGameidarray(element) {
  118.     // get sibling. sibling has game id
  119.     var sib = element.nextSibling;
  120.     var gameid = sib.getAttribute("data-game");
  121. }
  122.  
  123. function addTextNodes(div) {
  124.     for (var i = 0; i < div.length; i++) {
  125.         //     console.log(div[i]);
  126.         addTextNode(div[i], i);
  127.     }
  128. }
  129.  
  130. function addTextNode(el, i) {
  131.     var genrestext = document.createTextNode('Genres: ');
  132.     var genresspan = document.createElement('span');
  133.     genresspan.style.fontSize = 'medium';
  134.     genresspan.style.textDecoration = 'underline';
  135.     genresspan.appendChild(genrestext);
  136.     el.appendChild(genresspan);
  137.     var genresnode = document.createElement('span');
  138.     genresnode.setAttribute("id", "usgenre" + i.toString());
  139.     el.appendChild(genresnode);
  140.     genresnodearray.push(genresnode);
  141.     el.appendChild(document.createTextNode('   |   '));
  142.     var keywordstext = document.createTextNode('Keywords: ');
  143.     var kwspan = document.createElement('span');
  144.     kwspan.style.fontSize = 'medium';
  145.     kwspan.style.textDecoration = "underline";
  146.     kwspan.appendChild(keywordstext);
  147.     el.appendChild(kwspan);
  148.     var keywordsnode = document.createElement('span');
  149.     keywordsnode.setAttribute("id", "uskw" + i.toString());
  150.     el.appendChild(keywordsnode);
  151.     keywordsnodearray.push(keywordsnode);
  152.     el.appendChild(document.createTextNode('   |   '));
  153.     var ratingtext = document.createTextNode('Rating: ');
  154.     var rtspan = document.createElement('span');
  155.     rtspan.style.fontSize = 'medium';
  156.     rtspan.style.textDecoration = "underline";
  157.     rtspan.appendChild(ratingtext);
  158.     el.appendChild(rtspan);
  159.     var ratingnode = document.createTextNode('');
  160.     el.appendChild(ratingnode);
  161.     ratingnodearray.push(ratingnode);
  162.     el.appendChild(document.createTextNode('   |   '));
  163.     var ttbtext = document.createTextNode('TTB: ');
  164.     var ttbspan = document.createElement('span');
  165.     ttbspan.style.fontSize = 'medium';
  166.     ttbspan.style.textDecoration = 'underline';
  167.     ttbspan.appendChild(ttbtext);
  168.     var ttbnode = document.createElement('span');
  169.     el.appendChild(ttbspan);
  170.     el.appendChild(ttbnode);
  171.     ttbnodearray.push(ttbnode);
  172.  
  173.     if (idortext == 'text') {
  174.         populateGametextarray(el);
  175.     }
  176.     if (idortext == 'id') {
  177.         populateGameidarray(el);
  178.     }
  179.  
  180.  
  181. }
  182.  
  183.  
  184. function addButton() {
  185.     //add Button
  186.     var btn = document.createElement("button");
  187.     var btntext = document.createTextNode('Load info (less hits)');
  188.     btn.appendChild(btntext);
  189.     btn.addEventListener("click", function () {
  190.         load(idortext);
  191.     }, false);
  192.     btn.setAttribute("id", "btnaddinfo");
  193.     var btn2 = document.createElement("button");
  194.     var btntext2 = document.createTextNode('Load genres (more hits)');
  195.     btn2.appendChild(btntext2);
  196.     btn2.addEventListener("click", function () {
  197.         loadgenres(idortext);
  198.     }, false);
  199.     btn2.setAttribute("id", "btnaddinfo2");
  200.     var btn3 = document.createElement("button");
  201.     var btntext3 = document.createTextNode('Load keywords (more hits)');
  202.     btn3.appendChild(btntext3);
  203.     btn3.addEventListener("click", function () {
  204.         loadkws(idortext);
  205.     }, false);
  206.     btn3.setAttribute("id", "btnaddinfo3");
  207.     var sidebar = document.getElementsByClassName("user-details-sidebar");
  208.     if (sidebar) {
  209.         var sibling = sidebar[0].nextSibling;
  210.  
  211.         sibling.parentNode.insertBefore(btn, sibling);
  212.         sibling.parentNode.insertBefore(btn2, sibling);
  213.         sibling.parentNode.insertBefore(btn3, sibling);
  214.         sibling.parentNode.insertBefore(document.createElement("hr"), sibling);
  215.     }
  216.  
  217.     function load(str) {
  218.         loadbytext4(gametextarray, 1, 1, 0, 0, 0);
  219.     }
  220.  
  221.     function loadgenres(str) {
  222.         loadbytext4(gametextarray, 0, 0, 1, 0, 0);
  223.     }
  224.  
  225.     function loadkws(str) {
  226.         loadbytext4(gametextarray, 0, 0, 0, 1, 0);
  227.     }
  228.  
  229.     //    var firstbtn = document.getElementsByClassName("panel-title");
  230.     //    firstbtn[0].parentNode.insertBefore(document.createElement('hr'), firstbtn[0]);
  231.     //    firstbtn[0].parentNode.insertBefore(btn, firstbtn[0]);
  232.     //   firstbtn[0].parentNode.insertBefore(document.createElement('hr'), firstbtn[0]);
  233. }
  234.  
  235. function addAdditionalInfo(jnode) {
  236.     console.log('Adding button and placeholders for extra info');
  237.     //	var pageDivs = document.getElementsByClassName("media-body");
  238.     //	addTextNodes(pageDivs);
  239.  
  240.     var selector = "#content-page > div > div.content-left.col-md-push-2.col-md-10 > div:nth-child(2) > div.panel-body.listentries > div > div:nth-child(n) > div.media-body";
  241.     var selector2 = "#content-page > div > div.content-left.col-md-push-2.col-md-10 > div > div.panel-body.listentries > div > div:nth-child(5) > div";
  242.     var selectorgen = "div.listentries div.media div.media-body";
  243.     var queryres = document.querySelectorAll(selectorgen);
  244.     addTextNodes(queryres);
  245.     // console.log(queryres);
  246.  
  247. }
  248.  
  249. function removeChildren(element) {
  250.     while (element.firstChild) {
  251.         element.removeChild(element.firstChild);
  252.     }
  253. }
  254.  
  255. async function loadbytext4(textarray, r = 0, ttb = 0, g = 0, k = 0, reset = 0) {
  256.     console.log("Try loading data");
  257.     if (reset != 0) {
  258.         reset_data();
  259.     } else {
  260.  
  261.         if (r != 0) {
  262.             ratingnodearray.forEach(element => element.nodeValue = 'loading..');
  263.         }
  264.         if (g != 0) {
  265.             genresnodearray.forEach(element => element.innerHTML = 'loading..');
  266.         }
  267.         if (k != 0) {
  268.             keywordsnodearray.forEach(element => element.innerHTML = 'loading..');
  269.         }
  270.         if (ttb != 0) {
  271.             //console.log(ttbnodearray);
  272.             ttbnodearray.forEach(element => element.innerHTML = 'loading..');
  273.         }
  274.         if (r != 0 || g != 0 || k != 0) {
  275.             console.log("games_text_info", Object.keys(games_text_info).length, ", gametextarray", gametextarray.length);
  276.             if (Object.keys(games_text_info).length == gametextarray.length) {
  277.                 console.log("processing data cached");
  278.                 if (r != 0) {
  279.                     gather_ratings();
  280.                 }
  281.                 if (g != 0) {
  282.                     gather_genres();
  283.                 }
  284.                 if (k != 0) {
  285.                     gather_kws();
  286.                 }
  287.                 if (ttb != 0) {
  288.                     gather_ttb();
  289.                 }
  290.             } else {
  291.                 reset_data();
  292.                 var gamespromise = gather_games_text_info(textarray);
  293.                 gamespromise
  294.                     .then(function (result) {
  295.                         console.log("processing data");
  296.                         //console.log("gg",games_text_info);
  297.                         if (r != 0) {
  298.                             gather_ratings();
  299.                         }
  300.                         if (g != 0) {
  301.                             gather_genres();
  302.                         }
  303.                         if (k != 0) {
  304.                             gather_kws();
  305.                         }
  306.                         if (ttb != 0) {
  307.                             gather_ttb();
  308.                         }
  309.                     })
  310.                     .then(function () {
  311.                         //console.log("2. ", "id_list", Object.keys(id_list).length, ", games_info", Object.keys(games_info).length, ", gametextarray", gametextarray.length);
  312.                     })
  313.                     .catch(function (err) {
  314.                         console.log(err.message);
  315.                         console.log(err.stack);
  316.                     });
  317.             }
  318.  
  319.  
  320.         }
  321.  
  322.     }
  323.  
  324.  
  325. }
  326.  
  327. function reset_data() {
  328.  
  329.     keyword_dict = {};
  330.     genres_dict = {};
  331.     id_list = {};
  332.     genres_list_list = {};
  333.     genres_list = {};
  334.     keyword_list = {};
  335.     games_info = {};
  336.     games_text_info = {};
  337.  
  338. }
  339.  
  340. function gather_ttb() {
  341.     console.log("gather ttb");
  342.     ttbnodearray.forEach(function (element, index) {
  343.         //var curr_id = id_list[gametextarray[index]];
  344.         var curr_text = gametextarray[index];
  345.         //console.log(curr_id);
  346.         var game_info = games_text_info[curr_text];
  347.         //console.log(game_info);
  348.         removeChildren(element);
  349.         if (game_info.time_to_beat) {
  350.             var ttb = game_info.time_to_beat;
  351.             var ttbstr = "";
  352.             if (ttb.hastly) {
  353.                 ttbstr += +(ttb.hastly / 3600).toFixed(2) + "(h), ";
  354.             }
  355.             if (ttb.normally) {
  356.                 ttbstr += +(ttb.normally / 3600).toFixed(2) + "(n), ";
  357.             }
  358.             if (ttb.completely) {
  359.                 ttbstr += (ttb.completely / 3600).toFixed(2) + "(c)";
  360.             }
  361.  
  362.             element.appendChild(document.createTextNode(ttbstr));
  363.             //console.log("ttb", game_info.time_to_beat);
  364.         } else {
  365.             element.appendChild(document.createTextNode('n/a'));
  366.         }
  367.     });
  368. }
  369.  
  370. function gather_ratings() {
  371.     console.log("gather ratings");
  372.     ratingnodearray.forEach(function (element, index) {
  373.         //console.log("ratingelement",element, index);
  374.         //var curr_id = id_list[gametextarray[index]];
  375.         //var game_info = games_info[curr_id];
  376.  
  377.         var curr_text = gametextarray[index];
  378.         var game_info = games_text_info[curr_text];
  379.         //console.log("curr", curr_id, game_info);
  380.  
  381.         removeChildren(element);
  382.         var ratingstr = '';
  383.         ratingstr = ratingstr.concat('User: ');
  384.         if (game_info.rating) {
  385.             ratingstr = ratingstr.concat(Math.round(game_info.rating).toString());
  386.             ratingstr = ratingstr.concat(' (' + game_info.rating_count.toString() + ')');
  387.         } else {
  388.             ratingstr = ratingstr.concat('/');
  389.         }
  390.         ratingstr = ratingstr.concat(', ');
  391.         ratingstr = ratingstr.concat('Critics: ');
  392.         if (game_info.aggregated_rating) {
  393.             ratingstr = ratingstr.concat(Math.round(game_info.aggregated_rating).toString());
  394.             ratingstr = ratingstr.concat(' (' + game_info.aggregated_rating_count.toString() + ')');
  395.         } else {
  396.             ratingstr = ratingstr.concat('/');
  397.         }
  398.         ratingstr = ratingstr.concat(', ');
  399.         ratingstr = ratingstr.concat('Total: ');
  400.         if (game_info.total_rating) {
  401.             ratingstr = ratingstr.concat(Math.round(game_info.total_rating).toString());
  402.             ratingstr = ratingstr.concat(' (' + game_info.total_rating_count.toString() + ')');
  403.         } else {
  404.             ratingstr = ratingstr.concat('/');
  405.         }
  406.         element.nodeValue = ratingstr;
  407.     });
  408. }
  409.  
  410. async function gather_genres() {
  411.     var genresurl = corsproxy + apiurl + '/genres/' + Object.keys(genres_list).toString();
  412.     //console.log("genres list", genres_list);
  413.     console.log("genres url", genresurl);
  414.     fetch(genresurl, {headers: myheaders})
  415.         .then(res => res.json())
  416.         .then(function (data) {
  417.             //console.log("gg", genrenodesarray);
  418.             console.log('genres', data);
  419.             //console.log("games_info",games_info);
  420.             //console.log("id_list",id_list);
  421.             genresnodearray.forEach(function (element, index) {
  422.                 removeChildren(element);
  423.                 //console.log("index", index);
  424.                 //var curr_id = id_list[gametextarray[index]];
  425.                 var curr_text = gametextarray[index];
  426.                 //console.log("curr_id", curr_id);
  427.                 var game_info = games_text_info[curr_text];
  428.                 console.log("info",game_info);
  429.                 if(game_info.genres){
  430.                   var curr_genre_ids = game_info.genres;
  431.                   for (let genre_id of curr_genre_ids) {
  432.                       //console.log("genre_id",genre_id);
  433.                       var curr_genre = data.find(item => item.id == genre_id);
  434.                       //console.log("curr_genre", curr_genre);
  435.                       var newgenre = document.createElement('a');
  436.                       newgenre.setAttribute("href", curr_genre.url);
  437.                       newgenre.appendChild(document.createTextNode(curr_genre.name + ', '));
  438.                       element.appendChild(newgenre);
  439.                 }
  440.                 }
  441.                 else {
  442.                   element.appendChild(document.createTextNode("n/a"));
  443.                 }
  444.                 
  445.  
  446.             });
  447.         })
  448.         .catch(function (err) {
  449.             console.log(err.message);
  450.             console.log(err.stack);
  451.         });
  452. }
  453.  
  454. async function gather_kws() {
  455.     var kwurl = corsproxy + apiurl + '/genres/' + Object.keys(genres_list).toString();
  456.     //console.log("genres list", genres_list);
  457.     console.log("kw", kwurl);
  458.     fetch(kwurl, {headers: myheaders})
  459.         .then(res => res.json())
  460.         .then(function (data) {
  461.             //console.log("gg", genrenodesarray);
  462.             console.log('kws', data);
  463.             //console.log("games_info",games_info);
  464.             //console.log("id_list",id_list);
  465.             keywordsnodearray.forEach(function (element, index) {
  466.                 removeChildren(element);
  467.                 //console.log("index", index);
  468.                 //var curr_id = id_list[gametextarray[index]];
  469.                 var curr_text = gametextarray[index];
  470.                 //console.log("curr_id", curr_id);
  471.                 var game_info = games_text_info[curr_text];
  472.                 if(game_info.keywords){
  473.                   var curr_kw_ids = game_info.keywords;
  474.                   for (let kw_id of curr_kw_ids) {
  475.                     //console.log("genre_id",genre_id);
  476.                     var curr_kw = data.find(item => item.id == kw_id);
  477.                     //console.log("curr_genre", curr_genre);
  478.                     var newkw = document.createElement('a');
  479.                     newgenre.setAttribute("href", curr_kw.url);
  480.                     newgenre.appendChild(document.createTextNode(curr_kw.name + ', '));
  481.                     element.appendChild(newkw);
  482.                   }
  483.                 }
  484.                 else {
  485.                   element.appendChild(document.createTextNode("n/a"));
  486.                 }
  487.                 
  488.             });
  489.         })
  490.         .catch(function (err) {
  491.             console.log(err.message);
  492.             console.log(err.stack);
  493.         });
  494. }
  495.  
  496. function gather_games_text_info(textarray) {
  497.     var sliced = textarray;
  498.     return Promise.all(sliced.map(text =>
  499.         new Promise((resolve, reject) => {
  500.             var info = load_info_by_text(text);
  501.             info
  502.                 .then(data =>
  503.                     new Promise((resolve2, reject2) => {
  504.  
  505.                         var curr_info = data[0];
  506.                         //console.log("curr_info",curr_info);
  507.                         games_text_info[text] = curr_info;
  508.                         if (curr_info.genres) {
  509.                             for (let genre of curr_info.genres) {
  510.                                 //console.log("genre_num",genre);
  511.                                 genres_list[genre] = genre;
  512.  
  513.                             }
  514.                         }
  515.                         if (curr_info.keywords) {
  516.                             for (let kw of curr_info.keywords) {
  517.                                 keyword_list[kw] = kw;
  518.                             }
  519.                         }
  520.                         resolve2("resolve2");
  521.                     })
  522.                         .catch(function (err) {
  523.                             console.log(err.message);
  524.                             console.log(err.stack);
  525.                         })
  526.                 )
  527.                 .then(function () {
  528.                     console.log("resolve", text)
  529.                     resolve("resolve");
  530.                 })
  531.                 .catch(function (err) {
  532.                     console.log(err.message);
  533.                     console.log(err.stack);
  534.                 });
  535.         })
  536.     ))
  537.         .catch(function (err) {
  538.             console.log(err.message);
  539.             console.log(err.stack);
  540.         });
  541.  
  542.  
  543. }
  544.  
  545.  
  546. function gather_games_info(textarray) {
  547.  
  548.  
  549.     //var sliced = textarray.slice(0,2);
  550.     var sliced = textarray;
  551.     console.log("Try loading for:", sliced);
  552.     return Promise.all(sliced.map(text =>
  553.         new Promise((resolve, reject) => {
  554.             var curr_id = get_game_id_by_text(text);
  555.             curr_id
  556.                 .then(id =>
  557.                     new Promise((resolve2, reject2) => {
  558.                         id_list[text] = id;
  559.                         var info = load_info_by_id(id);
  560.                         info.then(
  561.                             function (result) {
  562.                                 return result;
  563.                             }
  564.                         )
  565.                             .then(data =>
  566.                                 new Promise((resolve3, reject3) => {
  567.                                     var curr_info = data[0];
  568.                                     games_info[id] = curr_info;
  569.  
  570.                                     //console.log("curr_info",curr_info);
  571.                                     if (curr_info.genres) {
  572.                                         for (let genre of curr_info.genres) {
  573.                                             //console.log("genre_num",genre);
  574.                                             genres_list[genre] = genre;
  575.  
  576.                                         }
  577.                                         //console.log("genres",curr_info.genres);
  578.                                     }
  579.                                     if (curr_info.keywords) {
  580.                                         for (let kw of curr_info.keywords) {
  581.                                             keyword_list[kw] = kw;
  582.                                         }
  583.                                     }
  584.                                     //console.log("resolve3");
  585.                                     resolve3("resolve3");
  586.                                 })
  587.                             )
  588.                             .then(function () {
  589.                                 //console.log("resolve2");
  590.                                 resolve2("resolve2");
  591.                             })
  592.                             .catch(function (err) {
  593.                                 console.log(err.message);
  594.                                 console.log(err.stack);
  595.                             });
  596.  
  597.                     })
  598.                 )
  599.                 .then(function () {
  600.                     //console.log("info", games_info);
  601.                     console.log("resolve", text);
  602.  
  603.                     resolve("resolve");
  604.                     //return true;
  605.                 })
  606.                 .catch(function (err) {
  607.                     console.log(err.message);
  608.                     console.log(err.stack);
  609.                 });
  610.         })
  611.     ))
  612.         .then(function (data2) {
  613.             console.log("glist", genres_list);
  614.         })
  615.         .catch(function (err) {
  616.             console.log(err.message);
  617.             console.log(err.stack);
  618.         });
  619. }
  620.  
  621. async function load_info_by_text(text) {
  622.     var text_url = (corsproxy + apiurl + req + text + "&" + fieldsall);
  623.     return fetch(text_url,
  624.         {
  625.             headers: myheaders
  626.         }
  627.     )
  628.         .then(res => res.json())
  629.         .then(function (data) {
  630.             //console.log("data",data);
  631.             return data;
  632.         })
  633.         .catch(function (err) {
  634.             console.log(err.message);
  635.             console.log(err.stack);
  636.         });
  637. }
  638.  
  639. async function load_info_by_id(id) {
  640.     var id_url = (corsproxy + apiurl + '/games/' + id + fields);
  641.     return fetch(id_url, {headers: myheaders})
  642.         .then(res => res.json())
  643.         .then(function (data) {
  644.             return data;
  645.         })
  646.         .catch(function (err) {
  647.             console.log(err.message);
  648.             console.log(err.stack);
  649.         });
  650. }
  651.  
  652. function get_game_id_by_text(text) {
  653.     return fetch(corsproxy + apiurl + req + text, {headers: myheaders})
  654.         .then(res => res.json())
  655.         .then(function (data) {
  656.             var game_id_num = data[0].id;
  657.             var game_id = game_id_num.toString();
  658.             return game_id;
  659.         })
  660.         .catch(function (err) {
  661.             console.log(err.message);
  662.             console.log(err.stack);
  663.         });
  664. }
  665.  
  666. function load_single_by_text(text, index) {
  667.     var result = fetch(corsproxy + apiurl + req + text, {headers: myheaders})
  668.         .then(res => res.json())
  669.         .then(function (data) {
  670.             var game_id_num = data[0].id;
  671.             id_list.push(game_id_num);
  672.             console.log("pushed", game_id_num);
  673.             var game_id = game_id_num.toString();
  674.             load_single_by_id(game_id, index, 1, 0, 0);
  675.             return data;
  676.         });
  677. }
  678.  
  679. /*--- waitForKeyElements():  A utility function, for Greasemonkey scripts,
  680.     that detects and handles AJAXed content.
  681.  
  682.     Usage example:
  683.  
  684.         waitForKeyElements (
  685.             "div.comments"
  686.             , commentCallbackFunction
  687.         );
  688.  
  689.         //--- Page-specific function to do what we want when the node is found.
  690.         function commentCallbackFunction (jNode) {
  691.             jNode.text ("This comment changed by waitForKeyElements().");
  692.         }
  693.  
  694.     IMPORTANT: This function requires your script to have loaded jQuery.
  695. */
  696. function waitForKeyElements(
  697.     selectorTxt,
  698.     /* Required: The jQuery selector string that
  699.                                 specifies the desired element(s).
  700.                */
  701.     actionFunction,
  702.     /* Required: The code to run when elements are
  703.                                 found. It is passed a jNode to the matched
  704.                                 element.
  705.                */
  706.     bWaitOnce,
  707.     /* Optional: If false, will continue to scan for
  708.                                 new elements even after the first match is
  709.                                 found.
  710.                */
  711.     iframeSelector
  712.     /* Optional: If set, identifies the iframe to
  713.                                 search.
  714.                */
  715. ) {
  716.     var targetNodes, btargetsFound;
  717.  
  718.     if (typeof iframeSelector == "undefined")
  719.         targetNodes = $(selectorTxt);
  720.     else
  721.         targetNodes = $(iframeSelector).contents()
  722.             .find(selectorTxt);
  723.  
  724.     if (targetNodes && targetNodes.length > 0) {
  725.         btargetsFound = true;
  726.         /*--- Found target node(s).  Go through each and act if they
  727.             are new.
  728.    */
  729.         targetNodes.each(function () {
  730.             var jThis = $(this);
  731.             var alreadyFound = jThis.data('alreadyFound') || false;
  732.  
  733.             if (!alreadyFound) {
  734.                 //--- Call the payload function.
  735.                 var cancelFound = actionFunction(jThis);
  736.                 if (cancelFound)
  737.                     btargetsFound = false;
  738.                 else
  739.                     jThis.data('alreadyFound', true);
  740.             }
  741.         });
  742.     } else {
  743.         btargetsFound = false;
  744.     }
  745.  
  746.     //--- Get the timer-control variable for this selector.
  747.     var controlObj = waitForKeyElements.controlObj || {};
  748.     var controlKey = selectorTxt.replace(/[^\w]/g, "_");
  749.     var timeControl = controlObj[controlKey];
  750.  
  751.     //--- Now set or clear the timer as appropriate.
  752.     if (btargetsFound && bWaitOnce && timeControl) {
  753.         //--- The only condition where we need to clear the timer.
  754.         clearInterval(timeControl);
  755.         delete controlObj[controlKey];
  756.     } else {
  757.         //--- Set a timer, if needed.
  758.         if (!timeControl) {
  759.             timeControl = setInterval(function () {
  760.                     waitForKeyElements(selectorTxt,
  761.                         actionFunction,
  762.                         bWaitOnce,
  763.                         iframeSelector
  764.                     );
  765.                 },
  766.                 300
  767.             );
  768.             controlObj[controlKey] = timeControl;
  769.         }
  770.     }
  771.     waitForKeyElements.controlObj = controlObj;
  772. }