Greasy Fork is available in English.

displayMillisecOnTwitter

Twitter上の日時表示の場所をSnowFrakeを元にミリ秒単位の表示に修正します

// ==UserScript==
// @name        displayMillisecOnTwitter
// @namespace   https://twitter.com/kymn_
// @version     0.1.3
// @description Twitter上の日時表示の場所をSnowFrakeを元にミリ秒単位の表示に修正します
// @author      keymoon
// @license     MIT
// @supportURL  https://twitter.com/kymn_
// @match       https://twitter.com/*
// ==/UserScript==
(function(){
    //Body子要素更新の監視(急激なページレイアウトの変化、要するにユーザーページ等他ページとの遷移)
    (() => {
        const body = document.getElementsByTagName('body')[0];
        const bodyobserver = new MutationObserver(records => {resetObserver()});
        const bodyoptions = {childList:true,subtree:false}
        bodyobserver.observe(body,bodyoptions)

        var lastHref;
        var observers;
        //ページが更新されたらHrefが変わったか確認、変わってたらObserver張替え
        function resetObserver(){
            if(location.href === lastHref) return;
            lastHref = location.href;
            if(observers){
                console.dir(observers);
                observers.forEach(x => x.disconnect());
            }
            observers = [];
            console.dir("update");
            //タイムライン更新の監視
            observers.push((() => {
                //始めに一回オーバーライドしてあげる
                OverrideToolTip();
                const target = document.getElementById('stream-items-id');
                const observer = new MutationObserver(records => {OverrideToolTip()})
                const options = {childList: true};
                observer.observe(target, options);
                return observer;
                //各ツイートのツールチップの書き換え
                function OverrideToolTip(){
                    $('.tweet-timestamp').each(function(index, element){
                        var date = getDateFromSnowFrake(element.getAttribute('data-conversation-id'));
                        if(!date)return;
                        element.setAttribute('title',formatDate(date));
                    })
                }
            })());

            //画像ツイート更新の監視
            observers.push((() => {
                const target = document.getElementsByClassName('GalleryTweet')[0];
                const observer = new MutationObserver(records => {OverrideTimeStamp()})
                const options = {attributes: true};
                observer.observe(target, options);
                return observer;
                //ツイートのメタデータ部の書き換え
                function OverrideTimeStamp(){
                    var timeStamp = target.getElementsByClassName('tweet-timestamp')[0];
                    if(!timeStamp)return;
                    var date = getDateFromSnowFrake(timeStamp.getAttribute("data-conversation-id"));
                    if(!date)return;
                    timeStamp.setAttribute('title',formatDate(date));
                }
            })());


            //ツイート詳細ウィンドウの開閉の監視
            observers.push((() => {
                const target = document.getElementsByClassName('PermalinkOverlay-modal')[0];
                const observer = new MutationObserver(records => {OverrideMetaData()})
                const options = {attributes: true,subtree:true};
                observer.observe(target, options);
                return observer;
                //ツイートのメタデータ部の書き換え
                function OverrideMetaData(){
                    var tweetContainer = target.getElementsByClassName('permalink-tweet')[0];
                    if(!tweetContainer)return;
                    var date = getDateFromSnowFrake(tweetContainer.getAttribute("data-tweet-id"));
                    if(!date)return;
                    target.getElementsByClassName('metadata')[0].textContent = formatDate(date);
                }
            })());

            //アカウント画面のアカウント登録日時
            (() => {
                var joinDate = document.getElementsByClassName("ProfileHeaderCard-joinDateText")[0];
                if(!joinDate)return;
                var date = getDateFromSnowFrake(document.getElementsByClassName("ProfileNav")[0].getAttribute("data-user-id"));
                if(!date)return;
                joinDate.setAttribute("title",formatDate(date))
            })();
        }
    })();

    function getDateFromSnowFrake(ID){
        if(ID < 10000000000) return;
        var unixTime = Math.floor(parseInt(ID) / 4194304) + 1288834974657;
        return new Date(unixTime);
    }
    function formatDate(date){
        return `${date.getHours()}:${date.getMinutes().toString().padStart(2,'0')}:${date.getSeconds().toString().padStart(2,'0')}.${date.getMilliseconds().toString().padStart(3,'0')} - ${1900 + date.getYear()}年${date.getMonth() + 1}月${date.getDate()}日`
    }
})();