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) {
					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, '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)
		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
		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
		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(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)
				}
				
				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
}