thedesk/app/js/tl/notification.js

//通知
//取得+Streaming接続
function notf(acct_id, tlid, sys) {
    if (sys == 'direct') {
        notfColumn(acct_id, tlid, sys)
    } else {
        notfCommon(acct_id, tlid, sys)
    }
}

function notfColumn(acct_id, tlid, sys) {
    todo('Notifications Loading...')
    var native = localStorage.getItem('nativenotf')
    var at = localStorage.getItem('acct_' + acct_id + '_at')
    if (!native) {
        native = 'yes'
    }
    var domain = localStorage.getItem('domain_' + acct_id)
    var httpreq = new XMLHttpRequest()
    if (localStorage.getItem('mode_' + domain) == 'misskey') {
        var misskey = true
        var start = 'https://' + domain + '/api/i/notifications'
        httpreq.open('POST', start, true)
        httpreq.setRequestHeader('Content-Type', 'application/json')
        var body = JSON.stringify({
            i: at,
        })
    } else {
        var misskey = false
        if (localStorage.getItem('exclude-' + tlid)) {
            var exc = localStorage.getItem('exclude-' + tlid)
        } else {
            var exc = ''
        }
        var start = 'https://' + domain + '/api/v1/notifications' + exc
        httpreq.open('GET', start, true)
        httpreq.setRequestHeader('Content-Type', 'application/json')
        httpreq.setRequestHeader('Authorization', 'Bearer ' + at)
        var body = ''
    }

    httpreq.responseType = 'json'
    httpreq.send(body)
    httpreq.onreadystatechange = function() {
        if (httpreq.readyState === 4) {
            var json = httpreq.response
            if (this.status !== 200) {
                $('#landing_' + tlid).append(`<div>${this.status}</div><div>${escapeHTML(this.response)}`)
                setLog(start, this.status, this.response)
            }
            var max_id = httpreq.getResponseHeader('link')
            if (max_id) {
                max_id = max_id.match(/[?&]{1}max_id=([0-9]+)/)[1]
            }
            if (json[0]) {
                var templete = ''
                var lastnotf = localStorage.getItem('lastnotf_' + acct_id)
                localStorage.setItem('lastnotf_' + acct_id, json[0].id)
                Object.keys(json).forEach(function(key) {
                    var obj = json[key]
                    if (lastnotf == obj.id && key > 0 && native == 'yes') {
                        var ct = key
                        if (key > 14) {
                            ct = '15+'
                        }
                        var os = localStorage.getItem('platform')
                        var options = {
                            body: ct + lang.lang_notf_new,
                            icon: localStorage.getItem('prof_' + acct_id),
                        }
                        var n = new Notification('TheDesk:' + domain, options)
                    }
                    var mute = getFilterTypeByAcct(acct_id, 'notif')
                        //Pleromaにはmoveというtypeがあるらしい。何が互換APIじゃ
                    if (obj.type != 'follow' && obj.type != 'move' && obj.type != 'follow_request') {
                        if (misskey) {
                            templete = templete + misskeyParse([obj], 'notf', acct_id, tlid, -1, mute)
                        } else {
                            templete = templete + parse([obj], 'notf', acct_id, tlid, -1, mute)
                        }
                    } else if (obj.type == 'follow_request') {
                        templete = templete + userparse([obj.account], 'request', acct_id, tlid, -1)
                    } else {
                        if (misskey) {
                            templete = templete + misskeyUserparse([obj], 'notf', acct_id, tlid, -1, mute)
                        } else {
                            templete = templete + userparse([obj.account], obj.type, acct_id, tlid, -1)
                        }
                    }
                })
                templete = templete + '<div class="hide notif-marker" data-maxid="' + max_id + '"></div>'
                $('#timeline_' + tlid).html(templete)
                    // $('#landing_' + tlid).hide()
                jQuery('time.timeago').timeago()
            }
            $('#notf-box').addClass('fetched')
            todc()
                //Markers
            var markers = localStorage.getItem('markers')
            if (markers == 'yes') {
                markers = true
            } else {
                markers = false
            }
            if (markers) {
                getMarker(tlid, 'notf', acct_id)
            }
        }
    }
    if (!misskey) {
        if (localStorage.getItem('streaming_' + acct_id)) {
            var wss = localStorage.getItem('streaming_' + acct_id)
        } else {
            var wss = 'wss://' + domain
        }
        var start = wss + '/api/v1/streaming/?stream=user&access_token=' + at
    } else {
        var start = 'wss://' + domain + '/?i=' + at
    }
}

function notfCommon(acct_id, tlid, sys, stream) {
    todo('Notifications Loading...')
    var native = localStorage.getItem('nativenotf')
    var at = localStorage.getItem('acct_' + acct_id + '_at')
    if (!native) {
        native = 'yes'
    }
    var domain = localStorage.getItem('domain_' + acct_id)
    if (localStorage.getItem('mode_' + domain) == 'misskey') {
        var misskey = true
        var start = 'https://' + domain + '/api/i/notifications'
        var i = {
            method: 'POST',
            headers: {
                'content-type': 'application/json',
            },
            body: JSON.stringify({
                i: at,
            }),
        }
    } else {
        var misskey = false
        var start = 'https://' + domain + '/api/v1/notifications'
        var i = {
            method: 'GET',
            headers: {
                'content-type': 'application/json',
                Authorization: 'Bearer ' + at,
            },
        }
    }
    if (stream == 'only') {
        notfWS(misskey, acct_id, tlid, domain, at)
        return false
    }
    fetch(start, i)
        .then(function(response) {
            console.log('header to get param:' + response.headers.get('link'))
            if (!response.ok) {
                response.text().then(function(text) {
                    console.log('notf error', 'div[data-notf=' + acct_id + '] .landing')
                    $('div[data-notf=' + acct_id + '] .landing').append(`<div>${response.status}</div><div>${escapeHTML(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[0]) {
                var templete = ''
                var lastnotf = localStorage.getItem('lastnotf_' + acct_id)
                localStorage.setItem('lastnotf_' + acct_id, json[0].id)
                Object.keys(json).forEach(function(key) {
                    var obj = json[key]
                    if (lastnotf == obj.id && key > 0 && native == 'yes') {
                        var ct = key
                        if (key > 14) {
                            ct = '15+'
                        }
                        var os = localStorage.getItem('platform')
                        var options = {
                            body: ct + lang.lang_notf_new,
                            icon: localStorage.getItem('prof_' + acct_id),
                        }
                        var n = new Notification('TheDesk:' + domain, options)
                    }
                    var mute = getFilterTypeByAcct(acct_id, 'notif')
                        //Pleromaにはmoveというtypeがあるらしい。何が互換APIじゃ
                    if (obj.type != 'follow' && obj.type != 'move') {
                        if (misskey) {
                            templete = templete + misskeyParse([obj], 'notf', acct_id, 'notf', -1, mute)
                        } else {
                            templete = templete + parse([obj], 'notf', acct_id, 'notf', -1, mute)
                        }
                    } else {
                        if (misskey) {
                            templete = templete + misskeyUserparse([obj], 'notf', acct_id, 'notf', -1, mute)
                        } else {
                            templete = templete + userparse([obj.account], obj.type, acct_id, 'notf', -1)
                        }
                    }
                })
                $('div[data-notf=' + acct_id + ']').html(templete)
                    // $('#landing_' + tlid).hide()
                jQuery('time.timeago').timeago()
            }
            $('#notf-box').addClass('fetched')
            todc()
            if (stream != 'no') notfWS(misskey, acct_id, tlid, domain, at)
        })
}

function notfWS(misskey, acct_id, tlid, domain, at) {
    if (mastodonBaseWsStatus[domain] == 'available') return false
    if (!misskey) {
        if (localStorage.getItem('streaming_' + acct_id)) {
            var wss = localStorage.getItem('streaming_' + acct_id)
        } else {
            var wss = 'wss://' + domain
        }
        var start = wss + '/api/v1/streaming/?stream=user&access_token=' + at

        var wsid = websocketNotf.length
        websocketNotf[acct_id] = new WebSocket(start)
        websocketNotf[acct_id].onopen = function(mess) {
            console.table({
                acct_id: acct_id,
                type: 'Connect Streaming API(Notf)',
                domain: domain,
                message: [mess],
            })
            $('i[data-notf=' + acct_id + ']').removeClass('red-text')
        }
        websocketNotf[acct_id].onmessage = function(mess) {
            $('#landing_' + tlid).hide()
                //console.log(["Receive Streaming API(Notf):" + acct_id + "(" + domain + ")", JSON.parse(JSON.parse(mess.data).payload)]);
            var popup = localStorage.getItem('popup')
            if (!popup) {
                popup = 0
            }
            var obj = JSON.parse(JSON.parse(mess.data).payload)
            var type = JSON.parse(mess.data).event
            if (type == 'notification') {
                var templete = ''
                localStorage.setItem('lastnotf_' + acct_id, obj.id)
                if (!$('#unread_' + tlid + ' .material-icons').hasClass('teal-text')) {
                    //markers show中はダメ
                    if (obj.type != 'follow' && obj.type != 'follow_request') {
                        templete = parse([obj], 'notf', acct_id, 'notf', popup)
                    } else if (obj.type == 'follow_request') {
                        templete = userparse([obj.account], 'request', acct_id, 'notf', -1)
                    } else {
                        templete = userparse([obj], obj.type, acct_id, 'notf', popup)
                    }
                    if (!$('div[data-notfIndv=' + acct_id + '_' + obj.id + ']').length) {
                        $('div[data-notf=' + acct_id + ']').prepend(templete)
                        $('div[data-const=notf_' + acct_id + ']').prepend(templete)
                    }
                    jQuery('time.timeago').timeago()
                }
            } else if (type == 'delete') {
                $('[toot-id=' + obj + ']').hide()
                $('[toot-id=' + obj + ']').remove()
            }
        }
        websocketNotf[acct_id].onerror = function(error) {
            console.error('WebSocket Error ', error)
            errorct++
            console.log(errorct)
            if (errorct < 3) {
                notfWS(misskey, acct_id, tlid, domain, at)
            }
        }
        websocketNotf[acct_id].onclose = function(error) {
            console.error('WebSocket Close ', error)
            errorct++
            console.log(errorct)
            if (errorct < 3) {
                notfWS(misskey, acct_id, tlid, domain, at)
            }
        }
    }
}
//一定のスクロールで発火
function notfmore(tlid) {
    console.log({ status: 'kicked', status: moreloading })
    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
    }
    var sid = $('#timeline_' + tlid + ' .notif-marker')
        .last()
        .attr('data-maxid')
    var at = localStorage.getItem('acct_' + acct_id + '_at')
    var domain = localStorage.getItem('domain_' + acct_id)
    if (sid && !moreloading) {
        moreloading = true
        var httpreq = new XMLHttpRequest()
        if (localStorage.getItem('mode_' + domain) == 'misskey') {
            var misskey = true
            var start = 'https://' + domain + '/api/i/notifications'
            httpreq.open(POST, start, true)
            httpreq.setRequestHeader('Content-Type', 'application/json')
            var body = JSON.stringify({
                i: at,
                untilID: sid,
            })
        } else {
            var misskey = false
            if (localStorage.getItem('exclude-' + tlid)) {
                var exc = localStorage.getItem('exclude-' + tlid) + '&max_id=' + sid
            } else {
                var exc = '?max_id=' + sid
            }
            var start = 'https://' + domain + '/api/v1/notifications' + exc
            httpreq.open('GET', start, true)
            httpreq.setRequestHeader('Content-Type', 'application/json')
            httpreq.setRequestHeader('Authorization', 'Bearer ' + at)
            var body = ''
        }

        httpreq.responseType = 'json'
        httpreq.send(body)
        httpreq.onreadystatechange = function() {
            if (httpreq.readyState === 4) {
                var json = httpreq.response
                if (this.status !== 200) {
                    setLog(start, this.status, this.response)
                }
                console.log(['More notifications on ' + tlid, json])
                var max_id = httpreq.getResponseHeader('link').match(/[?&]{1}max_id=([0-9]+)/)[1]
                if (json[0]) {
                    var templete = ''
                    var lastnotf = localStorage.getItem('lastnotf_' + acct_id)
                    localStorage.setItem('lastnotf_' + acct_id, json[0].id)
                    Object.keys(json).forEach(function(key) {
                        var obj = json[key]
                        var mute = getFilterTypeByAcct(acct_id, 'notif')
                        if (obj.type != 'follow') {
                            if (misskey) {
                                templete = templete + misskeyParse([obj], 'notf', acct_id, 'notf', -1, mute)
                            } else {
                                templete = templete + parse([obj], 'notf', acct_id, 'notf', -1, mute)
                            }
                        } else {
                            if (misskey) {
                                templete = templete + misskeyUserparse([obj], 'notf', acct_id, 'notf', -1, mute)
                            } else {
                                templete = templete + userparse([obj.account], obj.type, acct_id, 'notf', -1)
                            }
                        }
                    })
                    moreloading = false
                    templete = templete + '<div class="hide notif-marker" data-maxid="' + max_id + '"></div>'
                    $('#timeline_' + tlid).append(templete)
                        // $('#landing_' + tlid).hide()
                    jQuery('time.timeago').timeago()
                }
                $('#notf-box').addClass('fetched')
                todc()
            }
        }
    }
}

//通知トグルボタン
function notfToggle(acct, tlid) {
    if ($('#notf-box_' + tlid).hasClass('column-hide')) {
        $('#notf-box_' + tlid).css('display', 'block')
        $('#notf-box_' + tlid).animate({
            height: '400px',
        }, {
            duration: 300,
            complete: function() {
                $('#notf-box_' + tlid).css('overflow-y', 'scroll')
                $('#notf-box_' + tlid).removeClass('column-hide')
            },
        })
    } else {
        $('#notf-box_' + tlid).css('overflow-y', 'hidden')
        $('#notf-box_' + tlid).animate({
            height: '0',
        }, {
            duration: 300,
            complete: function() {
                $('#notf-box_' + tlid).addClass('column-hide')
                $('#notf-box_' + tlid).css('display', 'none')
            },
        })
    }
    notfCanceler(acct)
}

function notfCanceler(acct) {
    $('.notf-reply_' + acct).text(0)
    localStorage.removeItem('notf-reply_' + acct)
    $('.notf-reply_' + acct).addClass('hide')
    $('.notf-fav_' + acct).text(0)
    localStorage.removeItem('notf-fav_' + acct)
    $('.notf-fav_' + acct).addClass('hide')
    $('.notf-bt_' + acct).text(0)
    localStorage.removeItem('notf-bt_' + acct)
    $('.notf-bt_' + acct).addClass('hide')
    $('.notf-follow_' + acct).text(0)
    localStorage.removeItem('notf-follow_' + acct)
    $('.notf-follow_' + acct).addClass('hide')
    $('.notf-icon_' + acct).removeClass('red-text')
    var id = $('#announce_' + acct + ' .announcement')
        .first()
        .attr('data-id')
    $('.notf-announ_' + acct + '_ct').text('')
    $(`.boxIn[data-acct=${acct}] .notice-box`).removeClass('has-notf')
    if (id) {
        localStorage.setItem('announ_' + acct, id)
    }
}

function allNotfRead() {
    var multi = localStorage.getItem('multi')
    if (multi) {
        var obj = JSON.parse(multi)
        Object.keys(obj).forEach(function(key) {
            notfCanceler(key)
        })
    }
}
allNotfRead()