☰

Gab Autocomplete for Users

provides autocomplete for users from following and followers list

  1. // ==UserScript==
  2. // @name         Gab Autocomplete for Users
  3. // @namespace    https://gab.ai/Jeremy20_9
  4. // @version      0.4
  5. // @description  provides autocomplete for users from following and followers list
  6. // @author       Jeremiah 20:9
  7. // @match        https://gab.ai/*/following
  8. // @match        https://gab.ai/*/followers
  9. // @match        https://gab.ai/home
  10. // @match        https://gab.ai/
  11. // @match        https://gab.ai
  12. // @require      https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js
  13. // @grant        none
  14. // ==/UserScript==
  15.  
  16. var itvautocompleteusers = -1;
  17. var itvgatherusers = -1;
  18.  
  19. $(document).ready(function(){
  20.     var profileurl = $(".header__link--profile").attr("href");
  21.     if(window.location.href == profileurl + "/following" || window.location.href == profileurl + "/followers")
  22.     {
  23.         itvgatherusers = setInterval(gatherUsers, 200);
  24.     }
  25.     else if(window.location.href == "https://gab.ai/home" || window.location.href == "https://gab.ai/" || window.location.href == "https://gab.ai")
  26.     {
  27.         itvautocompleteusers = setInterval(setupUserAutocomplete, 200);
  28.     }
  29. });
  30.  
  31. function gatherUsers()
  32. {
  33.     if($(".profile-badge.fal-panel").length === 0)
  34.         return;
  35.     
  36.     clearInterval(itvgatherusers);
  37.         
  38.     var users = [];
  39.     
  40.     $(".profile-badge.fal-panel").each(function(idx){
  41.         var userlink = $(this).find(".profile-badge__name");
  42.         var href = $(userlink).attr("href");
  43.         var hrefparts = href.split("/");
  44.         var atname = hrefparts[hrefparts.length - 1];
  45.         var username = $(userlink).text();
  46.         var regex = /[^A-Z0-9 ]/gi;
  47.         username = username.replace(regex, "").trim();
  48.         var userpic = $(this).find(".profile-badge__picture").attr("src");
  49.         users.push({name:username, atname:atname , pic:userpic});
  50.     });
  51.     if(window.location.href.indexOf("/followers") != -1)
  52.     {
  53.         localStorage.setItem("gabfollowers", JSON.stringify(users));
  54.     }
  55.     else if(window.location.href.indexOf("/following") != -1)
  56.     {
  57.         localStorage.setItem("gabfollowing", JSON.stringify(users));
  58.     }
  59. }
  60.  
  61. function setupUserAutocomplete()
  62. {
  63.     clearInterval(itvautocompleteusers);
  64.     window.autocomplete_users = [];
  65.     
  66.     if(localStorage.getItem("gabfollowers"))
  67.     {
  68.         window.autocomplete_users = window.autocomplete_users.concat(JSON.parse(localStorage.getItem("gabfollowers")));//JSON.parse($.cookie("gabfollowers")));
  69.     }
  70.     if(localStorage.getItem("gabfollowing"))
  71.     {
  72.         window.autocomplete_users = window.autocomplete_users.concat(JSON.parse(localStorage.getItem("gabfollowing")));//JSON.parse($.cookie("gabfollowing")));
  73.     }
  74.     if(window.autocomplete_users.length === 0)
  75.     {
  76.         window.autocomplete_users = [{name:"Visit your followers and following pages to populate list", pic:null}];
  77.     }
  78.     
  79.     // remove duplicates
  80.     var usertable = {};
  81.     for(var u = 0; u < window.autocomplete_users.length; u++)
  82.     {
  83.         var user = window.autocomplete_users[u];
  84.         if(usertable[user.atname] === undefined)
  85.             usertable[user.atname] = true;
  86.         else
  87.         {
  88.             window.autocomplete_users.splice(u, 1);
  89.             u--;
  90.         }
  91.     }
  92.     
  93.     $(composer.$el).add(composerModal.$el).find("textarea").atwho(
  94.         {
  95.             at: "@",
  96.             displayTpl: "<li><img width='20' height='20' src='${pic}' align='left' style='margin-right:5px' />${name}</li>",
  97.             insertTpl: "@${atname}",
  98.             data: window.autocomplete_users
  99.         }
  100.     );
  101. }