ローカルコード

「TwAvoid」の更新 

●「Tampermonkey」で　「TwAvoid」ver. 0.8  の登録をクリックして、コードの編集画面を開きます。

以下のコードで「ver. 0.8」のコードを上書きして、編集画面を「保存」します。

「TwAvoid」　ver. 0.9

// ==UserScript==
// @name         TwAvoid
// @namespace    http://tampermonkey.net/
// @version      0.9
// @description  Twitter Filter
// @author        Everyone
// @match        https://twitter.com/*
// @match        https://x.com/*
// @icon           https://www.google.com/s2/favicons?sz=64&domain=twitter.com
// @grant        none
// ==/UserScript==


let mode; // フィルターの追加「1」削除「0」
let mode_lt; // Link「0」・Text「1」 の処理選択
let avoid=[]; // リンクフィルターの配列
let avoid_tx=[]; // テキストフィルターの配列
let avoid_regexp; // 正規表現オブジェクト
let home_ua; // 開いているタイムラインのユーザーアカウント


let read_json=localStorage.getItem('TwAvoid_Link'); // ローカルストレージ保存名
avoid=JSON.parse(read_json);
if(avoid==null){
    avoid=['temporary-link']; }

read_json=localStorage.getItem('TwAvoid_Text'); // ローカルストレージ保存名
avoid_tx=JSON.parse(read_json);
if(avoid_tx==null){
    avoid_tx=[]; }
new_reg();

function new_reg(){
    if(avoid_tx.length==0){
        avoid_regexp=0; } // 配列の子要素が0の場合は特別処理
    if(avoid_tx.length>0){
        let tmp_ex=avoid_tx.join('|');
        avoid_regexp=new RegExp(tmp_ex); }}



setTimeout(()=>{
    page_ck();
    let target=document.querySelector('head title');
    let monitor0=new MutationObserver(page_ck);
    monitor0.observe(target, { childList: true });
}, 200);


function page_ck(){
    home_ua='/'+ location.pathname.split('/')[1];

    let retry=0;
    let interval=setInterval(wait_target, 100);
    function wait_target(){
        retry++;
        if(retry>50){ // リトライ制限 5secまで
            clearInterval(interval); }
        let time_line=get_line(); // 監視 target
        if(time_line){
            clearInterval(interval);
            main();
            let monitor1=new MutationObserver(main);
            monitor1.observe(time_line, { childList: true }); }}

    function get_line(){
        let cell=document.querySelector('[data-testid="cellInnerDiv"]');
        if(cell){
            let container=cell.parentNode;
            return container; }}

} // page_ck()



let count=0; // 非表示にした件数
let un_count=0; // 非表示にしなかった件数
let fuse=0; // 0 : フィルター処理 ON　1 : フィルター処理 OFF

s_meter();

function s_meter(){
    count=0;
    un_count=0;

    setTimeout(()=>{
        if(fuse_value(count, un_count)>6){ // 70%以上が非表示の場合 🟦
            fuse=1;
            let ok=confirm(
                '💢 OVERLOAD 💢\n'+
                '不適当なフィルターの設定で、通信過剰に陥っています\n'+
                '以下のどちらかの方法でフィルター設定を変更してください\n\n'+
                '❶ 「OK」➔ フィルター設定を変更する\n'+
                '❷ 「キャンセル」➔ タイムラインの表示に戻る');
            if(ok){
                disp_panel();
                mode=0;
                mode_lt=0;
                set_link('');
                s_meter(); }
            else{
                s_meter(); }}
        else{
            fuse=0;
            s_meter(); }
    }, 3000); } // 3secごとの集計 🟦


function fuse_value(c, un_c){
    if(c+un_c>50){ // 3secの処理件数 上限 🟦
        let av=Math.round(10*c/(c+un_c));
        return av; }
    else{
        return 0; }}



function main(){
    if(fuse==0){

        let cell=document.querySelectorAll('[data-testid="cellInnerDiv"]');
        for(let k=0; k<cell.length; k++){
            if(cell[k].style.opacity!='2'){
                engine(cell[k]);
                cell[k].style.opacity='2' }}


        function engine(tweet){
            let hav=0;
            let all_link=tweet.querySelectorAll('a');
            let url=[];
            for(let i=0; i<all_link.length; i++){
                url.push(select_url(all_link[i])); }
            if(check_url(url)){ // check1
                hav=1; }
            else{
                if(avoid_regexp!=0){ // 0の時は処理しない
                    let tweet_text=tweet.textContent;
                    if(avoid_regexp.test(tweet_text)){ // check2
                        hav=1; }}}

            if(hav==1){
                count+=1;
                tweet.style.display='none'; }
            else{
                un_count+=1; }
        } // engine()


        function select_url(get_url){
            let get=get_url.getAttribute('href');
            if(get!=home_ua){
                return get; }}

        function check_url(url){
            let result=url.filter(data=>avoid.includes(data));
            if(result.length>0){
                return true; }}
    }


    setTimeout(()=>{
        let layers=document.querySelector('#layers');
        let monitor2=new MutationObserver(card_ck);
        monitor2.observe(layers, { childList: true });
    }, 200);

} // main()




function link_pointer(event){
    let elem=document.elementFromPoint(event.clientX, event.clientY);
    if(elem){
        let link_a=elem.closest('a');
        if(link_a){
            event.preventDefault();
            event.stopImmediatePropagation();
            let link_url=link_a.getAttribute('href');
            disp_panel();
            mode=1;
            mode_lt=0;
            set_link(link_url);
        }}}


document.addEventListener('contextmenu', function(event){
    if(event.altKey){
        link_pointer(event); }});


document.addEventListener('click', function(event){
    if(event.altKey){
        event.preventDefault();
        link_pointer(event); }});


function card_ck(){
    let card=document.querySelector('[data-testid="hoverCardParent"]');
    if(card){
        card.addEventListener('contextmenu', function(event){
            if(event.altKey){
                link_pointer(event); }});

        card.addEventListener('click', function(event){
            if(event.altKey){
                event.preventDefault();
                link_pointer(event); }});
    }} // card_ck()



function disp_panel(){
    let panel=
        '<div id="twa_panel">'+
        '<div class="swich_box">'+
        '<div class="swich">'+
        '<input class="li_tx" type="button" value="Link">'+
        '<input class="add_b" type="button" value="フィルター追加">'+
        '<input class="rem_b" type="button" value="フィルター削除">'+
        '</div>'+
        '<div class="twa_file">'+
        '<input class="memo_w" type="button" value="ファイルに保存する">'+
        '<input class="memo_r" type="button" value="ファイルから読込む">'+
        '<input class="twa_file_input" type="file">'+
        '</div>'+
        '<input class="twa_memo" type="button" value="M">'+
        '<input class="twa_close" type="button" value="✖">'+
        '</div>'+
        '<div>'+
        '<input class="set_box" type="text">'+
        '</div>'+
        '<div class="avoid_list">'+
        '<ul class="avoid_ul"></ul>'+
        '</div>'+

        '<style>#twa_panel { position: fixed; top: 60px; right: 40px; width: 360px; '+
        'font: 16px Meiryo; color: #000; background: #f4fbff; padding: 15px; overflow: hidden; '+
        'border: 1px solid #aaa; border-radius: 6px; box-shadow: 10px 20px 30px 0 #ccc; } '+
        '.swich_box { display: flex; height: 30px; align-items: center; '+
        'justify-content: space-between; } '+
        '.swich_box input { padding: 3px 7px 2px; border: 1px solid #aaa; '+
        'border-radius: 4px; height: 27px; } '+
        '.swich_box input.li_tx { font: normal 16px/23px Meiryo; } '+
        '.swich { display: flex; justify-content: space-between; width: 280px; } '+
        '.set_box { font: 16px Meiryo; padding: 4px 10px 3px; margin: 10px 0; '+
        'width: calc(100% - 23px); } '+

        '.twa_file { position: absolute; top: 17px; left: 15px; z-index: 1; '+
        'background: #fff; box-shadow: 0 0 0 100vh #fff; display: none; } '+
        '.memo_w { margin-right: 10px; } '+
        '.twa_file_input { display: none; } '+
        '.twa_memo, .twa_close { z-index: 1; } '+

        '.set_box::placeholder { font-size: 14px; } '+
        '.avoid_list { margin: 10px 0 0; padding: 4px 0; min-height: 30px; '+
        'max-height: 240px; border: 1px solid #aaa; overflow-y: scroll; } '+
        '.avoid_ul { list-style: none; padding: 0; margin: 0; } '+
        '.avoid_ul.rem { background: #fff; } '+
        '.avoid_ul.rem .avoid_li { cursor: pointer; } '+
        '.avoid_li { padding: 3px 10px 0; height: 26px; border-bottom: 1px solid #ddd; '+
        'white-space: nowrap; overflow-x: scroll; scrollbar-width: none; } '+
        '.avoid_li:first-child { border-top: 1px solid #ddd; } '+
        '.avoid_li::-webkit-scrollbar { display: none; } '+
        '</style></div>';

    if(!document.querySelector('#twa_panel')){
        document.body.insertAdjacentHTML('beforeend', panel); }

    file_menu();

} // disp_panel()



function set_link(str){
    let twa_panel=document.querySelector('#twa_panel');
    let set_box=document.querySelector('.set_box');
    if(set_box){
        set_box.value=str; }
    set_new_link();

    if(mode==1){
        add_link(); }
    else{
        rem_link(); }


    let li_tx=document.querySelector('.li_tx');
    if(li_tx && twa_panel){
        if(mode_lt==0){
            li_tx.value='Link';
            twa_panel.style.background='#f4fbff'; }
        else{
            li_tx.value='Text';
            twa_panel.style.background='#fff7e4'; }

        li_tx.onclick=()=>{
            if(mode_lt==0){
                mode_lt=1;
                li_tx.value='Text';
                twa_panel.style.background='#fff7e4';
                set_link(''); }
            else{
                mode_lt=0;
                li_tx.value='Link';
                twa_panel.style.background='#f4fbff';
                set_link(''); }}}


    let twa_close=document.querySelector('.twa_close');
    if(twa_panel && twa_close){
        twa_close.onclick=()=>{
            twa_panel.remove(); }}

} // set_link()



function add_link(){
    let add_b=document.querySelector('.add_b');
    add_b.style.outline='2px solid #2196f3';
    let rem_b=document.querySelector('.rem_b');
    rem_b.style.outline='';
    let set_box=document.querySelector('.set_box');
    set_box.disabled=false;
    set_box.style.borderColor='';
    set_box.style.background='';
    if(mode_lt==0){
        set_box.setAttribute('placeholder', 'ページ上のリンクを「Alt+右Click」して採取'); }
    else{
        set_box.setAttribute('placeholder', 'テキストを記入するかコピーして貼付けます'); }
    let avoid_ul=document.querySelector('.avoid_ul');
    avoid_ul.classList.remove('rem');


    add_b.onclick=()=>{
        let link_str=set_box.value;
        if(link_str!=''){
            if(space_check(link_str)){
                alert("⛔ 空白文字が含まれています"); }
            else if(mode_lt==0 && avoid.includes(link_str)){
                alert("⛔ 既に登録済のリンクコードです"); }
            else if(mode_lt==1 && avoid_tx.includes(link_str)){
                alert("⛔ 既に登録済のテキストです"); }
            else{
                set_box.value='';
                if(mode_lt==0 ){
                    avoid.push(link_str); }
                else{
                    avoid_tx.push(link_str); }
                set_new_link(); }}

        function space_check(str){
            let check=/\s+/g;
            if(check.test(str)){
                return true; }}}


    rem_b.onclick=()=>{
        mode=0;
        set_link(''); }

} // add_link()



function rem_link(){
    let add_b=document.querySelector('.add_b');
    add_b.style.outline='';
    let rem_b=document.querySelector('.rem_b');
    rem_b.style.outline='2px solid #2196f3';
    let set_box=document.querySelector('.set_box');
    set_box.setAttribute('placeholder', '下のフィルターリストを「左Click」して指定');
    set_box.disabled=true;
    set_box.style.borderColor='transparent';
    set_box.style.background='transparent';
    let avoid_ul=document.querySelector('.avoid_ul');
    avoid_ul.classList.add('rem');


    let avoid_li=document.querySelectorAll('.avoid_li');
    for(let k=0; k<avoid_li.length; k++){
        avoid_li[k].onclick=()=>{
            clear();
            rem_b.style.outline='2px solid red';
            avoid_li[k].style.background='#cfd8dc'; }}

    function clear(){
        let avoid_li=document.querySelectorAll('.avoid_li');
        for(let k=0; k<avoid_li.length; k++){
            avoid_li[k].style.background=''; }}


    rem_b.onclick=()=>{
        let avoid_li=document.querySelectorAll('.avoid_li');
        for(let k=0; k<avoid_li.length; k++){
            if(avoid_li[k].style.background){
                let select_text=avoid_li[k].textContent;
                if(mode_lt==0){
                    avoid=avoid.filter(function(item){
                        return item!=select_text; }); }
                else{
                    avoid_tx=avoid_tx.filter(function(item){
                        return item!=select_text; }); }
                set_new_link();
                rem_link(); }}}


    add_b.onclick=()=>{
        mode=1;
        set_link(''); }

} // rem_link()



function set_new_link(){
    if(mode_lt==0){
        let set=new Set(avoid);
        avoid=[...set]; // 追加分をチェックして配列を更新
        let write_json=JSON.stringify(avoid);
        localStorage.setItem('TwAvoid_Link', write_json); } // ストレージ保存
    else{
        let set_tx=new Set(avoid_tx);
        avoid_tx=[...set_tx]; // 追加分をチェックして配列を更新
        let write_json=JSON.stringify(avoid_tx);
        localStorage.setItem('TwAvoid_Text', write_json); } // ストレージ保存

    new_reg(); // テキスト検索設定を更新

    let avoid_ul=document.querySelector('.avoid_ul');
    if(avoid_ul){
        avoid_ul.innerHTML=''; // リスト表示をクリア

        if(mode_lt==0){
            for(let k=avoid.length-1; k>=0; k--){
                let link_li='<li class="avoid_li">'+ avoid[k] +'</li>';
                avoid_ul.insertAdjacentHTML('beforeend', link_li); }}
        else{
            for(let k=avoid_tx.length-1; k>=0; k--){
                let link_li='<li class="avoid_li">'+ avoid_tx[k] +'</li>';
                avoid_ul.insertAdjacentHTML('beforeend', link_li); }}}

} // set_new_link()



function file_menu(){
    let act=0; // メニュー非表示

    let twa_memo=document.querySelector('.twa_memo');
    let twa_file=document.querySelector('.twa_file');
    if(twa_memo && twa_file){
        if(act==0){
            twa_file.style.display='none' }
        else{
            act=1;
            twa_file.style.display='block';
            backup(); }

        twa_memo.onclick=()=>{
            if(act==0){
                act=1;
                twa_file.style.display='block';
                backup(); }
            else{
                act=0;
                twa_file.style.display='none'; }}}


    function file_menu_close(n){
        twa_file.style.boxShadow='0 0 0 100vh #b0bec5';
        setTimeout(()=>{
            act=0;
            twa_file.style.display='none';
            twa_file.style.boxShadow='0 0 0 100vh #fff';
            if(n==1){
                let twa_panel=document.querySelector('#twa_panel');
                if(twa_panel){
                    twa_panel.remove(); }}
        }, 500); }


    function backup(){
        let memo_w=document.querySelector('.memo_w');
        let memo_r=document.querySelector('.memo_r');
        let twa_file_input=document.querySelector('.twa_file_input');

        memo_w.onclick=function(){
            let write_json=JSON.stringify(avoid); // 配列 avoid を取得
            let blob=new Blob([write_json], {type: 'application/json'});

            let a_elem=document.createElement('a');
            a_elem.href=URL.createObjectURL(blob);
            a_elem.download='TwAvoid_L.json'; // 保存ファイル名
            a_elem.click();
            URL.revokeObjectURL(a_elem.href);

            write_json=JSON.stringify(avoid_tx); // 配列 avoid_tx を取得
            blob=new Blob([write_json], {type: 'application/json'});
            let b_elem=document.createElement('a');
            b_elem.href=URL.createObjectURL(blob);
            b_elem.download='TwAvoid_T.json'; // 保存ファイル名
            b_elem.click();
            URL.revokeObjectURL(b_elem.href);

            file_menu_close(0); }


        memo_r.onclick=function(){
            twa_file_input.click(); }

        twa_file_input.addEventListener("change", function(){
            if(!(twa_file_input.value)) return; // ファイルが選択されない場合
            let file_list=twa_file_input.files;
            if(!file_list) return; // ファイルリストが選択されない場合
            let file=file_list[0];

            if(!file){
                return; } // ファイルが無い場合

            else if(file.name.includes('TwAvoid_L')){ // リンクの配列
                let file_reader=new FileReader();
                file_reader.readAsText(file);
                file_reader.onload=function(){
                    let data_in=JSON.parse(file_reader.result);
                    let new_arr=Array.from(new Set([...avoid, ...data_in])); // 差分を追加
                    avoid=new_arr;
                    let write_json=JSON.stringify(avoid);
                    localStorage.setItem('TwAvoid_Link', write_json); } // ストレージ保存
                file_menu_close(1); }

            else if(file.name.includes('TwAvoid_T')){ // テキストの配列
                let file_reader=new FileReader();
                file_reader.readAsText(file);
                file_reader.onload=function(){
                    let data_in=JSON.parse(file_reader.result);
                    let new_arr=Array.from(new Set([...avoid_tx, ...data_in])); // 差分を追加
                    avoid_tx=new_arr;
                    let write_json=JSON.stringify(avoid_tx);
                    localStorage.setItem('TwAvoid_Text', write_json); // ストレージ保存
                    new_reg(); }
                file_menu_close(1); }

        });
    } // backup()

} // file_menu()

データの移植方法

◎「twitter.com」のドメインで開いた任意の画面で、「TwAvoid」で「ファイル保存」を行います。

◎「x.com」のドメインで任意のツイッター画面を開き、「TwAvoid」の「ファイルの読込み」の機能で、保存したファイルを指定してデータを読込みます。

◎ 読込みは、「TwAvoid_L.json」「TwAvoid_T.json」の2種のファイルを、別々に読込む操作が必要です。

 実際のファイル操作 ❶

ツイッター画面で、ページ上の任意のリンクを「Alt+右Click」すると、「TwAvoid」の操作パネルが開きます。

このパネルの閉じる「✖」ボタンの左に「M」（メモ）のボタンを配置しました。

●「M」ボタンを押すと、ファイルメニューが表示されます。

●「ファイルに保存する」を押すと、「TwAvoid_L.json」「TwAvoid_T.json」の 2個のファイルが、ダウンロードフォルダに保存されます。

▪ 複数回のファイル保存を行った場合は、自動的に連番が付きます。

（例）「TwAvoid_L.json」➔「TwAvoid_L(1).json」➔「TwAvoid_L(2).json」

 実際のファイル操作 ❷ 

「x.com」のドメインで、ツイッター画面を開き直します。

先と同様に「M」ボタンを押してファイルメニューを表示します。

●「ファイルから読込む」を押すと、読込むファイルを選択する画面が開きます。 

▪ 最初に「TwAvoid_L.json」を指定して開くと、パネルが暗転して閉じます。

▪ もういちどパネルを開き、「TwAvoid_T.json」を指定して開くと、再びパネルが暗転して閉じます。

▪ ファイルからの登録データの読込みは、差分の読込みです。 重複したデータは自動的に整理されます。 既に「x.com」で開いて「TwAvoid」で同録したデータがあっても、上書きで削除される事はありません。