thedesk/app/js/tl/tl.js
2020-05-07 00:31:11 +09:00

1421 lines
36 KiB
JavaScript

//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)
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) {
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 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, '', 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 misskey = false
if (localStorage.getItem('streaming_' + acct_id)) {
var wss = localStorage.getItem('streaming_' + acct_id)
} else {
var wss = 'wss://' + domain
}
if (type == 'home') {
var start = wss + '/api/v1/streaming/?stream=user&access_token=' + at
} else if (type == 'pub') {
var start = wss + '/api/v1/streaming/?stream=public&access_token=' + at
} else if (type == 'pub-media') {
var start =
wss + '/api/v1/streaming/?stream=public:media&access_token=' + at
} 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') {
if (type == 'tag') {
var tag = localStorage.getItem('tag-range')
if (tag == 'local') {
data = data + '&local=true'
}
}
var start =
wss +
'/api/v1/streaming/?stream=hashtag&tag=' +
data +
'&access_token=' +
at
} 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
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) +
'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
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) +
'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(' + data.acct + ')'
}
return response
}
//TLのURL
function com(type, data) {
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') {
return 'public?'
} else if (type == 'pub-media') {
return 'public?only_media=true&'
} 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)
reload(type, '', acct_id, tlid, data, mute, '', voice, mode)
}
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
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()
if (localStorage.getItem('voice_' + tlid)) {
var voice = true
} else {
var voice = false
}
var mute = getFilterTypeByAcct(acct_id, type)
parseColumn(tlid)
}
}
//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,
timer: 3000,
onBeforeOpen: () => {
Swal.showLoading()
},
onClose: () => {},
}).then((result) => {})
} else {
postMessage(['asReadComp', ''], '*')
}
}
//ブックマーク
function getBookmark(acct_id, tlid, more) {
moreloading = true
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
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)
}
} else {
$('.notf-announ_' + acct_id).addClass('hide')
}
var templete = announParse(json, acct_id, tlid)
$('#announce_' + tlid).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
}