☰

Facebook User List Maker

Save and Load Friend Lists for Facebook Lists

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

  1. // ==UserScript==
  2. // @name         Facebook User List Maker
  3. // @namespace    facebookuserlistmaker
  4. // @version      1.3
  5. // @author       Tophness
  6. // @match        http://www.facebook.com/*
  7. // @match        https://www.facebook.com/*
  8. // @description  Save and Load Friend Lists for Facebook Lists
  9. // @require http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
  10. // @grant   GM_getValue
  11. // @grant   GM_setValue
  12. // @grant   GM_deleteValue
  13. // @grant   GM_listValues
  14. // @run-at       document-idle
  15. // ==/UserScript==
  16.  
  17. var friendsSelector = 'div[id$="_friends"]';
  18. var friendsSelector2 = 'div[class="uiScrollableAreaContent"]';
  19. var storySelector = 'div[id^="friends_"]';
  20. var storySelector2 = 'div[data-testid="friend_list_item"]';
  21. var storySelector3 = 'a[data-hovercard]';
  22. var users = [];
  23. var friendsel;
  24. var mutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
  25.  
  26. function includes(k) {
  27.   for(var i=0; i < this.length; i++){
  28.     if( this[i].name === k || ( this[i].name !== this[i] && k !== k ) ){
  29.       return true;
  30.     }
  31.   }
  32.   return false;
  33. }
  34.  
  35. function block(story) {
  36.   if (!story) {
  37.     return;
  38.   }
  39.   if (story.getElementsByTagName('a').length) {
  40.     var links = story.getElementsByTagName('a');
  41.     for (var i = 0; i < links.length; i++) {
  42.       if(links[i].outerHTML.indexOf('data-hovercard') != -1){
  43.       	var uname = links[i].innerText;
  44.         var uid = links[i].getAttribute('data-hovercard');
  45.         uid = uid.substring(uid.indexOf('id=') + 3);
  46.           if(uid.indexOf('&') == -1){
  47.               uid = uid.substring(0, uid.indexOf('"'));
  48.           }
  49.           else{
  50.               uid = uid.substring(0, uid.indexOf('&'));
  51.           }
  52.         if(uname != ""){
  53.             var newuser = {};
  54.             newuser.name = uname;
  55.             newuser.id = uid;
  56.             if(!users.includes(newuser.name)){
  57.                 users.push(newuser);
  58.             }
  59.         }
  60.       }
  61.     }
  62.   }
  63. }
  64.  
  65. function block2(link){
  66.       if(link.outerHTML.indexOf('data-hovercard') != -1){
  67.       	var uname = link.innerText;
  68.         var uid = link.getAttribute('uid');
  69.         if(uname != ""){
  70.             var newuser = {};
  71.             newuser.name = uname;
  72.             newuser.id = uid;
  73.             if(!users.includes(newuser.name)){
  74.                 users.push(newuser);
  75.             }
  76.         }
  77.       }
  78. }
  79.  
  80. function process() {
  81.   if(document.forms.save.dosave.value == "true" && document.forms.save.listname.value != ""){
  82.   var stories = document.querySelector(friendsSelector);
  83.   if (!stories) {
  84.       return;
  85.   }
  86.   var story = stories.querySelectorAll(storySelector);
  87.   if (!story.length) {
  88.       story = stories.querySelectorAll(storySelector2);
  89.       if (!story.length) {
  90.           return;
  91.       }
  92.   }
  93.   for (var i2 = 0; i2 < story.length; i2++) {
  94.     block(story[i2]);
  95.   }
  96.       GM_setValue(document.forms.save.listname.value, JSON.stringify(users));
  97.   }
  98. }
  99.  
  100. function processpage() {
  101.   if(document.forms.save.dosave.value == "true" && document.forms.save.listname.value != ""){
  102.   var stories = friendssel;
  103.   if (!stories || stories == 'div[class="uiScrollableAreaContent"]'){
  104.      return;
  105.   }
  106.   var story = stories.querySelectorAll(storySelector3);
  107.   if (!story.length) {
  108.       return;
  109.   }
  110.   for (var i2 = 0; i2 < story.length; i2++) {
  111.     block2(story[i2]);
  112.   }
  113.       GM_setValue(document.forms.save.listname.value, JSON.stringify(users));
  114.   }
  115. }
  116.  
  117. function waitForEl(selector, callback, timer=100){
  118.     var poller1 = setInterval(function(){
  119.         $jObject = jQuery(selector);
  120.         if($jObject.length < 1){
  121.             return;
  122.         }
  123.         clearInterval(poller1);
  124.         callback($jObject);
  125.     },timer);
  126. }
  127.  
  128. function uToken(username, id){
  129.     var newdiv = document.createElement('span');
  130.     newdiv.className = "removable uiToken";
  131.     var newdiv2 = document.createElement('span');
  132.     newdiv2.className = "uiTokenText";
  133.     newdiv2.innerHTML = username;
  134.     var newdiv3 = document.createElement('input');
  135.     newdiv3.name="members[]";
  136.     newdiv3.autocomplete="off";
  137.     newdiv3.type="hidden";
  138.     newdiv3.value = id;
  139.     var newdiv4 = document.createElement('input');
  140.     newdiv4.value=username;
  141.     newdiv4.name="text_members[]";
  142.     newdiv4.autocomplete="off";
  143.     newdiv4.type="hidden";
  144.     var newdiv5 = document.createElement('a');
  145.     newdiv5.href="#";
  146.     newdiv5.aria_label="Remove " + username;
  147.     newdiv5.className="remove uiCloseButton uiCloseButtonSmall";
  148.     newdiv.appendChild(newdiv4);
  149.     newdiv.appendChild(newdiv3);
  150.     newdiv.appendChild(newdiv2);
  151.     document.getElementById('fbFriendListTokenizer').getElementsByClassName('tokenarea')[0].appendChild(newdiv);
  152. }
  153.  
  154. function listpaste(){
  155.     if(document.getElementById('createListMembers')){
  156.         if(document.getElementById('createListname') && document.forms.load.listnames.value){
  157.             document.getElementById('createListname').value = document.forms.load.listnames.value;
  158.         }
  159.         if(document.getElementById('fbFriendListTokenizer').getElementsByClassName('tokenarea')[0]){
  160.             document.getElementById('fbFriendListTokenizer').getElementsByClassName('tokenarea')[0].className = "tokenarea";
  161.         }
  162.         for (var i = 0; i < users.length; i++) {
  163.             uToken(users[i].name, users[i].id);
  164.         }
  165.     }
  166.     else{
  167.         setTimeout(listpaste, 1000);
  168.     }
  169. }
  170.  
  171. function observebody(){
  172.     if(document.forms.save.dosave.value == "true"){
  173.         var listname = document.forms.save.listname.value.toLowerCase().replace(/[^a-zA-Z0-9]+/g, "");
  174.         users = JSON.parse(GM_getValue(listname, "[]"));
  175.         if(!users){
  176.             console.warn("error");
  177.         }
  178.         users.includes = includes;
  179.         if(location.href.indexOf('/community') != -1 || location.href.indexOf('/events') != -1){
  180.             processpage();
  181.         }
  182.         else{
  183.             process();
  184.         }
  185.     }
  186.     else{
  187.         setTimeout(observebody, 1000);
  188.     }
  189. }
  190.  
  191. function loadbegin(){
  192.     if(document.forms.load.doload.value == "true"){
  193.         users = JSON.parse(GM_getValue(document.forms.load.listnames.value, "[]"));
  194.         if(!users){
  195.             console.warn("error");
  196.         }
  197.         users.includes = includes;
  198.         if(contentarea.getElementsByClassName('uiHeaderActions')[0].childNodes[0]){
  199.             contentarea.getElementsByClassName('uiHeaderActions')[0].childNodes[0].addEventListener('click', listpaste, false);
  200.             contentarea.getElementsByClassName('uiHeaderActions')[0].childNodes[0].click();
  201.         }
  202.     }
  203.     else if(document.forms.load.dodelete.value == "true"){
  204.         var select = document.forms.load.listnames;
  205.         GM_deleteValue(select.value);
  206.         dvalue = select.selectedIndex;
  207.         select.removeChild(select[dvalue]);
  208.     }
  209.     else{
  210.         setTimeout(loadbegin, 1000);
  211.     }
  212. }
  213.  
  214. function loadfindpage(el){
  215.         var savebut = document.createElement('div');
  216.         savebut.innerHTML = '<form name="save"><input type=button onclick="document.forms.save.dosave.value=true;" value="Save List"><input type=text name=listname><input type=hidden name=dosave value="false"></form>';
  217.         el.insertAdjacentElement('afterbegin', savebut);
  218.         var observer = new mutationObserver(processpage);
  219.         observer.observe(document.querySelector('body'), {
  220.             'childList': true,
  221.             'subtree': true
  222.         });
  223.         observebody();
  224. }
  225.  
  226. function findpage(){
  227. 	var divs = document.querySelectorAll(friendsSelector2);
  228.     var found = false;
  229.         for (var i = 0; i < divs.length; ++i) {
  230.             if(divs[i].querySelectorAll(storySelector3).length){
  231.                 friendssel = divs[i];
  232.                 found = true;
  233.             }
  234.         }
  235.     if(found){
  236.         loadfindpage(friendssel);
  237.     }
  238.     else{
  239.         setTimeout(findpage, 1000);
  240.     }
  241. }
  242.  
  243.  
  244. if(location.href.indexOf('bookmarks/lists') != -1){
  245.     var contentarea = document.getElementById('contentArea');
  246.     waitForEl(contentarea, function() {
  247.         var loadbut = document.createElement('div');
  248.         loadbut.innerHTML = '<form name="load"><input type=button onclick="document.forms.load.doload.value=true;" value="Load List"><input type=hidden name=doload value="false"><input type=hidden name=dodelete value="false"><input type=button onclick="document.forms.load.dodelete.value=true;" value="Delete List"></form>';
  249.         var x = document.createElement("select");
  250.         x.name="listnames";
  251.         var alllists = GM_listValues();
  252.         for (var i = 0; i < alllists.length; i++) {
  253.             var option = document.createElement("option");
  254.             option.text = alllists[i];
  255.             x.add(option);
  256.         }
  257.         contentarea.insertAdjacentElement('afterbegin', loadbut);
  258.         document.forms.load.appendChild(x);
  259.         loadbegin();
  260.     });
  261. }
  262. else if(location.href.indexOf('/friends') != -1){
  263.     waitForEl(document.querySelector(friendsSelector), function() {
  264.         var savebut = document.createElement('div');
  265.         savebut.innerHTML = '<form name="save"><input type=button onclick="document.forms.save.dosave.value=true;" value="Save List"><input type=text name=listname><input type=hidden name=dosave value="false"></form>';
  266.         document.querySelector(friendsSelector).insertAdjacentElement('afterbegin', savebut);
  267.         var observer = new mutationObserver(process);
  268.         observer.observe(document.querySelector('body'), {
  269.             'childList': true,
  270.             'subtree': true
  271.         });
  272.         observebody();
  273.     },500);
  274. }
  275. //else if(location.href.indexOf('/community') != -1 || location.href.indexOf('/events') != -1){
  276. //    findpage();
  277. //}
  278. else{
  279.     findpage();
  280. }