☰

Twitter Block Porn (TestFlight)

One-click block all the yellow scammers in the comment area.

  1. // ==UserScript==
  2. // @name        Twitter Block Porn (TestFlight)
  3. // @homepage    https://github.com/daymade/Twitter-Block-Porn
  4. // @icon        https://raw.githubusercontent.com/daymade/Twitter-Block-Porn/master/imgs/icon.svg
  5. // @version     1.5.0
  6. // @description One-click block all the yellow scammers in the comment area.
  7. // @description:zh-CN 共享黑名单, 一键拉黑所有黄推诈骗犯
  8. // @description:zh-TW 一鍵封鎖評論區的黃色詐騙犯
  9. // @description:ja コメントエリアのイエロースキャマーを一括ブロック
  10. // @description:ko 댓글 영역의 노란색 사기꾼을 한 번에 차단
  11. // @description:de Alle gelben Betrüger im Kommentarbereich mit einem Klick blockieren.
  12. // @author      daymade
  13. // @source      forked from https://github.com/E011011101001/Twitter-Block-With-Love
  14. // @license     MIT
  15. // @run-at      document-end
  16. // @noframes
  17. // @grant       GM_registerMenuCommand
  18. // @grant       GM_openInTab
  19. // @grant       GM_addStyle
  20. // @grant       GM_setValue
  21. // @grant       GM_getValue
  22. // @grant       GM_log
  23. // @grant       GM_xmlhttpRequest
  24. // @match       https://twitter.com/*
  25. // @match       https://mobile.twitter.com/*
  26. // @match       https://tweetdeck.twitter.com/*
  27. // @exclude     https://twitter.com/account/*
  28. // @connect     raw.githubusercontent.com
  29. // @require     https://cdn.jsdelivr.net/npm/axios@0.25.0/dist/axios.min.js
  30. // @require     https://cdn.jsdelivr.net/npm/qs@6.10.3/dist/qs.min.js
  31. // @require     https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js
  32. // @namespace https://greasyfork.org/users/1121182
  33. // ==/UserScript==
  34.  
  35. /* global axios $ Qs */
  36. const menu_command_list1 = GM_registerMenuCommand('🔗 打开共享黑名单 ①...', function () {
  37.   const url = 'https://twitter.com/i/lists/1677334530754248706/members'
  38.   GM_openInTab(url, {active: true})
  39. }, '');
  40.  
  41. const menu_command_list2 = GM_registerMenuCommand('🔗 打开共享黑名单 ②...', function () {
  42.   const url = 'https://twitter.com/i/lists/1683810394287079426/members'
  43.   GM_openInTab(url, {active: true})
  44. }, '');
  45.  
  46. const menu_command_list3 = GM_registerMenuCommand('🔗 打开共享黑名单 ③...', function () {
  47.   const url = 'https://twitter.com/i/lists/1699049983159259593/members'
  48.   GM_openInTab(url, {active: true})
  49. }, '');
  50.  
  51. const menu_command_special_list = GM_registerMenuCommand('🚫 拉黑加急名单', function () {
  52.   if (window.confirm("加急名单里有一些爱主动拉黑人的诈骗犯，要一键屏蔽吗？")) {
  53.     block_special_list()
  54.   } else {
  55.     GM_log('user cancelled block special scammers')
  56.   }
  57. }, '');
  58.  
  59. const menu_command_all_list = GM_registerMenuCommand('🔗 查看全部名单（举报前请先搜索）...', function () {
  60.   const url = 'https://github.com/daymade/Twitter-Block-Porn/blob/master/lists/all.json'
  61.   GM_openInTab(url, {active: true})
  62. }, '');
  63.  
  64. const menu_command_report = GM_registerMenuCommand('🔗 我要举报...', function () {
  65.   const url = 'https://github.com/daymade/Twitter-Block-Porn/issues'
  66.   GM_openInTab(url, {active: true})
  67. }, '');
  68.  
  69. const ChangeLogo = GM_getValue('change_logo', true)
  70. GM_registerMenuCommand(`${ChangeLogo?'✅ 已将 Logo 还原为小蓝鸟, 点击可使用 \uD835\uDD4F':'🐤 点击唤回小蓝鸟'}`, function () {
  71.   GM_setValue('change_logo', !ChangeLogo)
  72.   location.reload()
  73. });
  74.  
  75. function get_cookie (cname) {
  76.   const name = cname + '='
  77.   const ca = document.cookie.split(';')
  78.   for (let i = 0; i < ca.length; ++i) {
  79.     const c = ca[i].trim()
  80.     if (c.indexOf(name) === 0) {
  81.       return c.substring(name.length, c.length)
  82.     }
  83.   }
  84.   return ''
  85. }
  86.  
  87. // all apis send to twitter must use this client with cookie
  88. const apiClient = axios.create({
  89.   baseURL: 'https://api.twitter.com',
  90.   withCredentials: true,
  91.   headers: {
  92.     Authorization: 'Bearer AAAAAAAAAAAAAAAAAAAAANRILgAAAAAAnNwIzUejRCOuH5E6I8xnZz4puTs%3D1Zv7ttfk8LF81IUq16cHjhLTvJu4FA33AGWWjCpTnA',
  93.     'X-Twitter-Auth-Type': 'OAuth2Session',
  94.     'X-Twitter-Active-User': 'yes',
  95.     'X-Csrf-Token': get_cookie('ct0')
  96.   }
  97. })
  98.  
  99. // extract list id in url 
  100. function parseListId (url) {
  101.   // https://twitter.com/any/thing/lists/1234567/anything => 1234567/anything => 1234567
  102.   return url.split('lists/')[1].split('/')[0]
  103. }
  104.  
  105. async function fetch_list_members_id(listId) {
  106.   let users = await fetch_list_members_info(listId)
  107.   
  108.   return users.map(u => u.id_str);
  109. }
  110.  
  111. async function fetch_list_members_info(listId) {
  112.   const merged = await fetchAndMergeLists(listId);
  113.   debugger
  114.   console.log(`merged: ${JSON.stringify(merged)}}`);
  115.   return merged;
  116. }
  117.  
  118. async function fetchRemoteList(listId) {
  119.   return new Promise((resolve, reject) => {
  120.       GM_xmlhttpRequest({
  121.           method: "GET",
  122.           url: `https://raw.githubusercontent.com/daymade/Twitter-Block-Porn/master/lists/${listId}.json`,
  123.           onload: function(response) {
  124.               if (response.status === 200) {
  125.                   debugger
  126.                   resolve(JSON.parse(response.responseText));
  127.                   debugger
  128.               } else {
  129.                   console.warn(`Remote list for listId ${listId} not found.`);
  130.                   debugger
  131.                   resolve([]);
  132.                   debugger
  133.               }
  134.           },
  135.           onerror: function() {
  136.               console.warn(`Error fetching remote list for listId ${listId}.`);
  137.               debugger
  138.               resolve([]);
  139.               debugger
  140.           }
  141.       });
  142.   });
  143. }
  144.  
  145. async function fetchTwitterListMembers(listId) {
  146.   let cursor = -1;
  147.   let allMembers = [];
  148.   
  149.   debugger
  150.   while (cursor && cursor !== 0) {
  151.     // https://developer.twitter.com/en/docs/twitter-api/v1/accounts-and-users/create-manage-lists/api-reference/get-lists-members
  152.     // https://api.twitter.com/1.1/lists/members.json
  153.     // Endpoint	| Requests per user	| Requests per app
  154.     // GET lists/members | 900/15min | 75/15min
  155.     let response = await apiClient.get(`/1.1/lists/members.json?list_id=${listId}&cursor=${cursor}`);
  156.     if (!response.data.users) {
  157.       debugger
  158.       GM_log(`fetchTwitterListMembers errors: ${JSON.stringify(response.data)}`)
  159.       return allMembers;
  160.     }
  161.     debugger
  162.     let users = response.data.users;
  163.     allMembers = allMembers.concat(users);
  164.     cursor = response.data.next_cursor;
  165.   }
  166.   
  167.   return allMembers;
  168. }
  169.  
  170. async function fetchAndMergeLists(listId) {
  171.   debugger
  172.   let [remoteList, twitterList] = await Promise.all([
  173.     fetchRemoteList(listId),
  174.     fetchTwitterListMembers(listId)
  175.   ]).catch(err => {
  176.     debugger
  177.     console.error('Promise.all error:', err)
  178.   });
  179.  
  180.   debugger
  181.   // Merge lists. Ensure uniqueness by 'id_str'.
  182.   let merged = [...twitterList, ...remoteList];
  183.   let uniqueMembers = Array.from(new Map(merged.map(item => [item["id_str"], item])).values());
  184.   
  185.   return uniqueMembers;
  186. }
  187.  
  188. async function block_user (id, listId) {
  189.   try {
  190.     // https://developer.twitter.com/en/docs/twitter-api/v1/accounts-and-users/mute-block-report-users/api-reference/post-blocks-create
  191.     // https://api.twitter.com/1.1/blocks/create.json
  192.     // Endpoint	| Requests per user	| Requests per app
  193.     // not mentioned in doc!!
  194.     await apiClient.post('/1.1/blocks/create.json', Qs.stringify({
  195.       user_id: id
  196.     }), {
  197.       headers: {
  198.         'Content-Type': 'application/x-www-form-urlencoded'
  199.       }
  200.     });
  201.     
  202.     // Update blocked IDs list in GM storage
  203.     let blocked = GM_getValue('blockedIds', {});
  204.     if (!blocked[listId]) {
  205.       blocked[listId] = [];
  206.     }
  207.     blocked[listId].push(id);
  208.     GM_setValue('blockedIds', blocked);
  209.   } catch (err) {
  210.     // Handle errors as needed
  211.   }
  212. }
  213.  
  214.  
  215. async function block_by_ids (member_ids, listId) {
  216.   let blocked = GM_getValue('blockedIds', {});
  217.   GM_log(`blockedIds: ${JSON.stringify(blocked)}`)
  218.  
  219.   let toBlock = member_ids.filter(id => !blocked[listId] || !blocked[listId].includes(id));
  220.  
  221.   const ids = [...new Set(toBlock)];
  222.  
  223.   GM_log(`block_by_ids: ${ids.length} users, detail: ${ids}`)
  224.  
  225.   // Number of requests per batch
  226.   const batchSize = 10;
  227.   // 1000ms delay between batches
  228.   const delay = 1000;
  229.  
  230.   let failedIds = [];
  231.  
  232.   for (let i = 0; i < Math.ceil(ids.length / batchSize); i++) {
  233.     const batch = ids.slice(i * batchSize, (i + 1) * batchSize);
  234.     const results = await Promise.allSettled(batch.map(id => block_user(id, listId)));
  235.  
  236.     for (const [index, result] of results.entries()) {
  237.       if (result.status === 'rejected') {
  238.         // Keep track of failed IDs
  239.         failedIds.push(batch[index]);
  240.       }
  241.     }
  242.  
  243.     if (i < Math.ceil(ids.length / batchSize) - 1) {
  244.       await new Promise(resolve => setTimeout(resolve, delay));
  245.     }
  246.   }
  247.  
  248.   if (failedIds.length > 0) {
  249.     GM_log(`Failed to block these IDs: ${failedIds.join(', ')}`)
  250.   }
  251. }
  252.  
  253. async function block_list_test_members () {
  254.   const listId = parseListId(location.href)
  255.   const members = await fetch_list_members_id(listId)
  256.  
  257.   block_by_ids(members.slice(0, 10), listId)
  258. }
  259.  
  260. async function block_list_members () {
  261.   const listId = parseListId(location.href)
  262.   const members = await fetch_list_members_id(listId)
  263.  
  264.   block_by_ids(members, listId)
  265. }
  266.  
  267. async function block_special_list () {
  268.   // 加急名单: 特别活跃/拉黑我/来挑衅的黄推
  269.   const special_scammers = [
  270.     "1626262000547377153",
  271.     "1083844806",
  272.     "1191513095774048256",
  273.     "1240432468995473411",
  274.     "1260746375010177033",
  275.     "1287994653388623875",
  276.     "1356533851250548737",
  277.     "1367769524657786883",
  278.     "1371653074217963522",
  279.     "1413745607466885121",
  280.     "1428063931130646531",
  281.     "1450954075084713986",
  282.     "1455789588392202241",
  283.     "1484792482357338113",
  284.     "1489964205310570498",
  285.     "1511380196",
  286.     "1559311298986393603",
  287.     "1562212902207033345",
  288.     "1572580165900767234",
  289.     "1578298585514668032",
  290.     "1580799004983508992",
  291.     "1583905468178567168",
  292.     "1585644302381694976",
  293.     "1589228466658250752",
  294.     "1592249768771977216",
  295.     "1592260043490983936",
  296.     "1592573920905166849",
  297.     "1592691909805604870",
  298.     "1593155334742618112",
  299.     "1593157357059837954",
  300.     "1593620049704628224",
  301.     "1593948516594102272",
  302.     "1602373747344048128",
  303.     "1616646252",
  304.     "1616785364462743553",
  305.     "1622437704159100929",
  306.     "1623320122978099201",
  307.     "1624527915663896576",
  308.     "1626772507910082562",
  309.     "1639847615981568001",
  310.     "1650736618293133313",
  311.     "1655041846790467585",
  312.     "1655821795272937472",
  313.     "1656797676820725761",
  314.     "1658357788249321472",
  315.     "1660685299930759168",
  316.     "1665333981951172608",
  317.     "1670444198586363904",
  318.     "1671941042776702976",
  319.     "1672954423663038466",
  320.     "1673741619634241536",
  321.     "1675179645870768128",
  322.     "1676435725942661121",
  323.     "1676489900021915648",
  324.     "1679909362335354880",
  325.     "1683326796488671232",
  326.     "1683330763167780864",
  327.     "1684583392665550850",
  328.     "1684659885726916609",
  329.     "1684743661853229056",
  330.     "1684859751119847424",
  331.     "1685367331013476352",
  332.     "1685884844885295104",
  333.     "1686221264023957504",
  334.     "1687807818831986688",
  335.     "1687816807766523905",
  336.     "1688494198331420672",
  337.     "1689943762531753985",
  338.     "1690427325001904128",
  339.     "175911002",
  340.     "2802758389",
  341.     "310749736",
  342.     "3183558127",
  343.     "532085468",
  344.     "593711290",
  345.     "769695361656991744",
  346.     "824376009029992456",
  347.     "976566332111179778",
  348.     "769695361656991744",
  349.     "3183558127",
  350.     "1690427325001904128",
  351.     "1675179645870768128",
  352.     "1572106376",
  353.     "1695160338780409856",
  354.     "1637733191673950208",
  355.     "1683682718863724544",
  356.     "1399167832001241088",
  357.     "1401414397021417472",
  358.     "1387838616202788865",
  359.     "1687365559355121665",
  360.     "1399167832001241088",
  361.     "1689962125169680384",
  362.     "1387838616202788865",
  363.     "1459187911329345538",
  364.     "771777233878933504",
  365.     "732529176805318661",
  366.     "1593953486592303104",
  367.     "1269873849568382981",
  368.     "1631995677742907393",
  369.     "837242544",
  370.     "1642503707165364225",
  371.     "1626262000547377153",
  372.     "1624507776432242688",
  373.     "358108318",
  374.     "1612286141893595137",
  375.     "1456084225791299586",
  376.     "1687938257831514112",
  377.     "1673189721445629953",
  378.     "249563694",
  379.     "1412358780872921093",
  380.     "1688885999265361920"
  381.   ]
  382.  
  383.   // block is a reserved listId for those sacmmers who has blocked me
  384.   // see block.json in `lists` folder
  385.   let blockedIds = await fetchRemoteList("block")
  386.  
  387.   block_by_ids(special_scammers.concat(blockedIds), "block")
  388. }
  389.  
  390. async function export_list_members () {
  391.   const listId = parseListId(location.href);
  392.   const members = await fetchTwitterListMembers(listId);
  393.   debugger
  394.  
  395.   // 创建一个 Blob 实例，包含 JSON 字符串的成员信息
  396.   const blob = new Blob([JSON.stringify(members, null, 2)], {type : 'application/json'});
  397.  
  398.   // 创建一个下载链接并点击它来下载文件
  399.   const link = document.createElement("a");
  400.   link.href = URL.createObjectURL(blob);
  401.   link.download = `${listId}-${Date.now()}.json`;
  402.   link.click();
  403. }
  404.  
  405. (_ => {
  406.   /* Begin of Dependencies */
  407.   /* eslint-disable */
  408.  
  409.   // https://gist.githubusercontent.com/BrockA/2625891/raw/9c97aa67ff9c5d56be34a55ad6c18a314e5eb548/waitForKeyElements.js
  410.   /*--- waitForKeyElements():  A utility function, for Greasemonkey scripts,
  411.       that detects and handles AJAXed content.
  412.  
  413.       Usage example:
  414.  
  415.           waitForKeyElements (
  416.               "div.comments"
  417.               , commentCallbackFunction
  418.           );
  419.  
  420.           //--- Page-specific function to do what we want when the node is found.
  421.           function commentCallbackFunction (jNode) {
  422.               jNode.text ("This comment changed by waitForKeyElements().");
  423.           }
  424.  
  425.       IMPORTANT: This function requires your script to have loaded jQuery.
  426.   */
  427.   function waitForKeyElements (
  428.       selectorTxt,    /* Required: The jQuery selector string that
  429.                           specifies the desired element(s).
  430.                       */
  431.       actionFunction, /* Required: The code to run when elements are
  432.                           found. It is passed a jNode to the matched
  433.                           element.
  434.                       */
  435.       bWaitOnce,      /* Optional: If false, will continue to scan for
  436.                           new elements even after the first match is
  437.                           found.
  438.                       */
  439.       iframeSelector  /* Optional: If set, identifies the iframe to
  440.                           search.
  441.                       */
  442.   ) {
  443.       var targetNodes, btargetsFound;
  444.  
  445.       if (typeof iframeSelector == "undefined")
  446.           targetNodes     = $(selectorTxt);
  447.       else
  448.           targetNodes     = $(iframeSelector).contents ()
  449.                                             .find (selectorTxt);
  450.  
  451.       if (targetNodes  &&  targetNodes.length > 0) {
  452.           btargetsFound   = true;
  453.           /*--- Found target node(s).  Go through each and act if they
  454.               are new.
  455.           */
  456.           targetNodes.each ( function () {
  457.               var jThis        = $(this);
  458.               var alreadyFound = jThis.data ('alreadyFound')  ||  false;
  459.  
  460.               if (!alreadyFound) {
  461.                   //--- Call the payload function.
  462.                   var cancelFound     = actionFunction (jThis);
  463.                   if (cancelFound)
  464.                       btargetsFound   = false;
  465.                   else
  466.                       jThis.data ('alreadyFound', true);
  467.               }
  468.           } );
  469.       }
  470.       else {
  471.           btargetsFound   = false;
  472.       }
  473.  
  474.       //--- Get the timer-control variable for this selector.
  475.       var controlObj      = waitForKeyElements.controlObj  ||  {};
  476.       var controlKey      = selectorTxt.replace (/[^\w]/g, "_");
  477.       var timeControl     = controlObj [controlKey];
  478.  
  479.       //--- Now set or clear the timer as appropriate.
  480.       if (btargetsFound  &&  bWaitOnce  &&  timeControl) {
  481.           //--- The only condition where we need to clear the timer.
  482.           clearInterval (timeControl);
  483.           delete controlObj [controlKey]
  484.       }
  485.       else {
  486.           //--- Set a timer, if needed.
  487.           if ( ! timeControl) {
  488.               timeControl = setInterval ( function () {
  489.                       waitForKeyElements (    selectorTxt,
  490.                                               actionFunction,
  491.                                               bWaitOnce,
  492.                                               iframeSelector
  493.                                           );
  494.                   },
  495.                   300
  496.               );
  497.               controlObj [controlKey] = timeControl;
  498.           }
  499.       }
  500.       waitForKeyElements.controlObj   = controlObj;
  501.   }
  502.   /* eslint-enable */
  503.   /* End of Dependencies */
  504.  
  505.   let lang = document.documentElement.lang
  506.   if (lang == 'en-US') {
  507.     lang = 'en' // TweetDeck
  508.   }
  509.   if (lang == 'zh-CN') {
  510.     lang = 'zh'
  511.   }
  512.   
  513.   const translations = {
  514.     en: {
  515.       lang_name: 'English',
  516.       block_btn: 'Block all Scammers',
  517.       block_test_btn: 'Test block top 10 Scammers',
  518.       block_success: 'All scammers blocked!',
  519.       block_test_success: 'Top 10 scammers test blocked successfully!',
  520.       export_btn: 'Export',
  521.       export_success: 'Export successful!',
  522.     },
  523.     'en-GB': {
  524.       lang_name: 'British English',
  525.       block_btn: 'Block all Scammers',
  526.       block_test_btn: 'Test block top 10 Scammers',
  527.       block_success: 'All scammers blocked!',
  528.       block_test_success: 'Top 10 scammers test blocked successfully!',
  529.       export_btn: 'Export',
  530.       export_success: 'Export successful!',
  531.     },
  532.     zh: {
  533.       lang_name: '简体中文',
  534.       block_btn: '屏蔽所有诈骗犯',
  535.       block_test_btn: '屏蔽前10名',
  536.       block_success: '诈骗犯已全部被屏蔽！',
  537.       block_test_success: '前10名诈骗犯测试屏蔽成功！',
  538.       export_btn: '导出',
  539.       export_success: '导出成功！',
  540.     },
  541.     'zh-Hant': {
  542.       lang_name: '正體中文',
  543.       block_btn: '封鎖所有詐騙犯',
  544.       block_test_btn: '測試封鎖前10名詐騙犯',
  545.       block_success: '詐騙犯已全部被封鎖！',
  546.       block_test_success: '前10名詐騙犯測試封鎖成功！',
  547.       export_btn: '導出',
  548.       export_success: '導出成功！',
  549.     },
  550.     ja: {
  551.       lang_name: '日本語',
  552.       block_btn: 'すべての詐欺師をブロック',
  553.       block_test_btn: 'トップ10詐欺師をテストブロック',
  554.       block_success: 'すべての詐欺師がブロックされました！',
  555.       block_test_success: 'トップ10の詐欺師がテストブロックされました！',
  556.       export_btn: 'エクスポート',
  557.       export_success: 'エクスポート成功！',
  558.     },
  559.     vi: {
  560.       lang_name: 'Tiếng Việt',
  561.       block_btn: 'Chặn tất cả scammers',
  562.       block_test_btn: 'Thử chặn top 10 scammers',
  563.       block_success: 'Tất cả scammers đã bị chặn!',
  564.       block_test_success: 'Đã thành công chặn thử top 10 scammers!',
  565.       export_btn: 'Xuất',
  566.       export_success: 'Xuất thành công!',
  567.     },
  568.     ko: {
  569.       lang_name: '한국어',
  570.       block_btn: '모든 사기꾼을 차단',
  571.       block_test_btn: '테스트 차단 사기꾼 상위 10',
  572.       block_success: '모든 사기꾼이 차단되었습니다!',
  573.       block_test_success: '상위 10 사기꾼 테스트 차단 성공!',
  574.       export_btn: '내보내기',
  575.       export_success: '내보내기 성공!',
  576.     },
  577.     de: {
  578.       lang_name: 'Deutsch',
  579.       block_btn: 'Alle Betrüger blockieren',
  580.       block_test_btn: 'Testblock Top 10 Betrüger',
  581.       block_success: 'Alle Betrüger wurden blockiert!',
  582.       block_test_success: 'Top 10 Betrüger erfolgreich getestet und blockiert!',
  583.       export_btn: 'Exportieren',
  584.       export_success: 'Export erfolgreich!',
  585.     },
  586.     fr: {
  587.       lang_name: 'French',
  588.       block_btn: 'Bloquer tous les escrocs',
  589.       block_test_btn: 'Test de blocage top 10 escrocs',
  590.       block_success: 'Tous les escrocs sont bloqués !',
  591.       block_test_success: 'Test de blocage des 10 premiers escrocs réussi !',
  592.       export_btn: 'Exporter',
  593.       export_success: 'Exportation réussie !',
  594.     },
  595.   }
  596.  
  597.   let i18n = translations[lang]
  598.  
  599.   function rgba_to_hex (rgba_str, force_remove_alpha) {
  600.     return '#' + rgba_str.replace(/^rgba?\(|\s+|\)$/g, '') // Get's rgba / rgb string values
  601.       .split(',') // splits them at ","
  602.       .filter((_, index) => !force_remove_alpha || index !== 3)
  603.       .map(string => parseFloat(string)) // Converts them to numbers
  604.       .map((number, index) => index === 3 ? Math.round(number * 255) : number) // Converts alpha to 255 number
  605.       .map(number => number.toString(16)) // Converts numbers to hex
  606.       .map(string => string.length === 1 ? '0' + string : string) // Adds 0 when length of one number is 1
  607.       .join('')
  608.       .toUpperCase()
  609.   }
  610.  
  611.   function hex_to_rgb (hex_str) {
  612.     const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})/i.exec(hex_str)
  613.     return result ? `rgb(${parseInt(result[1], 16)}, ${parseInt(result[2], 16)}, ${parseInt(result[3], 16)})` : ''
  614.   }
  615.  
  616.   function invert_hex (hex) {
  617.     return '#' + (Number(`0x1${hex.substring(1)}`) ^ 0xFFFFFF).toString(16).substring(1).toUpperCase()
  618.   }
  619.  
  620.   function get_theme_color () {
  621.     const FALLBACK_COLOR = 'rgb(128, 128, 128)'
  622.     let bgColor = getComputedStyle(document.querySelector('#modal-header > span')).color || FALLBACK_COLOR
  623.     let buttonTextColor = hex_to_rgb(invert_hex(rgba_to_hex(bgColor)))
  624.     for (const ele of document.querySelectorAll('div[role=\'button\']')) {
  625.       const color = ele?.style?.backgroundColor
  626.       if (color != '') {
  627.         bgColor = color
  628.         const span = ele.querySelector('span')
  629.         buttonTextColor = getComputedStyle(span)?.color || buttonTextColor
  630.       }
  631.     }
  632.  
  633.     return {
  634.       bgColor,
  635.       buttonTextColor,
  636.       plainTextColor: $('span').css('color'),
  637.       hoverColor: bgColor.replace(/rgb/i, 'rgba').replace(/\)/, ', 0.9)'),
  638.       mousedownColor: bgColor.replace(/rgb/i, 'rgba').replace(/\)/, ', 0.8)')
  639.     }
  640.   }
  641.  
  642.   function get_ancestor (dom, level) {
  643.     for (let i = 0; i < level; ++i) {
  644.       dom = dom.parent()
  645.     }
  646.     return dom
  647.   }
  648.  
  649.   function get_notifier_of (msg) {
  650.     return _ => {
  651.       const banner = $(`
  652.         <div id="bwl-notice" style="right:0px; position:fixed; left:0px; bottom:0px; display:flex; flex-direction:column;">
  653.           <div class="tbwl-notice">
  654.             <span>${msg}</span>
  655.           </div>
  656.         </div>
  657.       `)
  658.       const closeButton = $(`
  659.         <span id="bwl-close-button" style="font-weight:700; margin-left:12px; margin-right:12px; cursor:pointer;">
  660.           Close
  661.         </span>
  662.       `)
  663.       closeButton.click(_ => banner.remove())
  664.       $(banner).children('.tbwl-notice').append(closeButton)
  665.  
  666.       $('#layers').append(banner)
  667.       setTimeout(() => banner.remove(), 5000)
  668.       $('div[data-testid="app-bar-close"]').click()
  669.     }
  670.   }
  671.  
  672.   function mount_button (parentDom, name, executer, success_notifier) {
  673.     const btn_mousedown = 'bwl-btn-mousedown'
  674.     const btn_hover = 'bwl-btn-hover'
  675.  
  676.     const button = $(`
  677.       <div
  678.         aria-haspopup="true"
  679.         role="button"
  680.         data-focusable="true"
  681.         class="bwl-btn-base"
  682.         style="margin:3px"
  683.       >
  684.         <div class="bwl-btn-inner-wrapper">
  685.           <span>
  686.             <span class="bwl-text-font">${name}</span>
  687.           </span>
  688.         </div>
  689.       </div>
  690.     `).addClass(parentDom.prop('classList')[0])
  691.       .hover(function () {
  692.         $(this).addClass(btn_hover)
  693.       }, function () {
  694.         $(this).removeClass(btn_hover)
  695.         $(this).removeClass(btn_mousedown)
  696.       })
  697.       .on('selectstart', function () {
  698.         return false
  699.       })
  700.       .mousedown(function () {
  701.         $(this).removeClass(btn_hover)
  702.         $(this).addClass(btn_mousedown)
  703.       })
  704.       .mouseup(function () {
  705.         $(this).removeClass(btn_mousedown)
  706.         if ($(this).is(':hover')) {
  707.           $(this).addClass(btn_hover)
  708.         }
  709.       })
  710.       .click(async () => await executer())
  711.       .click(success_notifier)
  712.  
  713.     parentDom.append(button)
  714.   }
  715.  
  716.   function insert_css () {
  717.     const FALLBACK_FONT_FAMILY = 'TwitterChirp, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, "Noto Sans CJK SC", "Noto Sans CJK TC", "Noto Sans CJK JP", Arial, sans-serif;'
  718.     function get_font_family () {
  719.       for (const ele of document.querySelectorAll('div[role=\'button\']')) {
  720.         const font_family = getComputedStyle(ele).fontFamily
  721.         if (font_family) {
  722.           return font_family + ', ' + FALLBACK_FONT_FAMILY
  723.         }
  724.       }
  725.       return FALLBACK_FONT_FAMILY
  726.     }
  727.  
  728.     const colors = get_theme_color()
  729.  
  730.     // switch related
  731.     $('head').append(`<style>
  732.     </style>`)
  733.  
  734.     // TODO: reduce repeated styles
  735.     $('head').append(`<style>
  736.       .tbwl-notice {
  737.         align-self: center;
  738.         display: flex;
  739.         flex-direction: row;
  740.         padding: 12px;
  741.         margin-bottom: 32px;
  742.         border-radius: 4px;
  743.         color:rgb(255, 255, 255);
  744.         background-color: rgb(29, 155, 240);
  745.         font-family: ${FALLBACK_FONT_FAMILY};
  746.         font-size:15px;
  747.         line-height:20px;
  748.         overflow-wrap: break-word;
  749.       }
  750.       .bwl-btn-base {
  751.         min-height: 30px;
  752.         padding-left: 1em;
  753.         padding-right: 1em;
  754.         border: 1px solid ${colors.bgColor} !important;
  755.         border-radius: 9999px;
  756.         background-color: ${colors.bgColor};
  757.       }
  758.       .bwl-btn-mousedown {
  759.         background-color: ${colors.mousedownColor};
  760.         cursor: pointer;
  761.       }
  762.       .bwl-btn-hover {
  763.         background-color: ${colors.hoverColor};
  764.         cursor: pointer;
  765.       }
  766.       .bwl-btn-inner-wrapper {
  767.         font-weight: bold;
  768.         -webkit-box-align: center;
  769.         align-items: center;
  770.         -webkit-box-flex: 1;
  771.         flex-grow: 1;
  772.         color: ${colors.bgColor};
  773.         display: flex;
  774.       }
  775.       .bwl-text-font {
  776.         font-family: ${get_font_family()};
  777.         color: ${colors.buttonTextColor};
  778.       }
  779.       .container {
  780.         margin-top: 0px;
  781.         margin-left: 0px;
  782.         margin-right: 5px;
  783.       }
  784.       .checkbox {
  785.         width: 100%;
  786.         margin: 0px auto;
  787.         position: relative;
  788.         display: block;
  789.         color: ${colors.plainTextColor};
  790.       }
  791.       .checkbox input[type="checkbox"] {
  792.         width: auto;
  793.         opacity: 0.00000001;
  794.         position: absolute;
  795.         left: 0;
  796.         margin-left: 0px;
  797.       }
  798.       .checkbox label:before {
  799.         content: '';
  800.         position: absolute;
  801.         left: 0;
  802.         top: 0;
  803.         margin: 0px;
  804.         width: 22px;
  805.         height: 22px;
  806.         transition: transform 0.2s ease;
  807.         border-radius: 3px;
  808.         border: 2px solid ${colors.bgColor};
  809.       }
  810.       .checkbox label:after {
  811.         content: '';
  812.         display: block;
  813.         width: 10px;
  814.         height: 5px;
  815.         border-bottom: 2px solid ${colors.bgColor};
  816.         border-left: 2px solid ${colors.bgColor};
  817.         -webkit-transform: rotate(-45deg) scale(0);
  818.         transform: rotate(-45deg) scale(0);
  819.         transition: transform ease 0.2s;
  820.         will-change: transform;
  821.         position: absolute;
  822.         top: 8px;
  823.         left: 6px;
  824.       }
  825.       .checkbox input[type="checkbox"]:checked ~ label::before {
  826.         color: ${colors.bgColor};
  827.       }
  828.       .checkbox input[type="checkbox"]:checked ~ label::after {
  829.         -webkit-transform: rotate(-45deg) scale(1);
  830.         transform: rotate(-45deg) scale(1);
  831.       }
  832.       .checkbox label {
  833.         position: relative;
  834.         display: block;
  835.         padding-left: 31px;
  836.         margin-bottom: 0;
  837.         font-weight: normal;
  838.         cursor: pointer;
  839.         vertical-align: sub;
  840.         width:fit-content;
  841.         width:-webkit-fit-content;
  842.         width:-moz-fit-content;
  843.       }
  844.       .checkbox label span {
  845.         position: relative;
  846.         top: 50%;
  847.         -webkit-transform: translateY(-50%);
  848.         transform: translateY(-50%);
  849.       }
  850.       .checkbox input[type="checkbox"]:focus + label::before {
  851.         outline: 0;
  852.       }
  853.     </style>`)
  854.   }
  855.  
  856.   function main () {
  857.     let inited = false
  858.  
  859.     const notice_export_success = get_notifier_of(i18n.export_success)
  860.     const notice_block_test_success = get_notifier_of(i18n.block_test_success)
  861.     const notice_block_success = get_notifier_of(`${i18n.block_success}, 为了安全起见, 每次最多拉黑 300 个`)
  862.  
  863.     waitForKeyElements('h2#modal-header[aria-level="2"][role="heading"]', ele => {
  864.       if (!inited) {
  865.         insert_css()
  866.         inited = true
  867.       }
  868.       const ancestor = get_ancestor(ele, 3)
  869.       const currentURL = window.location.href
  870.       if (/\/lists\/[0-9]+\/members$/.test(currentURL)) {
  871.         mount_button(ancestor, i18n.export_btn, export_list_members, notice_export_success)
  872.         mount_button(ancestor, i18n.block_test_btn, block_list_test_members, notice_block_test_success)
  873.         mount_button(ancestor, i18n.block_btn, block_list_members, notice_block_success)
  874.       }
  875.     })
  876.   }
  877.  
  878.   // 这个函数名字来自 @albaz64
  879.   (function makeBlueBirdGreatAgain() {
  880.     if(!ChangeLogo) return;
  881.  
  882.     // Twitter logo
  883.     const SVG = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 335 276' fill='%233ba9ee'%3E%3Cpath d='m302 70a195 195 0 0 1 -299 175 142 142 0 0 0 97 -30 70 70 0 0 1 -58 -47 70 70 0 0 0 31 -2 70 70 0 0 1 -57 -66 70 70 0 0 0 28 5 70 70 0 0 1 -18 -90 195 195 0 0 0 141 72 67 67 0 0 1 116 -62 117 117 0 0 0 43 -17 65 65 0 0 1 -31 38 117 117 0 0 0 39 -11 65 65 0 0 1 -32 35'/%3E%3C/svg%3E"
  884.  
  885.     // Function to reset favicon
  886.     document.querySelector(`head>link[rel="shortcut icon"]`).href = `//abs.twimg.com/favicons/twitter.ico`
  887.  
  888.     // Add style
  889.     GM_addStyle(
  890.       `header h1 a[href="/home"] {
  891.         margin: 6px 4px 2px;
  892.       }
  893.       header h1 a[href="/home"] div {
  894.           background-image: url("${SVG}");
  895.           background-size: contain;
  896.           background-position: center;
  897.           background-repeat: no-repeat;
  898.           margin: 4px;
  899.       }
  900.       header h1 a[href="/home"] div svg {
  901.           display: none;
  902.       }
  903.       header h1 a[href="/home"] :hover :after {
  904.           content: "已被 Twitter-Block-Porn 替换";
  905.           font: message-box;
  906.           color: gray;
  907.           position: absolute;
  908.           left: 48px;
  909.       }`
  910.     )
  911.   })()
  912.  
  913.   main()
  914. })()