thedesk/app/js/tl/tl.js

//TL取得
moreloading = false
var errorct = 0

function tl(type, data, acct_id, tlid, delc, voice, mode) {
    scrollevent()
    $('#unread_' + tlid + ' .material-icons').removeClass('teal-text')
    localStorage.removeItem('pool')
    var domain = localStorage.getItem('domain_' + acct_id)
        //タグとかの場合はカラム追加して描画
    if (tlid == 'add') {
        console.log('add new column')
        var newtab = $('.box').length
        if (type == 'tag') {
            data = {
                name: data,
                any: [],
                all: [],
                none: [],
            }
        }
        var add = {
            domain: acct_id,
            type: type,
            data: data,
        }
        var multi = localStorage.getItem('column')
        var obj = JSON.parse(multi)
        localStorage.setItem('card_' + obj.length, 'true')
        obj.push(add)
        var json = JSON.stringify(obj)
        localStorage.setItem('column', json)
        parseColumn('add')
        return
    }

    if (!type) {
        var type = localStorage.getItem('now')
        if (!type) {
            //デフォルト
            var type = 'local'
        }
    }
    if (type == 'mix' && localStorage.getItem('mode_' + domain) != 'misskey') {
        //Integratedなら飛ばす
        $('#notice_' + tlid).text(
            'Integrated TL(' +
            localStorage.getItem('user_' + acct_id) +
            '@' +
            domain +
            ')'
        )
        $('#notice_icon_' + tlid).text('merge_type')
        mixtl(acct_id, tlid, 'integrated', delc, voice)
        return
    } else if (type == 'plus') {
        //Local+なら飛ばす
        $('#notice_' + tlid).text(
            'Local+ TL(' +
            localStorage.getItem('user_' + acct_id) +
            '@' +
            domain +
            ')'
        )
        $('#notice_icon_' + tlid).text('people_outline')
        mixtl(acct_id, tlid, 'plus', delc, voice)
        return
    } else if (type == 'notf') {
        //通知なら飛ばす
        notf(acct_id, tlid, 'direct')
        $('#notice_' + tlid).text(
            cap(type, data, acct_id) +
            '(' +
            localStorage.getItem('user_' + acct_id) +
            '@' +
            domain +
            ')'
        )
        $('#notice_icon_' + tlid).text('notifications')
        return
    } else if (type == 'bookmark') {
        //ブックマークなら飛ばす
        getBookmark(acct_id, tlid)
        $('#notice_' + tlid).text(
            cap(type, data, acct_id) +
            '(' +
            localStorage.getItem('user_' + acct_id) +
            '@' +
            domain +
            ')'
        )
        $('#notice_icon_' + tlid).text('bookmark')
        return
    } else if (type == 'utl') {
        //UTLなら飛ばす
        getUtl(acct_id, tlid, data, false)
        $('#notice_' + tlid).text(
            cap(type, data, acct_id) +
            '(' +
            localStorage.getItem('user_' + acct_id) +
            '@' +
            domain +
            ')'
        )
        $('#notice_icon_' + tlid).text('person')
        return
    } else if (type == 'home') {
        //ホームならお知らせ「も」取りに行く
        announ(acct_id, tlid)
    }
    localStorage.setItem('now', type)
    todo(cap(type) + ' TL Loading...')
    var at = localStorage.getItem('acct_' + acct_id + '_at')
    if (type != 'noauth') {
        var hdr = {
            'content-type': 'application/json',
            Authorization: 'Bearer ' + at,
        }
        $('#notice_' + tlid).text(
            cap(type, data, acct_id) +
            '(' +
            localStorage.getItem('user_' + acct_id) +
            '@' +
            domain +
            ')'
        )
    } else {
        var hdr = {
            'content-type': 'application/json',
        }
        domain = acct_id
        $('#notice_' + tlid).text('Glance TL(' + domain + ')')
    }
    $('#notice_icon_' + tlid).text(icon(type))
    if (localStorage.getItem('mode_' + domain) == 'misskey') {
        var misskey = true
        var url = misskeycom(type, data)
        var start = 'https://' + domain + '/api/notes/' + url
        var method = 'POST'
        var req = {}
        if (type != 'noauth') {
            req.i = at
        }

        if (type == 'local-media' || type == 'pub-media') {
            req.mediaOnly = true
        }
        if (type == 'tag') {
            req.tag = data
        }
        if (type == 'list') {
            req.listId = data
        }
        req.limit = 20
        var i = {
            method: method,
            headers: hdr,
            body: JSON.stringify(req),
        }
    } else {
        var misskey = false
        var url = com(type, data, tlid)
        if (type == 'tag') {
            var tag = localStorage.getItem('tag-range')
            if (tag == 'local') {
                url = url + 'local=true'
            }
        }
        if (type == 'dm') {
            var start = 'https://' + domain + '/api/v1/conversations'
        } else {
            var start = 'https://' + domain + '/api/v1/timelines/' + url
        }
        var method = 'GET'
        var i = {
            method: method,
            headers: hdr,
        }
    }

    console.log(['Try to get timeline of ' + tlid, start])
    fetch(start, i)
        .then(function(response) {
            if (!response.ok) {
                response.text().then(function(text) {
                    $('#landing_' + tlid).append(`<div>${response.status}</div><div>${$.strip_tags(text)}`)
                    setLog(response.url, response.status, text)
                })
            }
            return response.json()
        })
        .catch(function(error) {
            todo(error)
            setLog(start, 'JSON', error)
            console.error(error)
        })
        .then(function(json) {
            if (!json) return true
            console.log(['Result of getting timeline of ' + tlid, json])
            $('#landing_' + tlid).hide()
            var mute = getFilterTypeByAcct(acct_id, type)
            if (misskey) {
                var templete = misskeyParse(json, type, acct_id, tlid, '', mute)
            } else {
                var templete = parse(json, type, acct_id, tlid, '', mute, type)
                localStorage.setItem('lastobj_' + tlid, json[0].id)
            }
            $('#timeline_' + tlid).html(templete)
            additional(acct_id, tlid)
            jQuery('time.timeago').timeago()
            todc()
            reload(type, 'from timeline to reload', acct_id, tlid, data, mute, delc, voice)
            if (type == 'home' || type == 'notf') {
                //Markers
                var markers = localStorage.getItem('markers')
                if (markers == 'yes') {
                    markers = true
                } else {
                    markers = false
                }
                if (markers) {
                    getMarker(tlid, type, acct_id)
                }
            }
            $(window).scrollTop(0)
        })
}

//Streaming接続
function reload(type, cc, acct_id, tlid, data, mute, delc, voice, mode) {
    if (!type) {
        var type = localStorage.getItem('now')
    }
    var domain = localStorage.getItem('domain_' + acct_id)
    var at = localStorage.getItem('acct_' + acct_id + '_at')
    localStorage.setItem('now', type)
    if (localStorage.getItem('mode_' + domain) == 'misskey') {
        var misskey = true
        var key = localStorage.getItem('misskey_wss_' + acct_id)
        var send =
            '{"type":"connect","body":{"channel":"' +
            typePs(type) +
            '","id":"' +
            tlid +
            '"}}'
        var mskyset = setInterval(function() {
            if (misskeywsstate[key]) {
                misskeyws[key].send(send)
                clearInterval(mskyset)
            }
        }, 100)
    } else {
        var domain = localStorage.getItem('domain_' + acct_id)
        if (mastodonBaseWsStatus[domain] == 'cannotuse') {
            oldStreaming(type, cc, acct_id, tlid, data, mute, delc, voice, mode)
        } else if (mastodonBaseWsStatus[domain] == 'undetected' || mastodonBaseWsStatus[domain] == 'connecting') {
            const mbws = setInterval(function() {
                if (mastodonBaseWsStatus[domain] == 'cannotuse') {
                    oldStreaming(type, cc, acct_id, tlid, data, mute, delc, voice, mode)
                    clearInterval(mbws)
                } else if (mastodonBaseWsStatus[domain] == 'available') {
                    $('#notice_icon_' + tlid).removeClass('red-text')
                    stremaingSubscribe(type, acct_id, data)
                    clearInterval(mbws)
                }
            }, 1000)
        } else if (mastodonBaseWsStatus[domain] == 'available') {
            $('#notice_icon_' + tlid).removeClass('red-text')
            stremaingSubscribe(type, acct_id, data)
        }
    }
}

function stremaingSubscribe(type, acct_id, data, unsubscribe) {
    let command = 'subscribe'
    if (unsubscribe) command = 'unsubscribe'
    let stream
    const domain = localStorage.getItem('domain_' + acct_id)
    if (type == 'home') return false
    if (type === 'local' || type === 'mix') { stream = 'public:local' } else if (type === 'local-media') { stream = 'public:local:media' } else if (type === 'pub') { stream = 'public' } else if (type === 'pub-media') { stream = 'public:media' } else if (type === 'list') {
        mastodonBaseWs[domain].send(JSON.stringify({ type: command, stream: 'list', list: data }))
        return true
    } else if (type === 'tag') {
        let arr = []
        let name = data
        if (data.name) name = data.name
        arr.push(name)
        console.log(data.any, data.all, acct_id, type)
        if (data.any) arr = arr.concat(data.any.split(','))
        if (data.all) arr = arr.concat(data.all.split(','))
        for (const tag of arr) {
            mastodonBaseWs[domain].send(JSON.stringify({ type: command, stream: 'hashtag', tag: tag }))
        }
        return true
    }
    mastodonBaseWs[domain].send(JSON.stringify({ type: command, stream: stream }))
}

function oldStreaming(type, cc, acct_id, tlid, data, mute, delc, voice, mode) {
    var misskey = false
    const domain = localStorage.getItem(`domain_${acct_id}`)
    var at = localStorage.getItem('acct_' + acct_id + '_at')
    if (localStorage.getItem('streaming_' + acct_id)) {
        var wss = localStorage.getItem('streaming_' + acct_id).replace('https://', 'wss://')
    } else {
        var wss = 'wss://' + domain
    }
    if (type == 'home') {
        var start = wss + '/api/v1/streaming/?stream=user&access_token=' + at
    } else if (type == 'pub') {
        var add = ''
        if (remoteOnlyCk(tlid)) {
            add = '&remote=true'
        }
        var start = wss + '/api/v1/streaming/?stream=public&access_token=' + at + add
    } else if (type == 'pub-media') {
        var add = ''
        if (remoteOnlyCk(tlid)) {
            add = '&remote=true'
        }
        var start =
            wss + '/api/v1/streaming/?stream=public:media&access_token=' + at + add
    } else if (type == 'local') {
        var start =
            wss + '/api/v1/streaming/?stream=public:local&access_token=' + at
    } else if (type == 'local-media') {
        var start =
            wss +
            '/api/v1/streaming/?stream=public:local:media&only_media=true&access_token=' +
            at
    } else if (type == 'tag') {
        var tag = localStorage.getItem('tag-range')
        if (tag == 'local') {
            data = data + '&local=true'
        }
        if (data.name) {
            data = data.name
        }
        var start =
            wss +
            '/api/v1/streaming/?stream=hashtag&tag=' +
            data +
            '&access_token=' +
            at + add
    } else if (type == 'noauth') {
        var start = 'wss://' + acct_id + '/api/v1/streaming/?stream=public:local'
    } else if (type == 'list') {
        var start =
            wss +
            '/api/v1/streaming/?stream=list&list=' +
            data +
            '&access_token=' +
            at
    } else if (type == 'dm') {
        var start = wss + '/api/v1/streaming/?stream=direct&access_token=' + at
    }
    var wsid = websocket.length
    localStorage.setItem('wss_' + tlid, wsid)
    websocket[wsid] = new WebSocket(start)
    websocket[wsid].onopen = function(mess) {
        console.table({
            tlid: tlid,
            type: 'Connect Streaming API' + type,
            domain: domain,
            message: [mess],
        })
        errorct = 0
        $('#notice_icon_' + tlid).removeClass('red-text')
    }
    websocket[wsid].onmessage = function(mess) {
        console.log([tlid + ':Receive Streaming API:', JSON.parse(mess.data)])
        if (misskey) {
            if (JSON.parse(mess.data).type == 'note') {
                var obj = JSON.parse(mess.data).body
                if (voice) {
                    say(obj.text)
                }
                websocketNotf[acct_id].send(
                    JSON.stringify({
                        type: 'capture',
                        id: obj.id,
                    })
                )
                var templete = misskeyParse([obj], type, acct_id, tlid, '', mute)
                var pool = localStorage.getItem('pool_' + tlid)
                if (pool) {
                    pool = templete + pool
                } else {
                    pool = templete
                }
                localStorage.setItem('pool_' + tlid, pool)
                scrollck()
                jQuery('time.timeago').timeago()
            }
        } else {
            var typeA = JSON.parse(mess.data).event
            if (typeA == 'delete') {
                var obj = JSON.parse(mess.data).payload
                if (delc == 'true') {
                    $(
                        '#timeline_' +
                        tlid +
                        ' [unique-id=' +
                        JSON.parse(mess.data).payload +
                        ']'
                    ).addClass('emphasized')
                    $(
                        '#timeline_' +
                        tlid +
                        ' [unique-id=' +
                        JSON.parse(mess.data).payload +
                        ']'
                    ).addClass('by_delcatch')
                } else {
                    $('[unique-id=' + JSON.parse(mess.data).payload + ']').hide()
                    $('[unique-id=' + JSON.parse(mess.data).payload + ']').remove()
                }
            } else if (typeA == 'update' || typeA == 'conversation') {
                if (!$('#unread_' + tlid + ' .material-icons').hasClass('teal-text')) {
                    //markers show中はダメ
                    var obj = JSON.parse(JSON.parse(mess.data).payload)
                    if (
                        $('#timeline_' + tlid + ' [toot-id=' + obj.id + ']').length < 1
                    ) {
                        if (voice) {
                            say(obj.content)
                        }
                        var templete = parse([obj], type, acct_id, tlid, '', mute, type)
                        if (
                            $('timeline_box_' + tlid + '_box .tl-box').scrollTop() === 0
                        ) {
                            $('#timeline_' + tlid).prepend(templete)
                        } else {
                            var pool = localStorage.getItem('pool_' + tlid)
                            if (pool) {
                                pool = templete + pool
                            } else {
                                pool = templete
                            }
                            localStorage.setItem('pool_' + tlid, pool)
                        }
                        scrollck()
                        additional(acct_id, tlid)
                        jQuery('time.timeago').timeago()
                    } else {
                        todo('二重取得発生中')
                    }

                    todc()
                }
            } else if (typeA == 'filters_changed') {
                filterUpdate(acct_id)
            } else if (~typeA.indexOf('announcement')) {
                announ(acct_id, tlid)
            }
        }
    }
    websocket[wsid].onerror = function(error) {
        console.error('Error closing')
        console.error(error)
        if (mode == 'error') {
            $('#notice_icon_' + tlid).addClass('red-text')
            todo('WebSocket Error ' + error)
        } else {
            errorct++
            console.log(errorct)
            if (errorct < 3) {
                reconnector(tlid, type, acct_id, data, 'error')
            }
        }
        return false
    }
    websocket[wsid].onclose = function() {
        console.warn('Closing ' + tlid)
        if (mode == 'error') {
            $('#notice_icon_' + tlid).addClass('red-text')
            todo('WebSocket Closed')
        } else {
            errorct++
            console.log(errorct)
            if (errorct < 3) {
                reconnector(tlid, type, acct_id, data, 'error')
            }
        }
        return false
    }
}
//一定のスクロールで発火
function moreload(type, tlid) {
    var multi = localStorage.getItem('column')
    var obj = JSON.parse(multi)
    var acct_id = obj[tlid].domain
    if (!type) {
        var type = obj[tlid].type
    } else {
        var data
    }
    if (type == 'tag') {
        var data = obj[tlid].data
        var tag = localStorage.getItem('tag-range')
        if (tag == 'local') {
            data = data + '&local=true'
        }
    } else if (type == 'list') {
        var data = obj[tlid].data
    }
    var sid = $('#timeline_' + tlid + ' .cvo')
        .last()
        .attr('unique-id')
    if (sid && !moreloading) {
        if (
            type == 'mix' &&
            localStorage.getItem(
                'mode_' + localStorage.getItem('domain_' + acct_id)
            ) != 'misskey'
        ) {
            mixmore(tlid, 'integrated')
            return
        } else if (
            type == 'plus' &&
            localStorage.getItem(
                'mode_' + localStorage.getItem('domain_' + acct_id)
            ) != 'misskey'
        ) {
            mixmore(tlid, 'plus')
            return
        } else if (type == 'notf') {
            notfmore(tlid)
            return
        } else if (type == 'tootsearch') {
            var data = obj[tlid].data
            moreTs(tlid, data)
            return
        } else if (type == 'bookmark') {
            getBookmark(acct_id, tlid, true)
            return
        } else if (type == 'utl') {
            var data = obj[tlid].data
            getUtl(acct_id, tlid, data, true)
            return
        }
        moreloading = true
        console.log('moreloading moreload '+tlid)
        localStorage.setItem('now', type)
        todo(cap(type) + ' TL MoreLoading')
        if (type != 'noauth') {
            var at = localStorage.getItem('acct_' + acct_id + '_at')
            var hdr = {
                'content-type': 'application/json',
                Authorization: 'Bearer ' + at,
            }
            var domain = localStorage.getItem('domain_' + acct_id)
        } else {
            var hdr = {
                'content-type': 'application/json',
            }
            domain = acct_id
        }
        if (localStorage.getItem('mode_' + domain) == 'misskey') {
            var misskey = true
            hdr = {
                'content-type': 'application/json',
            }
            var url = misskeycom(type, data)
            var start = 'https://' + domain + '/api/notes/' + url
            var method = 'POST'
            var req = {}
            if (type != 'noauth') {
                req.i = at
            }
            if (type == 'local-media' || type == 'pub-media') {
                req.mediaOnly = true
            }
            if (type == 'tag') {
                req.tag = data
            }
            if (type == 'list') {
                req.listId = data
            }
            req.untilId = sid
            req.limit = 20
            var i = {
                method: method,
                headers: hdr,
                body: JSON.stringify(req),
            }
        } else {
            var misskey = false
            var start =
                'https://' +
                domain +
                '/api/v1/timelines/' +
                com(type, data, tlid) +
                'max_id=' +
                sid
            if (type == 'dm') {
                var start =
                    'https://' + domain + '/api/v1/conversations?' + 'max_id=' + sid
            }
            var method = 'GET'
            var i = {
                method: method,
                headers: hdr,
            }
        }
        fetch(start, i)
            .then(function(response) {
                if (!response.ok) {
                    response.text().then(function(text) {
                        setLog(response.url, response.status, text)
                    })
                }
                return response.json()
            })
            .catch(function(error) {
                todo(error)
                setLog(start, 'JSON', error)
                console.error(error)
            })
            .then(function(json) {
                var mute = getFilterTypeByAcct(acct_id, type)
                if (misskey) {
                    var templete = misskeyParse(json, '', acct_id, tlid, '', mute)
                } else {
                    var templete = parse(json, '', acct_id, tlid, '', mute, type)
                }
                $('#timeline_' + tlid).append(templete)
                additional(acct_id, tlid)
                jQuery('time.timeago').timeago()
                moreloading = false
                todc()
            })
    }
}
//TL差分取得
function tlDiff(type, data, acct_id, tlid, delc, voice, mode) {
    console.log('Get diff of TL' + tlid)
    var multi = localStorage.getItem('column')
    var obj = JSON.parse(multi)
    var acct_id = obj[tlid].domain
    if (!type) {
        var type = obj[tlid].type
    } else {
        var data
    }
    if (type == 'tag') {
        var data = obj[tlid].data
        var tag = localStorage.getItem('tag-range')
        if (tag == 'local') {
            data = data + '&local=true'
        }
    } else if (type == 'list') {
        var data = obj[tlid].data
    }
    var sid = $('#timeline_' + tlid + ' .cvo')
        .first()
        .attr('unique-id')
    if (sid && !moreloading) {
        if (
            type == 'mix' &&
            localStorage.getItem(
                'mode_' + localStorage.getItem('domain_' + acct_id)
            ) != 'misskey'
        ) {
            return
        } else if (
            type == 'plus' &&
            localStorage.getItem(
                'mode_' + localStorage.getItem('domain_' + acct_id)
            ) != 'misskey'
        ) {
            return
        } else if (type == 'notf') {
            return
        }
        moreloading = true
        console.log('moreloading tldiff '+tlid)
        localStorage.setItem('now', type)
        todo(cap(type) + ' TL MoreLoading')
        if (type != 'noauth') {
            var at = localStorage.getItem('acct_' + acct_id + '_at')
            var hdr = {
                'content-type': 'application/json',
                Authorization: 'Bearer ' + at,
            }
            var domain = localStorage.getItem('domain_' + acct_id)
        } else {
            var hdr = {
                'content-type': 'application/json',
            }
            domain = acct_id
        }
        if (localStorage.getItem('mode_' + domain) == 'misskey') {
            var misskey = true
            hdr = {
                'content-type': 'application/json',
            }
            var url = misskeycom(type, data)
            var start = 'https://' + domain + '/api/notes/' + url
            var method = 'POST'
            var req = {}
            if (type != 'noauth') {
                req.i = at
            }
            if (type == 'local-media' || type == 'pub-media') {
                req.mediaOnly = true
            }
            if (type == 'tag') {
                req.tag = data
            }
            if (type == 'list') {
                req.listId = data
            }
            req.sinceId = sid
            req.limit = 20
            var i = {
                method: method,
                headers: hdr,
                body: JSON.stringify(req),
            }
        } else {
            var misskey = false
            var start =
                'https://' +
                domain +
                '/api/v1/timelines/' +
                com(type, data, tlid) +
                'since_id=' +
                sid
            if (type == 'dm') {
                var start =
                    'https://' + domain + '/api/v1/conversations?' + 'since_id=' + sid
            }
            var method = 'GET'
            var i = {
                method: method,
                headers: hdr,
            }
        }

        fetch(start, i)
            .then(function(response) {
                if (!response.ok) {
                    response.text().then(function(text) {
                        setLog(response.url, response.status, text)
                    })
                }
                return response.json()
            })
            .catch(function(error) {
                todo(error)
                setLog(start, 'JSON', error)
                console.error(error)
            })
            .then(function(json) {
                console.log(['Result diff of TL' + tlid, json])
                if (misskey) {
                    var templete = misskeyParse(json, '', acct_id, tlid, '', mute)
                } else {
                    var templete = parse(json, '', acct_id, tlid, '', mute, type)
                }
                $('#timeline_' + tlid).prepend(templete)
                additional(acct_id, tlid)
                jQuery('time.timeago').timeago()
                moreloading = false
                todc()
            })
    }
}
//TL再取得
function reloadTL(type, data, acct_id, key, delc, voice) {
    tl(type, data, acct_id, key, delc, voice, '')
}

//WebSocket切断
function tlCloser() {
    Object.keys(websocket).forEach(function(tlid) {
        if (websocketOld[tlid]) {
            websocketOld[tlid].close()
            console.log('%c Close Streaming API: Old' + tlid, 'color:blue')
        }
        if (websocket[0]) {
            console.log(websocket[0])
            websocket[tlid].close()
            console.log('%c Close Streaming API:' + tlid, 'color:blue')
        }
    })
    websocket = []
    Object.keys(wsHome).forEach(function(tlid) {
        if (wsHome[tlid]) {
            wsHome[tlid].close()
            console.log('%c Close Streaming API:Integrated Home' + tlid, 'color:blue')
        }
    })
    wsHome = []
    Object.keys(wsLocal).forEach(function(tlid) {
        if (wsLocal[tlid]) {
            wsLocal[tlid].close()
            console.log(
                '%c Close Streaming API:Integrated Local' + tlid,
                'color:blue'
            )
        }
    })
    wsLocal = []
    Object.keys(websocketNotf).forEach(function(tlid) {
        if (websocketNotf[tlid]) {
            websocketNotf[tlid].close()
            console.log('%c Close Streaming API:Notf' + tlid, 'color:blue')
        }
    })
    Object.keys(misskeyws).forEach(function(tlid) {
        if (misskeyws[tlid]) {
            misskeyws[tlid].close()
            console.log('%c Close Streaming API:Misskey' + tlid, 'color:blue')
        }
    })
    misskeyws = {}
}

//TLのタイトル
function cap(type, data, acct_id) {
    //独自ロケール
    var locale = localStorage.getItem('locale')
    if (locale == 'yes') {
        var locale = false
    }
    if (type == 'home') {
        if (localStorage.getItem('home_' + acct_id) && !locale) {
            var response = localStorage.getItem('home_' + acct_id)
        } else {
            var response = 'Home TL'
        }
    } else if (type == 'local') {
        if (localStorage.getItem('local_' + acct_id) && !locale) {
            var response = localStorage.getItem('local_' + acct_id)
        } else {
            var response = 'Local TL'
        }
    } else if (type == 'local-media') {
        if (localStorage.getItem('local_' + acct_id) && !locale) {
            var response =
                localStorage.getItem('local_' + acct_id) +
                '(' +
                lang.lang_tl_media +
                ')'
        } else {
            var response = 'Local TL(Media)'
        }
    } else if (type == 'pub') {
        if (localStorage.getItem('public_' + acct_id) && !locale) {
            var response = localStorage.getItem('public_' + acct_id)
        } else {
            var response = 'Federated TL'
        }
    } else if (type == 'pub-media') {
        if (localStorage.getItem('public_' + acct_id) && !locale) {
            var response =
                localStorage.getItem('public_' + acct_id) +
                '(' +
                lang.lang_tl_media +
                ')'
        } else {
            var response = 'Federated TL(Media)'
        }
    } else if (type == 'tag') {
        if (data) {
            if (data.name) {
                var response = '#' + escapeHTML(data.name)
            } else {
                var response = '#' + escapeHTML(data)
            }
        }
    } else if (type == 'list') {
        var ltitle = localStorage.getItem('list_' + data + '_' + acct_id)
        var response = 'List(' + ltitle + ')'
    } else if (type == 'notf') {
        if (localStorage.getItem('notification_' + acct_id) && !locale) {
            var response = localStorage.getItem('notification_' + acct_id)
        } else {
            var response = 'Notification TL'
        }
    } else if (type == 'noauth') {
        var response = 'Glance TL'
    } else if (type == 'dm') {
        var response = 'DM'
    } else if (type == 'mix') {
        if (
            localStorage.getItem(
                'mode_' + localStorage.getItem('domain_' + acct_id)
            ) == 'misskey'
        ) {
            var response = 'Social TL'
        } else {
            var response = 'Integrated'
        }
    } else if (type == 'plus') {
        var response = 'Local+'
    } else if (type == 'webview') {
        var response = 'Twitter'
    } else if (type == 'tootsearch') {
        var response = 'tootsearch(' + escapeHTML(data) + ')'
    } else if (type == 'bookmark') {
        var response = 'Bookmarks'
    } else if (type == 'utl') {
        var response = 'User TL(' + escapeHTML(data.acct) + ')'
    }
    return response
}

//TLのURL
function com(type, data, tlid) {
    if (type == 'home') {
        return 'home?'
    } else if (type == 'local' || type == 'noauth') {
        return 'public?local=true&'
    } else if (type == 'local-media') {
        return 'public?local=true&only_media=true&'
    } else if (type == 'pub') {
        var add = ''
        if (remoteOnlyCk(tlid)) {
            add = 'remote=true&'
        }
        return 'public?' + add
    } else if (type == 'pub-media') {
        var add = ''
        if (remoteOnlyCk(tlid)) {
            add = 'remote=true&'
        }
        return 'public?only_media=true&' + add
    } else if (type == 'tag') {
        if (data.name) {
            var name = data.name
            var all = data.all
            var any = data.any
            var none = data.none
        } else {
            var name = data
            var all = ''
            var any = ''
            var none = ''
        }
        return `tag/${name}?${buildQuery('all', all)}${buildQuery(
			'any',
			any
		)}${buildQuery('none', none)}`.slice(0, -1)
    } else if (type == 'list') {
        return 'list/' + data + '?'
    } else if (type == 'dm') {
        return 'direct?'
    } else if (type == 'bookmark') {
        return 'bookmarks?'
    }
}
//Misskey
function typePs(type) {
    if (type == 'home') {
        return 'homeTimeline'
    } else if (type == 'local' || type == 'noauth') {
        return 'localTimeline'
    } else if (type == 'local-media') {
        return 'localTimeline'
    } else if (type == 'pub') {
        return 'globalTimeline'
    } else if (type == 'mix') {
        return 'hybridTimeline'
    } else if (type == 'tag') {
        return 'hashtag'
    } else if (type == 'list') {
        return 'userList'
    }
}

function misskeycom(type, data) {
    if (type == 'home') {
        return 'timeline'
    } else if (type == 'mix') {
        return 'hybrid-timeline'
    } else if (type == 'local' || type == 'noauth') {
        return 'local-timeline'
    } else if (type == 'local-media') {
        return 'local-timeline'
    } else if (type == 'pub') {
        return 'global-timeline'
    } else if (type == 'pub-media') {
        return 'global-timeline'
    } else if (type == 'tag') {
        return 'search_by_tag'
    } else if (type == 'list') {
        return 'user-list-timeline'
    }
}

//TLのアイコン
function icon(type) {
    if (type == 'home') {
        var response = 'home'
    } else if (type == 'local') {
        var response = 'people_outline'
    } else if (type == 'local-media') {
        var response = 'people_outline'
    } else if (type == 'pub') {
        var response = 'language'
    } else if (type == 'pub-media') {
        var response = 'language'
    } else if (type == 'tag') {
        var response = 'whatshot'
    } else if (type == 'list') {
        var response = 'view_headline'
    } else if (type == 'notf') {
        var response = 'notifications'
    } else if (type == 'noauth') {
        var response = 'people_outline'
    } else if (type == 'dm') {
        var response = 'mail_outline'
    } else if (type == 'mix') {
        var response = 'merge_type'
    } else if (type == 'plus') {
        var response = 'merge_type'
    } else if (type == 'webview') {
        var response = 'language'
    } else if (type == 'tootsearch') {
        var response = 'search'
    } else if (type == 'bookmark') {
        var response = 'bookmark'
    }
    return response
}

function reconnector(tlid, type, acct_id, data, mode) {
    console.log('%c Reconnector:' + mode + '(timeline' + tlid + ')', 'color:pink')
    if (type == 'mix' || type == 'integrated' || type == 'plus') {
        if (localStorage.getItem('voice_' + tlid)) {
            var voice = true
        } else {
            var voice = false
        }
        var mute = getFilterTypeByAcct(acct_id, type)
        var wssh = localStorage.getItem('wssH_' + tlid)
        wsHome[wssh].close()
        var wssl = localStorage.getItem('wssL_' + tlid)
        wsLocal[wssl].close()
        mixre(acct_id, tlid, type, mute, '', voice, mode)
    } else if (type == 'notf') {
        notfColumn(acct_id, tlid, '')
    } else {
        var wss = localStorage.getItem('wss_' + tlid)
        websocket[wss].close()
        if (localStorage.getItem('voice_' + tlid)) {
            var voice = true
        } else {
            var voice = false
        }
        var mute = getFilterTypeByAcct(acct_id, type)
        var domain = localStorage.getItem('domain_' + acct_id)
    }
    M.toast({ html: lang.lang_tl_reconnect, displayLength: 2000 })
}

function columnReload(tlid, type) {
    $('#notice_icon_' + tlid).addClass('red-text')
    $('#unread_' + tlid + ' .material-icons').removeClass('teal-text')
    var multi = localStorage.getItem('column')
    var obj = JSON.parse(multi)
    var acct_id = obj[tlid].domain
    var domain = localStorage.getItem('domain_' + acct_id)
    if (mastodonBaseWsStatus[domain] == 'available') {
        stremaingSubscribe(type, acct_id, obj[tlid].data, true)
        parseColumn(tlid, true)
        return true
    }
    if (type == 'mix' || type == 'integrated' || type == 'plus') {
        if (localStorage.getItem('voice_' + tlid)) {
            var voice = true
        } else {
            var voice = false
        }
        var mute = getFilterTypeByAcct(acct_id, type)
        var wssh = localStorage.getItem('wssH_' + tlid)
        wsHome[wssh].close()
        var wssl = localStorage.getItem('wssL_' + tlid)
        wsLocal[wssl].close()
        parseColumn(tlid)
    } else if (type == 'notf') {
        $('#notice_icon_' + tlid).removeClass('red-text')
        notfColumn(acct_id, tlid, '')
    } else if (type == 'bookmark') {
        $('#notice_icon_' + tlid).removeClass('red-text')
        getBookmark(acct_id, tlid, false)
    } else {

        var wss = localStorage.getItem('wss_' + tlid)
        websocket[wss].close()
        parseColumn(tlid, false)
    }
}
//Markers
function getMarker(tlid, type, acct_id) {
    var domain = localStorage.getItem('domain_' + acct_id)
    var at = localStorage.getItem('acct_' + acct_id + '_at')
    if (type == 'home') {
        var add = 'home'
    } else if (type == 'notf') {
        var add = 'notifications'
    }
    var start = 'https://' + domain + '/api/v1/markers?timeline=' + add
    fetch(start, {
            method: 'GET',
            headers: {
                'content-type': 'application/json',
                Authorization: 'Bearer ' + at,
            },
        })
        .then(function(response) {
            if (!response.ok) {
                response.text().then(function(text) {
                    setLog(response.url, response.status, text)
                })
            }
            return response.json()
        })
        .catch(function(error) {
            $('#unread_' + tlid).attr(
                'title',
                lang.lang_layout_unread + ':' + lang.lang_nothing
            )
            $('#unread_' + tlid).attr('data-id', '')
            return false
        })
        .then(function(json) {
            if (json) {
                if (json[add]) {
                    json = json[add]
                    $('#unread_' + tlid).attr(
                        'title',
                        lang.lang_layout_unread +
                        ':' +
                        json.updated_at +
                        ' v' +
                        json.version
                    )
                    $('#unread_' + tlid).attr('data-id', json.last_read_id)
                } else {
                    $('#unread_' + tlid).attr(
                        'title',
                        lang.lang_layout_unread + ':' + lang.lang_nothing
                    )
                    $('#unread_' + tlid).attr('data-id', '')
                }
            } else {
                $('#unread_' + tlid).attr(
                    'title',
                    lang.lang_layout_unread + ':' + lang.lang_nothing
                )
                $('#unread_' + tlid).attr('data-id', '')
            }
        })
}

function showUnread(tlid, type, acct_id) {
    if ($('#unread_' + tlid + ' .material-icons').hasClass('teal-text')) {
        goTop(tlid)
        return
    }
    $('#unread_' + tlid + ' .material-icons').addClass('teal-text')
    var domain = localStorage.getItem('domain_' + acct_id)
    var at = localStorage.getItem('acct_' + acct_id + '_at')
    var id = $('#unread_' + tlid).attr('data-id')
    if (type == 'home') {
        var add = 'timelines/home?min_id=' + id
    } else if (type == 'notf') {
        var add = 'notifications?min_id=' + id
    }
    var start = 'https://' + domain + '/api/v1/' + add
    fetch(start, {
            method: 'GET',
            headers: {
                'content-type': 'application/json',
                Authorization: 'Bearer ' + at,
            },
        })
        .then(function(response) {
            if (!response.ok) {
                response.text().then(function(text) {
                    setLog(response.url, response.status, text)
                })
            }
            return response.json()
        })
        .catch(function(error) {
            todo(error)
            setLog(start, 'JSON', error)
            console.error(error)
        })
        .then(function(json) {
            if (!json || !json.length) {
                columnReload(tlid, type)
            }
            var mute = getFilterTypeByAcct(acct_id, type)
            var templete = parse(json, type, acct_id, tlid, '', mute, type)
            var len = json.length - 1
            $('#timeline_' + tlid).html(templete)
            if ($('#timeline_' + tlid + ' .cvo:eq(' + len + ')').length) {
                var to = $('#timeline_' + tlid + ' .cvo:eq(' + len + ')').offset().top
                $('#timeline_box_' + tlid + '_box .tl-box').scrollTop(to)
            }
            additional(acct_id, tlid)
            jQuery('time.timeago').timeago()
            todc()
        })
}
var ueloadlock = false

function ueload(tlid) {
    if (ueloadlock) {
        return false
    }
    ueloadlock = true
    var multi = localStorage.getItem('column')
    var obj = JSON.parse(multi)
    var acct_id = obj[tlid * 1].domain
    var type = obj[tlid * 1].type
    var domain = localStorage.getItem('domain_' + acct_id)
    var at = localStorage.getItem('acct_' + acct_id + '_at')
    var id = $('#timeline_' + tlid + ' .cvo:eq(0)').attr('unique-id')
    if (type == 'home') {
        var add = 'timelines/home?min_id=' + id
    } else if (type == 'notf') {
        var add = 'notifications?min_id=' + id
    }
    var start = 'https://' + domain + '/api/v1/' + add
    fetch(start, {
            method: 'GET',
            headers: {
                'content-type': 'application/json',
                Authorization: 'Bearer ' + at,
            },
        })
        .then(function(response) {
            if (!response.ok) {
                response.text().then(function(text) {
                    setLog(response.url, response.status, text)
                })
            }
            return response.json()
        })
        .catch(function(error) {
            todo(error)
            setLog(start, 'JSON', error)
            console.error(error)
        })
        .then(function(json) {
            if (!json) {
                columnReload(tlid, type)
            }
            var mute = getFilterTypeByAcct(acct_id, type)
            var templete = parse(json, '', acct_id, tlid, '', mute, type)
            var len = json.length - 1
            $('#timeline_' + tlid).prepend(templete)
            if ($('#timeline_' + tlid + ' .cvo:eq(' + len + ')').length) {
                var to = $('#timeline_' + tlid + ' .cvo:eq(' + len + ')').offset().top
                $('#timeline_box_' + tlid + '_box .tl-box').scrollTop(to)
            }
            additional(acct_id, tlid)
            jQuery('time.timeago').timeago()
            todc()
            ueloadlock = false
        })
}

function asRead(callback) {
    //Markers
    var markers = localStorage.getItem('markers')
    if (markers == 'no') {
        markers = false
    } else {
        markers = true
    }
    if (markers) {
        var multi = localStorage.getItem('column')
        var obj = JSON.parse(multi)
        var obl = obj.length
        ct = 0
        for (var i = 0; i < obl; i++) {
            var acct_id = obj[i].domain
            var type = obj[i].type
            if (type == 'home' || type == 'notf') {
                if (type == 'home') {
                    var id = $('#timeline_' + i + ' .cvo:eq(0)').attr('unique-id')
                    var poster = {
                        home: {
                            last_read_id: id,
                        },
                    }
                } else {
                    var id = $('#timeline_' + i + ' .cvo:eq(0)').attr('data-notf')
                    var poster = {
                        notifications: {
                            last_read_id: id,
                        },
                    }
                }

                var domain = localStorage.getItem('domain_' + acct_id)
                var at = localStorage.getItem('acct_' + acct_id + '_at')
                var httpreq = new XMLHttpRequest()
                var start = 'https://' + domain + '/api/v1/markers'
                httpreq.open('POST', start, true)
                httpreq.setRequestHeader('Content-Type', 'application/json')
                httpreq.setRequestHeader('Authorization', 'Bearer ' + at)
                httpreq.responseType = 'json'
                httpreq.send(JSON.stringify(poster))
                httpreq.onreadystatechange = function() {
                    if (httpreq.readyState === 4) {
                        var json = httpreq.response
                        if (this.status !== 200) {
                            setLog(start, this.status, this.response)
                        }
                        console.log(json)
                        ct++
                        if (ct == obl && callback) {
                            postMessage(['asReadComp', ''], '*')
                        }
                    }
                }
            }
        }
    }
}

function asReadEnd() {
    //Markers
    var markers = localStorage.getItem('markers')
    if (markers == 'no') {
        markers = false
    } else {
        markers = true
    }
    if (markers) {
        asRead(true)
        Swal.fire({
            title: lang.lang_tl_postmarkers_title,
            html: lang.lang_tl_postmarkers,
            showConfirmButton: false,
            timer: 3000,
            onBeforeOpen: () => {
                Swal.showLoading()
            },
            onClose: () => {},
        }).then((result) => {})
    } else {
        postMessage(['asReadComp', ''], '*')
    }
}
//ブックマーク
function getBookmark(acct_id, tlid, more) {
    moreloading = true
    console.log('moreloading getbookmark '+tlid)
    console.log(acct_id, tlid, more)
    if (more) {
        var sid = $('#timeline_' + tlid + ' .notif-marker')
            .last()
            .attr('data-maxid')
        var ad = '?max_id=' + sid
    } else {
        var ad = ''
    }
    var at = localStorage.getItem('acct_' + acct_id + '_at')
    var domain = localStorage.getItem('domain_' + acct_id)
    var start = 'https://' + domain + '/api/v1/bookmarks' + ad
    var httpreq = new XMLHttpRequest()
    httpreq.open('GET', start, true)
    httpreq.setRequestHeader('Content-Type', 'application/json')
    httpreq.setRequestHeader('Authorization', 'Bearer ' + at)
    httpreq.responseType = 'json'
    httpreq.send()
    httpreq.onreadystatechange = function() {
        if (httpreq.readyState === 4) {
            var json = httpreq.response
            if (this.status !== 200) {
                setLog(start, this.status, this.response)
            }
            var max_ids = httpreq.getResponseHeader('link')
            var max_id = 0
            if (max_ids) {
                max_ids = max_ids.match(/[?&]{1}max_id=([0-9]+)/)
                if (max_ids) {
                    max_id = max_ids[1]
                }
            }
            var templete = parse(json, 'bookmark', acct_id, tlid, -1, null)
            templete =
                templete +
                '<div class="hide notif-marker" data-maxid="' +
                max_id +
                '"></div>'
            if (more) {
                $('#timeline_' + tlid).append(templete)
            } else {
                $('#timeline_' + tlid).html(templete)
            }
            $('#landing_' + tlid).hide()
            jQuery('time.timeago').timeago()
            moreloading = false
            todc()
        }
    }
}

function getUtl(acct_id, tlid, data, more) {

    moreloading = true
    console.log('moreloading getutl '+tlid)
    if (more) {
        var sid = $('#timeline_' + tlid + ' .cvo')
            .last()
            .attr('unique-id')
        var ad = '?max_id=' + sid
    } else {
        var ad = ''
    }
    var at = localStorage.getItem('acct_' + acct_id + '_at')
    var domain = localStorage.getItem('domain_' + acct_id)
    var start = "https://" + domain + "/api/v1/accounts/" + data.id + "/statuses" + ad
    var httpreq = new XMLHttpRequest()
    httpreq.open('GET', start, true)
    httpreq.setRequestHeader('Content-Type', 'application/json')
    httpreq.setRequestHeader('Authorization', 'Bearer ' + at)
    httpreq.responseType = 'json'
    httpreq.send()
    httpreq.onreadystatechange = function() {
        if (httpreq.readyState === 4) {
            var json = httpreq.response
            if (this.status !== 200) {
                setLog(start, this.status, this.response)
            }
            var templete = parse(json, 'bookmark', acct_id, tlid, -1, null)
            templete =
                templete
            if (more) {
                $('#timeline_' + tlid).append(templete)
            } else {
                $('#timeline_' + tlid).html(templete)
            }
            $('#landing_' + tlid).hide()
            jQuery('time.timeago').timeago()
            moreloading = false
            todc()
        }
    }
}
//Announcement
function announ(acct_id, tlid) {
    var at = localStorage.getItem('acct_' + acct_id + '_at')
    var domain = localStorage.getItem('domain_' + acct_id)
    var start = 'https://' + domain + '/api/v1/announcements'
    var httpreq = new XMLHttpRequest()
    httpreq.open('GET', start, true)
    httpreq.setRequestHeader('Content-Type', 'application/json')
    httpreq.setRequestHeader('Authorization', 'Bearer ' + at)
    httpreq.responseType = 'json'
    httpreq.send()
    httpreq.onreadystatechange = function() {
        if (httpreq.readyState === 4) {
            var json = httpreq.response
            if (this.status !== 200) {
                setLog(start, this.status, this.response)
            }
            if (json.length > 0) {
                $('.notf-announ_' + acct_id).removeClass('hide')
                var ct = 0
                for (var i = 0; i < json.length; i++) {
                    if (localStorage.getItem('announ_' + acct_id) == json[i].id) {
                        break
                    }
                    ct++
                }
                if (ct > 0) {
                    $('.notf-announ_' + acct_id + '_ct').text(ct)
                }

                localStorage.setItem('announ_' + acct_id, json[0].id)
            } else {
                $('.notf-announ_' + acct_id).addClass('hide')
            }
            var templete = announParse(json, acct_id, tlid)
            $('.announce_' + acct_id).html(templete)
            jQuery('time.timeago').timeago()
            todc()
        }
    }
}
//buildQuery
function buildQuery(name, data) {
    if (!data || data == '') return ''
    var arr = data.split(',')
    var str = ''
    for (var i = 0; i < arr.length; i++) {
        str = str + `${name}[]=${arr[i]}&`
    }
    return str
}