すっきりtwitter

Twitterの余計なものを隠します(未完)
目前为 2020-10-28 提交的版本。查看最新版本。
Wrap lines
// ==UserScript==
// @name         すっきりtwitter
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Twitterの余計なものを隠します(未完)
// @author       y_kahou
// @match        https://twitter.com/*
// @grant        GM_setValue
// @grant        GM_getValue
// @noframes
// @require      http://code.jquery.com/jquery-3.5.1.min.js
// ==/UserScript==

var $ = window.jQuery;

// 先祖要素取得(idなしクラスも不定のtwitterは順番に遡るしかない)
$.fn.ancestor = function(generation = 1) {
    if (generation < 1) {
        return this;
    } else if (generation == 1) {
        return this.parent();
    } else {
        return this.parent().ancestor(generation - 1);
    }
}

function invertRgb(str_rgb) {
    var ary_rgb = str_rgb.match(/([0-9]+)/g);
    return 'rgb(' + ary_rgb.map(e => 255 - e).join(',') + ')';
}

function __css__() {/*
{* コメント *}
.rt-hide {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
}
.rt-modal {
    position: absolute;
    width: 400px;
    border-radius: 10px;
}
*/}
function addStyle() {
    var css = (__css__).toString()
        .match(/[^]*\/\*([^]*)\*\/\}$/)[1]
        .replace(/\{\*/g, '/*')
        .replace(/\*\}/g, '*/');
    
    // 非表示設定
    var hc = GM_getValue('hide_selector');
    if (Array.isArray(hc)) {
        hc.forEach((c) => {
            if (typeof c == 'string') css += `${c} { display: none; } `
        })
    }
    $('head').append(`<style id="mystyle" type="text/css">${css}</style>`)
}

function killObstruction(word) {
    const bar = ".r-1or9b2r";
    
    var obstruct = $(`span:contains("${word}")`).filter(function() {
        return $(this).text() === word;
    }).ancestor(5);
    if (!obstruct[0]) return;
    
    var dom = obstruct.prev().prev();
    var list = [dom[0]];
    for (var i = 0; i < 20; i++) {
        dom = $(dom).next();
        list.push(dom[0]);
        if (dom.find(bar)[0]) break;
    }
    if (list.length < 20) {
        list.forEach(dom => $(dom).hide());
    }
}


function observer() {
    $('html').off('DOMSubtreeModified propertychange');
    
    var rtText = $('span[data-testid="socialContext"]');
    rtText.each(function() {
        if ($(this).hasClass("hide")) return true;
        $(this).addClass("hide");
        
        var rtLine = $(this).ancestor(10);
        var menu = $('<div class="rt-hide"></div>');
        $(menu).insertAfter(rtLine);
        $(menu).next().hide();
        menu.ancestor(2).next('a').hide();
        
        var tweet = menu.ancestor(5);
        tweet.hover(
        (e) => { // hover
            $('div[id="layers"]').append('<div class="rt-modal"></div>');
            $('.rt-modal').append(tweet.clone())
            $('.rt-modal').find('div[data-testid="tweet"]').show();
            
            var pos_a = (window.outerHeight / 2) > e.clientY ? 'top' : 'bottom';
            var pos_b = (window.outerHeight / 2) > e.clientY ? e.pageY+10 : -e.pageY+10;
            $('.rt-modal').css({
                [pos_a]: `${pos_b}px`,
                'left': `${e.pageX-200}px`,
                'background': $('body').css('background-color'),
                'box-shadow': '0 0 14px 0 ' + invertRgb($('body').css('background-color'))
            });
        },
        (e) => { // out
            $('.rt-modal').remove();
        });
    });
    
    killObstruction("おすすめユーザー");
    killObstruction("おすすめトピック");
    
    // 一定間隔ごとしか動かないように
    setTimeout(function() {
        $('html').on('DOMSubtreeModified propertychange', observer);
    }, 1000);
}


(function() {
    'use strict';
    addStyle();
    observer();
})();
欢迎访问Greasy Fork镜像
