thedesk/app/js/tl/parse.js

//オブジェクトパーサー(トゥート)
function parse(obj, mix, acct_id, tlid, popup, mutefilter, type) {
	var splitter = new GraphemeSplitter()
	var templete = ''
	if (obj[0]) {
		if (tlid === 1) {
		}
		localStorage.setItem('lastunix_' + tlid, date(obj[0].created_at, 'unix'))
	}

	var actb = 're,rt,fav,qt,bkm'
	if (actb) {
		var actb = actb.split(',')
		var disp = {}
		for (var k = 0; k < actb.length; k++) {
			if (k < 5) {
				var tp = 'type-a'
			} else {
				var tp = 'type-b'
			}
			disp[actb[k]] = tp
		}
	}
	var qt = localStorage.getItem('quote')
	if (qt == 'nothing' || !qt) {
		var qtClass = 'hide'
	} else {
		if (qt == 'apiQuote') {
			if (localStorage.getItem('quote_' + acct_id)) {
				var qtClass = ''
			} else {
				var qtClass = 'hide'
			}
		} else {
			var qtClass = ''
		}
	}
	var bkm = localStorage.getItem('bookmark')
	if (bkm == 'no' || !bkm) {
		var bkmClass = 'hide'
	} else {
		var bkmClass = ''
	}
	var datetype = localStorage.getItem('datetype')
	var nsfwtype = localStorage.getItem('nsfw')
	var sent = localStorage.getItem('sentence')
	var ltr = localStorage.getItem('letters')
	var gif = localStorage.getItem('gif')
	var imh = localStorage.getItem('img-height')
	if (!imh) {
		imh = 200
	}
	if (imh == 'full') {
		imh = 'auto'
	} else {
		imh = imh + 'px'
	}
	//独自ロケール
	var locale = localStorage.getItem('locale')
	if (locale == 'yes') {
		var locale = false
	}
	//ネイティブ通知
	var native = localStorage.getItem('nativenotf')
	if (!native) {
		native = 'yes'
	}
	//クライアント強調
	var empCli = localStorage.getItem('client_emp')
	if (empCli) {
		var empCli = JSON.parse(empCli)
	}
	//クライアントミュート
	var muteCli = localStorage.getItem('client_mute')
	if (muteCli) {
		var muteCli = JSON.parse(muteCli)
	}
	//ユーザー強調
	var useremp = localStorage.getItem('user_emp')
	if (useremp) {
		var useremp = JSON.parse(useremp)
	}
	//ワード強調
	var wordempList = localStorage.getItem('word_emp')
	if (wordempList) {
		var wordempList = JSON.parse(wordempList)
	}
	//ワードミュート
	var wordmuteList = localStorage.getItem('word_mute')
	if (wordmuteList) {
		var wordmuteList = JSON.parse(wordmuteList)
		if (wordmuteList) {
			wordmuteList = wordmuteList.concat(mutefilter)
		}
	} else {
		wordmuteList = mutefilter
	}
	//Ticker
	var tickerck = localStorage.getItem('ticker_ok')
	if (tickerck == 'yes') {
		var ticker = true
	} else if (!ticker || ticker == 'no') {
		var ticker = false
	}
	//Animation
	var anime = localStorage.getItem('animation')
	if (anime == 'yes' || !anime) {
		var animecss = 'cvo-anime'
	} else {
		var animecss = ''
	}
	//Cards
	var card = localStorage.getItem('card_' + tlid)

	if (!sent) {
		sent = 500
	}
	if (!ltr) {
		var ltr = 500
	}
	if (!nsfwtype || nsfwtype == 'yes') {
		var nsfw = 'ok'
	} else {
		var nsfw
	}
	var cwtype = localStorage.getItem('cw')
	if (!cwtype || cwtype == 'yes') {
		var cw = 'ok'
	} else {
		var cw
	}
	if (!datetype) {
		datetype = 'absolute'
	}
	if (!gif) {
		var gif = 'yes'
	}
	if (!imh) {
		var imh = '200'
	}
	if (!emp) {
		var emp = []
	}
	if (!mute) {
		var mute = []
	}
	if (!useremp) {
		var useremp = []
	}
	if (!wordemp) {
		var wordemp = []
	}
	if (!wordmute) {
		var wordmute = []
	}
	//via通知
	var viashowVal = localStorage.getItem('viashow')
	if (viashowVal == 'yes') {
		var viashowSet = true
	} else {
		var viashowSet = false
	}
	var viashow = ''
	//認証なしTL
	if (mix == 'noauth') {
		var noauth = 'hide'
		var antinoauth = ''
	} else {
		var noauth = ''
		var antinoauth = 'hide'
	}
	//DMTL
	if (type == 'dm') {
		var dmHide = 'hide'
		var antidmHide = ''
	} else {
		var dmHide = ''
		var antidmHide = 'hide'
	}

	//マウスオーバーのみ
	var mouseover = localStorage.getItem('mouseover')
	if (!mouseover) {
		mouseover = ''
	} else if (mouseover == 'yes' || mouseover == 'click') {
		mouseover = 'hide-actions'
	} else if (mouseover == 'no') {
		mouseover = ''
	}
	//リプカウント
	var replyct_view = localStorage.getItem('replyct')
	if (!replyct_view) {
		replyct_view = 'hidden'
	}
	var local = []
	var times = []
	Object.keys(obj).forEach(function (key) {
		var domain = localStorage.getItem('domain_' + acct_id)
		var toot = obj[key]
		if (type == 'dm') {
			var dmid = toot.id
			toot = toot.last_status
		}
		if (toot.account.display_name) {
			var dis_name = escapeHTML(toot.account.display_name)
		} else {
			var dis_name = toot.account.acct
		}

		if (toot.account.emojis) {
			var actemojick = toot.account.emojis[0]
		} else {
			var actemojick = false
		}
		//絵文字があれば
		if (actemojick) {
			Object.keys(toot.account.emojis).forEach(function (key5) {
				var emoji = toot.account.emojis[key5]
				var shortcode = emoji.shortcode
				if (gif == 'yes') {
					var emoSource = emoji.url
				} else {
					var emoSource = emoji.static_url
				}
				var emoji_url = `
					<img draggable="false" src="${emoSource}" class="emoji-img" data-emoji="${shortcode}" 
						alt=" :${shortcode}: " title="${shortcode}" onclick="this.classList.toggle('bigemoji');" loading="lazy">
				`
				var regExp = new RegExp(':' + shortcode + ':', 'g')
				dis_name = dis_name.replace(regExp, emoji_url)
			})
		}
		var noticeavatar = ''
		if (mix == 'notf') {
			if (!toot.status) {
				toot.status = statusModel(toot.created_at)
			}
			if (gif == 'yes') {
				noticeavatar = toot.account.avatar
			} else {
				noticeavatar = toot.account.avatar_static
			}
			noticeavatar = `<a onclick="udg('${toot.account.id}','${acct_id}');" user="${toot.account.acct}" class="udg">
					<img draggable="false" src="${noticeavatar}" width="20" class="notf-icon prof-img" user="${toot.account.acct}" alt="" loading="lazy">
				</a>`
			if (toot.type == 'mention') {
				var what = lang.lang_parse_mentioned
				var icon = 'fa-share teal-text'
				noticeavatar = ''
			} else if (toot.type == 'reblog') {
				var what = lang.lang_parse_bted
				var icon = 'fa-retweet light-blue-text'
				if (!locale && localStorage.getItem('bt_' + acct_id)) {
					what = localStorage.getItem('bt_' + acct_id)
				}
			} else if (toot.type == 'favourite') {
				var what = lang.lang_parse_faved
				var icon = 'fa-star  yellow-text'
				if (!locale && localStorage.getItem('fav_' + acct_id)) {
					what = localStorage.getItem('fav_' + acct_id)
				}
			} else if (toot.type == 'poll') {
				var what = lang.lang_parse_polled
				var icon = 'fa-tasks  purple-text'
			}
			if (tlid == 'notf') {
				var notfFilHide = 'hide'
			} else {
				var notfFilHide = ''
			}
			var noticetext = `<span onclick="notfFilter('${toot.account.id}','${tlid}');" class=" pointer big-text ${notfFilHide}"><i class="fas fa-filter" 
					 title="${lang.lang_parse_notffilter}">
				</i><span class="voice">${lang.lang_parse_notffilter}</span></span>
				<span class="cbadge cbadge-hover" title="${date(toot.created_at, 'absolute')}(${lang.lang_parse_notftime
				})" aria-hidden="true"><i class="far fa-clock"></i>
					${date(toot.created_at, datetype)}
				</span>
				<span class="voice">${date(toot.created_at, 'absolute')}(${lang.lang_parse_notftime})</span>
				<i class="big-text fas ${icon}"></i>
				<a onclick="udg('${toot.account.id}','${acct_id}')" class="pointer grey-text">
					${dis_name}(@${toot.account.acct})
				</a>`
			var notice = noticetext
			var memory = localStorage.getItem('notice-mem')
			if (popup >= 0 && obj.length < 5 && noticetext != memory) {
				if (localStorage.getItem('hasNotfC_' + acct_id) != 'true') {
					if (toot.type == 'mention') {
						var replyct = localStorage.getItem('notf-reply_' + acct_id)
						$('.notf-reply_' + acct_id).text(replyct * 1 - -1)
						localStorage.setItem('notf-reply_' + acct_id, replyct * 1 - -1)
						$('.notf-reply_' + acct_id).removeClass('hide')
						var sound = localStorage.getItem('replySound')
						if (sound == 'default') {
							var file = '../../source/notif3.wav'
						}
					} else if (toot.type == 'reblog') {
						var btct = localStorage.getItem('notf-bt_' + acct_id)
						$('.notf-bt_' + acct_id).text(btct * 1 - -1)
						localStorage.setItem('notf-bt_' + acct_id, btct * 1 - -1)
						$('.notf-bt_' + acct_id).removeClass('hide')
						var sound = localStorage.getItem('btSound')
						if (sound == 'default') {
							var file = '../../source/notif2.wav'
						}
					} else if (toot.type == 'favourite') {
						var favct = localStorage.getItem('notf-fav_' + acct_id)
						$('.notf-fav_' + acct_id).text(favct * 1 - -1)
						localStorage.setItem('notf-fav_' + acct_id, favct * 1 - -1)
						$('.notf-fav_' + acct_id).removeClass('hide')
						var sound = localStorage.getItem('favSound')
						if (sound == 'default') {
							var file = '../../source/notif.wav'
						}
					}
				}
				if (popup > 0) {
					M.toast({
						html: '[' + domain + ']' + escapeHTML(toot.account.display_name) + what,
						displayLength: popup * 1000
					})
				}
				//通知音
				if (sound == 'c1') {
					var file = localStorage.getItem('custom1')
				} else if (sound == 'c2') {
					var file = localStorage.getItem('custom2')
				} else if (sound == 'c3') {
					var file = localStorage.getItem('custom3')
				} else if (sound == 'c4') {
					var file = localStorage.getItem('custom4')
				}
				if (file) {
					request = new XMLHttpRequest()
					request.open('GET', file, true)
					request.responseType = 'arraybuffer'
					request.onload = playSound
					request.send()
				}
				if (native == 'yes') {
					var os = localStorage.getItem('platform')
					var options = {
						body:
							toot.account.display_name +
							'(' +
							toot.account.acct +
							')' +
							what +
							'\n\n' +
							$.strip_tags(toot.status.content),
						icon: toot.account.avatar
					}
					var n = new Notification('TheDesk:' + domain, options)
				}
				if (localStorage.getItem('hasNotfC_' + acct_id) != 'true') {
					$('.notf-icon_' + acct_id).addClass('red-text')
				}
				localStorage.setItem('notice-mem', noticetext)
				noticetext = ''
			}
			var if_notf = 'data-notfIndv="' + acct_id + '_' + toot.id + '" data-notf="' + toot.id + '"'
			var toot = toot.status
			var uniqueid = toot.id
			var dis_name = escapeHTML(toot.account.display_name)
			if (toot.account.emojis) {
				var actemojick = toot.account.emojis[0]
			} else {
				var actemojick = false
			}
			//絵文字があれば
			if (actemojick) {
				Object.keys(toot.account.emojis).forEach(function (key5) {
					var emoji = toot.account.emojis[key5]
					var shortcode = emoji.shortcode
					if (gif == 'yes') {
						var emoSource = emoji.url
					} else {
						var emoSource = emoji.static_url
					}
					var emoji_url = `
						<img draggable="false" src="${emoSource}" class="emoji-img" data-emoji="${shortcode}" 
							alt=" :${shortcode}: " title="${shortcode}" onclick="this.classList.toggle('bigemoji');" loading="lazy">
					`
					var regExp = new RegExp(':' + shortcode + ':', 'g')
					dis_name = dis_name.replace(regExp, emoji_url)
				})
			}
		} else {
			var if_notf = ''
			if (toot.reblog) {
				if (gif == 'yes') {
					noticeavatar = toot.account.avatar
				} else {
					noticeavatar = toot.account.avatar_static
				}
				noticeavatar = `<a onclick="udg('${toot.account.id}','${acct_id}');" user="${toot.account.acct}" class="udg" aria-hidden="true">
						<img draggable="false" src="${noticeavatar}" width="20" class="notf-icon prof-img" 
							user="${toot.account.acct}" onerror="this.src=\'../../img/loading.svg\'" loading="lazy">
					</a>`
				var rebtxt = lang.lang_parse_btedsimple
				var rticon = 'fa-retweet light-blue-text'
				if (localStorage.getItem('domain_' + acct_id) == 'imastodon.net' && !locale) {
					rebtxt = ':「わかるわ」'
				} else if (localStorage.getItem('domain_' + acct_id) == 'mstdn.osaka' && !locale) {
					rebtxt = 'がしばいた'
				}
				var notice =
					'<i class="big-text fas ' +
					rticon +
					'"></i>' +
					dis_name +
					'(@' +
					toot.account.acct +
					')<br>'
				var boostback = 'shared'
				var uniqueid = toot.id
				var toot = toot.reblog
				var dis_name = escapeHTML(toot.account.display_name)
				if (!dis_name) {
					dis_name = toot.account.acct
				}
				if (toot.account.emojis) {
					var actemojick = toot.account.emojis[0]
				} else {
					var actemojick = false
				}
				//絵文字があれば
				if (actemojick) {
					Object.keys(toot.account.emojis).forEach(function (key5) {
						var emoji = toot.account.emojis[key5]
						var shortcode = emoji.shortcode
						if (gif == 'yes') {
							var emoSource = emoji.url
						} else {
							var emoSource = emoji.static_url
						}
						var emoji_url = `
							<img draggable="false" src="${emoSource}" class="emoji-img" data-emoji="${shortcode}" 
								alt=" :${shortcode}: " title="${shortcode}" onclick="this.classList.toggle('bigemoji');" loading="lazy">
						`
						var regExp = new RegExp(':' + shortcode + ':', 'g')
						dis_name = dis_name.replace(regExp, emoji_url)
					})
				}
			} else {
				var uniqueid = toot.id
				var notice = ''
				var boostback = 'unshared'
				//ユーザー強調
				if (toot.account.username != toot.account.acct) {
					var fullname = toot.account.acct
				} else {
					var domain = localStorage.getItem('domain_' + acct_id)
					var fullname = toot.account.acct + '@' + domain
				}
				if (useremp) {
					Object.keys(useremp).forEach(function (key10) {
						var user = useremp[key10]
						if (user == fullname) {
							boostback = 'emphasized'
						}
					})
				}
			}
		}
		if (toot.content == '') {
			var content = '　'
		} else {
			var content = toot.content
		}
		if (content) {
			var id = toot.id
			if (mix == 'home') {
				var home = ''
				var divider = '<div class="divider"></div>'
			} else {
				var home = ''
				var divider = '<div class="divider"></div>'
			}
			if (toot.account.locked) {
				var locked = ' <i class="fas fa-lock red-text"></i>'
			} else {
				var locked = ''
			}
			if (!toot.application) {
				var via = ''
				viashow = 'hide'
			} else {
				if (viashowSet) {
					viashow = ''
				} else {
					viashow = 'hide'
				}
				var via = escapeHTML(toot.application.name)
				if (empCli) {
					//強調チェック
					Object.keys(empCli).forEach(function (key6) {
						var empCliList = empCli[key6]
						if (empCliList == via) {
							boostback = 'emphasized'
						}
					})
				}
				if (muteCli) {
					//ミュートチェック
					Object.keys(muteCli).forEach(function (key7) {
						var muteCliList = muteCli[key7]
						if (muteCliList == via) {
							boostback = 'hide'
						}
					})
				}
			}
			if (mix == 'pinned') {
				boostback = 'emphasized'
			}
			if (toot.spoiler_text && cw) {
				var spoil = escapeHTML(toot.spoiler_text)
				var spoiler = 'cw cw_hide'
				var api_spoil = 'gray'
				var spoiler_show = `<a href="#" onclick="cw_show(this)" class="nex parsed cw_btn">${lang.lang_parse_cwshow}<span class="voice">${lang.lang_parse_cwshow_acc}</span></a><br>`
			} else {
				if (content) {
					var ct1 = content.split('</p>').length + content.split('<br />').length - 2
					var ct2 = content.split('</p>').length + content.split('<br>').length - 2
				} else {
					var ct1 = 100
					var ct2 = 100
				}
				if (ct1 > ct2) {
					var ct = ct1
				} else {
					var ct = ct2
				}

				if (
					(sent < ct && $.mb_strlen($.strip_tags(content)) > 5) ||
					($.mb_strlen($.strip_tags(content)) > ltr && $.mb_strlen($.strip_tags(content)) > 5)
				) {
					var content = `<span class="gray">${lang.lang_parse_fulltext}</span><br>` + content
					var spoil = `<span class="cw_long">${$.mb_substr(
						$.strip_tags(content),
						0,
						100
					)}</span>
						<span class="gray">${lang.lang_parse_autofold}</span>`
					var spoiler = 'cw cw_hide'
					var spoiler_show = `<a href="#" onclick="cw_show(this)" class="nex parsed cw_btn">
							${lang.lang_parse_more}
						</a><br>`
				} else {
					var spoil = escapeHTML(toot.spoiler_text)
					var spoiler = ''
					var spoiler_show = ''
				}
			}
			var urls = $.strip_tags(content)
				.replace(/\n/g, ' ')
				.match(
					/https?:\/\/([^+_]+)\/?(?!.*((media|tags)|mentions)).*([-_.!~*\'()a-zA-Z0-9;\/?:\@&=+\$,%#]+)?/
				)
			urlsck = content.match(/(https?):\/\/([^<>]*?)\/([^"]*)/g)
			if (urlsck) {
				for (var urlct = 0; urlct < urlsck.length; urlct++) {
					var urlindv = urlsck[urlct]
					urlCont = urlindv.match(/(https?):\/\/([^a-zA-Z0-9.-]*?)\.(.+?)\/([^"]*)/)
					if (urlCont) {
						urlindv = urlindv.replace(/[.*+?^=!:${}()|[\]\/\\]/g, '\\$&')
						var encoded = encodeURI(urlCont[4])
						var punycoded = 'xn--' + punycode.encode(urlCont[2])
						var eUrl = urlCont[1] + '://' + punycoded + '.' + urlCont[3] + '/' + encoded
						var regExp = new RegExp('href="' + urlindv + '"', 'g')
						content = content.replace(regExp, 'href="' + eUrl + '"')
					}
				}
			}

			if (urls) {
				var analyze = `<a onclick="additionalIndv('${tlid}','${acct_id}','${id}')" class="add-show pointer" aria-hidden="true">
						${lang.lang_parse_url}
					</a><br>`
			} else {
				var analyze = ''
			}
			var viewer = ''
			var hasmedia = ''
			var youtube = ''
			//Poll
			var poll = ''
			if (toot.poll) {
				var poll = pollParse(toot.poll, acct_id, false)
			}

			var mediack = toot.media_attachments[0]
			//メディアがあれば
			var media_ids = ''
			if (mediack) {
				hasmedia = 'hasmedia'
				var cwdt = 100 / toot.media_attachments.length
				Object.keys(toot.media_attachments).forEach(function (key2) {
					var media = toot.media_attachments[key2]
					var purl = media.preview_url
					media_ids = media_ids + media.id + ','
					var url = media.url
					var remote_url = media.remote_url
					var nsfwmes = ''
					if (toot.sensitive && nsfw) {
						var sense = 'sensitive'
						var blur = media.blurhash
						nsfwmes = '<div class="nsfw-media">' + lang.lang_parse_nsfw + '</div>'
						if (blur) {
							purl = parseBlur(blur)
							var sense = ''
						}
					} else {
						var sense = ''
						var blur = null
					}
					if (media.pleroma && media.pleroma.mime_type.indexOf('video') !== -1) {
						viewer =
							viewer +
							`<a onclick="imgv('${id}','${key2}','${acct_id}')" id="${id}'-image-${key2}" 
								data-url="${url}" data-type="video" class="img-parsed">
									<video src="${purl}" class="${sense} toot-img pointer" style="max-width:100%;" loop="true" alt="attached media">
							</a></span>`
					} else {
						if (media.type == 'unknown') {
							var mty = media.remote_url.match(/.+(\..+)$/)[1]
							viewer =
								viewer +
								`<a href="${media.url ? media.url : media.remote_url}" title="${media.remote_url} from ${media.url}">[${lang.lang_parse_unknown}(${mty})]</a> `
						} else if (media.type == 'audio') {
							viewer =
								viewer +
								'<audio src="' +
								url +
								'" class="pointer" style="width:100%;" controls alt="attached media"></span>'
						} else {
							if (media.description) {
								var desc = media.description
							} else {
								var desc = ''
							}
							console.log('https://' + domain + '/storage/no-preview.png')
							if (media.preview_url == 'https://' + domain + '/storage/no-preview.png') {
								purl = url
								nsfwmes = '<div class="nsfw-media">Unavailable preview</div>'
							}
							viewer =
								viewer +
								`<a onclick="imgv('${id}','${key2}','${acct_id}')" 
										id="${id}-image-${key2}" data-url="${url}" data-original="${remote_url}" data-type="${media.type}" 
										class="img-parsed img-link" style="width:calc(${cwdt}% - 1px); height:${imh};">
									<img draggable="false" src="${purl}" class="${sense} toot-img pointer" 
										onerror="this.src=\'../../img/loading.svg\'" title="${escapeHTML(desc)}" alt="${escapeHTML(desc)}" loading="lazy">
									${nsfwmes}
								</a>`
						}
					}
				})
				media_ids = media_ids.slice(0, -1)
			} else {
				viewer = ''
				hasmedia = 'nomedia'
			}
			var menck = toot.mentions[0]
			var mentions = ''
			//メンションであれば
			if (menck) {
				mentions = ''
				var to_mention = []
				Object.keys(toot.mentions).forEach(function (key3) {
					var mention = toot.mentions[key3]
					//自分は除外
					//自インスタンスかどうかを確認し、IDの一致
					if (
						mention.acct == mention.username &&
						mention.id == localStorage.getItem('user-id_' + acct_id)
					) {
						//自分
					} else {
						//そのトゥの人NG
						if (toot.account.acct != mention.acct) {
							mentions =
								mentions +
								`<a onclick="udg('${mention.id}',' ${acct_id}')" class="pointer" aria-hidden="true">@${mention.acct}</a> `
							to_mention.push(mention.acct)
						}
					}
				})
				to_mention.push(toot.account.acct)
				mentions = '<div style="float:right">' + mentions + '</div>'
			} else {
				var to_mention = [toot.account.acct]
			}
			//メンションじゃなくてもlang_parse_thread
			if (toot.in_reply_to_id) {
				mentions = `<div style="float:right">
						<a onclick="details('${toot.id}','${acct_id}','${tlid}')" class="pointer waves-effect">
							${lang.lang_parse_thread}
						</a></div>`
			}
			var tagck = toot.tags[0]
			var tags = ''
			//タグであれば
			if (tagck) {
				Object.keys(toot.tags).forEach(function (key4) {
					var tag = toot.tags[key4]
					var featured = `　<a onclick="tagFeature('${tag.name}','${acct_id}')" class="pointer" title="add it to Featured tags">Feature</a>　`
					tags =
						tags +
						`<span class="hide" data-tag="${tag.name}" data-regTag="${tag.name.toLowerCase()}">#${tag.name
						}:
							<a onclick="tl('tag','${tag.name}','${acct_id}','add')" class="pointer"
							 title="${lang.lang_parse_tagTL.replace(
							'{{tag}}',
							'#' + tag.name
						)}">TL</a>　<a onclick="brInsert('#${tag.name}')" 
							 class="pointer" title="${lang.lang_parse_tagtoot.replace('{{tag}}', '#' + tag.name)}">Toot</a>　
						<a onclick="tagPin('${tag.name}')" class="pointer" title="${lang.lang_parse_tagpin.replace(
							'{{tag}}',
							'#' + tag.name
						)}
						">Pin</a>${featured}</span> `
				})
				tags = '<div style="float:right" aria-hidden="true">' + tags + '</div>'
			}
			//リプ数
			if (toot.replies_count || toot.replies_count === 0) {
				var replyct = toot.replies_count
				if (replyct_view == 'hidden' && replyct > 1) {
					replyct = '1+'
				}
			} else {
				var replyct = ''
			}
			//公開範囲を取得
			var vis = ''
			var visen = toot.visibility
			if (visen == 'public') {
				var vis = `<span onclick="staCopy('${id}')"><i class="text-darken-3 material-icons gray sml vis-data pointer" 
						title="${lang.lang_parse_public}(${lang.lang_parse_clickcopy})" data-vis="public" aria-hidden="true">
						public
					</i><span class="voice">${lang.lang_parse_public} ${lang.lang_toot}(${lang.lang_parse_clickcopy})</span></span>`
				var can_rt = ''
			} else if (visen == 'unlisted') {
				var vis = `<span onclick="staCopy('${id}')"><i class="text-darken-3 material-icons blue-text sml vis-data pointer" 
						title="${lang.lang_parse_unlisted}(${lang.lang_parse_clickcopy})" data-vis="public" aria-hidden="true">
						lock_open
					</i><span class="voice">${lang.lang_parse_unlisted} ${lang.lang_toot}(${lang.lang_parse_clickcopy})</span></span>`
				var can_rt = ''
			} else if (visen == 'private') {
				var vis = `<span onclick="staCopy('${id}')"><i class="text-darken-3 material-icons orange-text sml vis-data pointer" 
						title="${lang.lang_parse_private}(${lang.lang_parse_clickcopy})" data-vis="public" aria-hidden="true">
						lock
					</i><span class="voice">${lang.lang_parse_private} ${lang.lang_toot}(${lang.lang_parse_clickcopy})</span></span>`

				var can_rt = 'unvisible'
			} else if (visen == 'direct') {
				var vis = `<span onclick="staCopy('${id}')"><i class="text-darken-3 material-icons red-text sml vis-data pointer" 
						title="${lang.lang_parse_direct}(${lang.lang_parse_clickcopy})" data-vis="public" aria-hidden="true">
						mail
					</i><span class="voice">${lang.lang_parse_direct} ${lang.lang_toot}(${lang.lang_parse_clickcopy})</span></span>`
				var can_rt = 'unvisible'
			}
			if (toot.account.acct == localStorage.getItem('user_' + acct_id)) {
				var if_mine = ''
				var mine_via = ''
				var can_rt = ''
			} else {
				var if_mine = 'hide'
				var mine_via = ''
			}
			if (toot.favourited) {
				var if_fav = ' yellow-text'
				var fav_app = 'faved'
			} else {
				var if_fav = ''
				var fav_app = ''
			}
			if (toot.reblogged) {
				var if_rt = 'light-blue-text'
				var rt_app = 'rted'
			} else {
				var if_rt = ''
				var rt_app = ''
			}
			if (toot.pinned) {
				var if_pin = 'blue-text'
				var pin_app = 'pinnedToot'
				var pinStr = lang.lang_parse_unpin
			} else {
				var if_pin = ''
				var pin_app = ''
				var pinStr = lang.lang_parse_pin
			}
			if (toot.bookmarked) {
				var if_bkm = 'red-text'
				var bkm_app = 'bkmed'
				var bkmStr = lang.lang_parse_unbookmark
			} else {
				var if_bkm = ''
				var bkm_app = ''
				var bkmStr = lang.lang_parse_bookmark
			}
			//アニメ再生
			if (gif == 'yes') {
				var avatar = toot.account.avatar
			} else {
				var avatar = toot.account.avatar_static
			}
			//ワードミュート
			if (wordmuteList) {
				Object.keys(wordmuteList).forEach(function (key8) {
					var worde = wordmuteList[key8]
					if (worde) {
						if (worde.tag) {
							var wordList = worde.tag
						} else {
							var wordList = worde
						}
						var regExp = new RegExp(wordList.replace(/[.*+?^=!:${}()|[\]\/\\]/g, '\\$&'), 'g')
						if ($.strip_tags(content).match(regExp)) {
							boostback = 'hide by_filter'
						}
					}
				})
			}
			//ワード強調
			if (wordempList) {
				Object.keys(wordempList).forEach(function (key9) {
					var wordList = wordempList[key9]
					if (wordList) {
						var wordList = wordList.tag
						var regExp = new RegExp(wordList.replace(/[.*+?^=!:${}()|[\]\/\\]/g, '\\$&'), 'g')
						content = content.replace(regExp, '<span class="emp">' + wordList + '</span>')
					}
				})
			}
			if (toot.emojis) {
				var emojick = toot.emojis[0]
			} else {
				var emojick = false
			}
			//絵文字があれば
			if (emojick) {
				Object.keys(toot.emojis).forEach(function (key5) {
					var emoji = toot.emojis[key5]
					var shortcode = emoji.shortcode
					if (gif == 'yes') {
						var emoSource = emoji.url
					} else {
						var emoSource = emoji.static_url
					}
					var emoji_url = `
						<img draggable="false" src="${emoSource}" class="emoji-img" data-emoji="${shortcode}" 
							alt=" :${shortcode}: " title="${shortcode}" onclick="this.classList.toggle('bigemoji');" loading="lazy">
					`
					var regExp = new RegExp(':' + shortcode + ':', 'g')
					content = content.replace(regExp, emoji_url)
					spoil = spoil.replace(regExp, emoji_url)
					poll = poll.replace(regExp, emoji_url)
				})
			}
			//ニコフレ絵文字
			if (toot.profile_emojis) {
				var nicoemojick = toot.profile_emojis[0]
			} else {
				var nicoemojick = false
			}
			//絵文字があれば(nico)
			if (nicoemojick) {
				Object.keys(toot.profile_emojis).forEach(function (keynico) {
					var emoji = toot.profile_emojis[keynico]
					var shortcode = emoji.shortcode
					var emoji_url = `<img draggable="false" src="${emoji.url}" class="emoji-img" data-emoji="${shortcode}" alt=" :${shortcode}: "
							 title="${shortcode}" onclick="this.classList.toggle(\'bigemoji\');" loading="lazy">`
					var regExp = new RegExp(':' + shortcode + ':', 'g')
					content = content.replace(regExp, emoji_url)
					spoil = spoil.replace(regExp, emoji_url)
					poll = poll.replace(regExp, emoji_url)
				})
			}
			//デフォ絵文字
			content = twemoji.parse(content)
			if (dis_name) {
				dis_name = twemoji.parse(dis_name)
			}
			if (spoil) {
				spoil = twemoji.parse(spoil)
			}
			if (noticetext) {
				noticetext = twemoji.parse(noticetext)
			}
			if (notice) {
				notice = twemoji.parse(notice)
			}
			if (poll) {
				poll = twemoji.parse(poll)
			}
			//日本語じゃない
			if (toot.language != lang.language && toot.language) {
				var trans = `<li onclick="trans('${toot.language}','${lang.language}', $(this))" 
							 style="padding:0">
								<i class="material-icons" aria-hidden="true">g_translate</i>${lang.lang_parse_trans}
					</li>`
			} else {
				var trans = ''
			}
			//Cards
			if (!card && toot.card) {
				var cards = toot.card
				analyze = cardHtml(cards, acct_id, id)
			}
			//Ticker
			var tickerdom = ''
			if (ticker) {
				var tickerdata = localStorage.getItem('sticker')
				if (tickerdata) {
					var tickerdataRaw = JSON.parse(tickerdata)
					var tickerdata = tickerdataRaw.data

					var thisdomain = toot.account.acct.split('@')
					if (thisdomain.length > 1) {
						thisdomain = thisdomain[1]
					}
					for (var i = 0; i < tickerdata.length; i++) {
						var value = tickerdata[i]
						if (value.domain == thisdomain) {
							var bgColor = value.bgColor
							var fontColor = value.fontColor
							if (!value.bgColor || !value.fontColor) {
								if (value.type == 'mastodon') {
									if (!value.bgColor) bgColor = tickerdataRaw.default.mastodon.bgColor
									if (!value.fontColor) fontColor = tickerdataRaw.default.mastodon.fontColor
								} else if (value.type == 'pleroma') {
									if (!value.bgColor) bgColor = tickerdataRaw.default.pleroma.bgColor
									if (!value.fontColor) fontColor = tickerdataRaw.default.pleroma.fontColor
								} else if (value.type == 'misskey') {
									if (!value.bgColor) bgColor = tickerdataRaw.default.misskey.bgColor
									if (!value.fontColor) fontColor = tickerdataRaw.default.misskey.fontColor
								} else if (value.type == 'misskeylegacy') {
									if (!value.bgColor) bgColor = tickerdataRaw.default.misskeylegacy.bgColor
									if (!value.fontColor) fontColor = tickerdataRaw.default.misskeylegacy.fontColor
								} else if (value.type == 'pixelfed') {
									if (!value.bgColor) bgColor = tickerdataRaw.default.pixelfed.bgColor
									if (!value.fontColor) fontColor = tickerdataRaw.default.pixelfed.fontColor
								}
							} else {
								var bgColor = value.bgColor
								var fontColor = value.fontColor
							}
							bgColorCSS = ''
							for (let j = 0; j < bgColor.length; j++) {
								const bg = bgColor[j]
								bgColorCSS = bgColorCSS + bg + ','
							}
							bgColorCSS = `linear-gradient(90deg, ${bgColorCSS} transparent)`
							var tickerdom = `<div aria-hidden="true" style="user-select:none;cursor:default;background:${bgColorCSS} !important; color:${fontColor
								};width:100%; height:0.9rem; font-size:0.8rem;" class="tickers">
									<img draggable="false" src="${value.favicon
								}" style="height:100%;" onerror="this.src=\'../../img/loading.svg\'" loading="lazy">
									<span style="position:relative; top:-0.2rem;">${escapeHTML(value.name)}</span>
								</div>`
							break
						}
					}
				}
			}
			//Quote
			if (toot.quote) {
				var quoteUser = toot.quote.account.display_name
				if (!quoteUser) {
					quoteUser = toot.quote.account.acct
				}
				if (!toot.quote.quote_muted) {
					poll =
						poll +
						`<div class="quote-renote">
						<div class="renote-icon">
							<a onclick="udg('${toot.quote.account.id}','${acct_id}');" user="${toot.quote.account.acct
						}" class="udg">
								<img draggable="false" src="${toot.quote.account.avatar}" loading="lazy">
							</a>
						</div>
						<div class="renote-user">
							${escapeHTML(quoteUser)}
						</div>
						<div class="renote-text">
							${toot.quote.content}
						</div>
						<div class="renote-details">
							<a onclick="details('${toot.quote.id
						}','${acct_id}','${tlid}','normal')" class="waves-effect waves-dark btn-flat details" style="padding:0">
								<i class="text-darken-3 material-icons">more_vert</i>
							</a>
						</div>
					</div>`
				} else {
					poll =
						poll +
						`<span class="gray sml">${lang.lang_parse_hidden}</span>`
				}

			}
			//menuは何個？
			var menuct = 2
			if (viashow != 'hide') {
				menuct++
			}
			if (if_mine != 'hide') {
				menuct = menuct + 3
			}
			if (noauth == 'hide') {
				menuct = 0
			}
			if (trans != '') {
				menuct++
			}
			//このトゥート内のアクションを完了させるために、適当にIDを振る
			var rand = randomStr(8)
			//プラグイン機構
			var plugin = plugins.buttonOnToot
			var pluginHtml = ''
			for (let target of plugin) {
				const meta = getMeta(target.content)
				pluginHtml = pluginHtml + `<li><a onclick="execPlugin('${target.id}','buttonOnToot',{id: '${uniqueid}', acct_id: '${acct_id}'});">${escapeHTML(meta.name)}</a></li>`
			}
			templete =
				templete +
				`<div
					id="pub_${toot.id}"
					class="cvo ${mouseover} ${boostback} ${fav_app} ${rt_app} ${pin_app} ${bkm_app} ${hasmedia} ${animecss}"
					toot-id="${id}" unique-id="${uniqueid}" data-medias="${media_ids}" unixtime="${date(
					obj[key].created_at,
					'unix'
				)}"
					${if_notf}
					onmouseover="mov('${uniqueid}','${tlid}','mv', '${rand}', this)"
					onclick="mov('${uniqueid}','${tlid}','cl', '${rand}', this)"
					onmouseout="resetmv('mv')"
				>
				<div class="area-notice grid"><span class="gray sharesta">${notice}${home}</span></div>
				<div class="area-icon grid">
					<a onclick="udg('${toot.account.id}','${acct_id}');" user="${toot.account.acct}" class="udg">
						<img draggable="false" src="${avatar}" width="40" class="prof-img"
							user="${toot.account.acct}" onerror="this.src='../../img/loading.svg'" alt="" loading="lazy" />
					</a>
					${noticeavatar}
				</div>
				<div class="area-display_name grid">
					<div class="flex-name">
						<span class="user">${dis_name}</span>
						<span class="sml gray" style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis; cursor:text;">
							@${toot.account.acct}${locked}
						</span>
					</div>
					<div class="flex-time">
						<span class="cbadge cbadge-hover pointer waves-effect" onclick="tootUriCopy('${toot.url}');"
							title="${date(toot.created_at, 'absolute')}(${lang.lang_parse_clickcopyurl})">
							<i class="far fa-clock"></i><span class="voice">posted at </span>${date(toot.created_at, datetype)}
						</span>
					</div>
				</div>
				<div class="area-toot grid">
					${tickerdom}
					<span class="${api_spoil} cw_text_${toot.id}">
						<span class="cw_text">${spoil}</span>
						${spoiler_show}
					</span>
					<div class="toot ${spoiler}">${content}</div>
					${poll}${viewer}
				</div>
				<div class="area-additional grid">
					<span class="additional">${analyze}</span>
					${mentions}${tags}
				</div>
				<div class="area-vis grid">${vis}</div>
				<div class="area-actions grid">
					<div class="action ${antinoauth}">
						<a onclick="detEx('${toot.url}','main')" class="waves-effect waves-dark details" style="padding:0">
							${lang.lang_parse_det}
						</a>
					</div>
					<div class="action ${antidmHide}">
						<a onclick="details('${toot.id}','${acct_id}','${tlid}','normal')" 
							class="waves-effect waves-dark details" style="padding:0">
							${lang.lang_parse_thread}
						</a>
					</div>
					<div class="action ${disp['re']} ${noauth}">
						<a onclick="re('${toot.id}','${to_mention}','${acct_id}','${visen}','${escapeHTML(toot.spoiler_text)}')" 
							class="waves-effect waves-dark btn-flat actct rep-btn"
							data-men="${to_mention}" data-visen="${visen}" style="padding:0" title="${lang.lang_parse_replyto}">
								<i class="fas fa-share"></i>
								<span class="voice">${lang.lang_parse_replyto} </span>
								<span class="rep_ct">${replyct}</span>
						</a>
					</div>
					<div class="action ${can_rt} ${disp['rt']} ${noauth}">
						<a onclick="rt('${toot.id
				}','${acct_id}','${tlid}')" class="waves-effect waves-dark btn-flat actct bt-btn"
							style="padding:0" title="${lang.lang_parse_bt}">
							<i class="fas fa-retweet ${if_rt} rt_${toot.id}"></i>
							<span class="voice">${lang.lang_parse_bt} </span>
							<span class="rt_ct">${toot.reblogs_count}</span>
						</a>
					</div>
					<div class="action ${can_rt} ${disp['qt']} ${noauth} ${qtClass}">
						<a onclick="qt('${toot.id}','${acct_id}','${toot.account.acct}','${toot.url}')" 
							class="waves-effect waves-dark btn-flat actct" style="padding:0" title="${lang.lang_parse_quote}">
							<i class="text-darken-3 fas fa-quote-right"></i>
							<span class="voice">${lang.lang_parse_quote} </span>
						</a>
					</div>
					<div class="action ${disp['bkm']} ${noauth} ${bkmClass}">
						<a onclick="bkm('${toot.id}','${acct_id}','${tlid}')"
							class="waves-effect waves-dark btn-flat actct bkm-btn" style="padding:0"
							title="${lang.lang_parse_bookmark}">
							<i class="fas text-darken-3 fa-bookmark bkm_${toot.id} ${if_bkm}"></i>
							<span class="voice">${lang.lang_parse_bookmark} </span>
					</a>
					</div>
					<div class="action ${disp['fav']} ${noauth}">
						<a onclick="fav('${uniqueid}','${acct_id}','${tlid}')"
							class="waves-effect waves-dark btn-flat actct fav-btn" style="padding:0"
							title="${lang.lang_parse_fav}">
							<i class="fas text-darken-3 fa-star${if_fav} fav_${uniqueid}"></i>
							<span class="fav_ct">${toot.favourites_count}</span>
							<span class="voice">${lang.lang_parse_fav} </span>
						</a>
					</div>
				</div>
				<div class="area-side">
					<div class="action ${noauth}">
						<a onclick="toggleAction(this)" data-target="dropdown_${rand}"
							class="ctxMenu waves-effect waves-dark btn-flat" style="padding:0" id="trigger_${rand}">
							<i class="text-darken-3 material-icons act-icon" aria-hidden="true">expand_more</i>
							<span class="voice">Other actions</span>
						</a>
					</div>
					<div class="action ${noauth}">
						<a onclick="details('${toot.id}','${acct_id}','${tlid}','normal')"
							class="waves-effect waves-dark btn-flat details ${dmHide}" style="padding:0"
							title="${lang.lang_parse_detail}">
						<i class="text-darken-3 material-icons" aria-hidden="true">menu_open</i></a>
						<span class="voice">${lang.lang_parse_detail}</span>
					</div>
				</div>
				<ul class="dropdown-content contextMenu" id="dropdown_${rand}">
					<li class="${viashow} via-dropdown" onclick="client('${$.strip_tags(via)}')" title="${lang.lang_parse_clientop}">
						via ${escapeHTML(via)}</a>
					</li>
					<div>
					<li onclick="bkm('${uniqueid}','${acct_id}','${tlid}')"
						class="bkm-btn bkmStr_${uniqueid}" style="padding:0">
						<i class="fas text-darken-3 fa-bookmark bkm_${toot.id} ${if_bkm}"></i>${bkmStr}
					</li>
					<li class="${if_mine}" onclick="del('${uniqueid}','${acct_id}')"
							style="padding:0">
							<i class="fas fa-trash"></i>${lang.lang_parse_del}
					</li>
					<li class="${if_mine}" onclick="pin('${uniqueid}','${acct_id}')" style="padding:0" class="pinStr_${uniqueid}">
							<i class="fas fa-map-pin pin_${uniqueid} ${if_pin}"></i>${pinStr}
					</li>
					<li class="${if_mine}"  onclick="redraft('${uniqueid}','${acct_id}')"
							style="padding:0">
							<i class="material-icons" aria-hidden="true">redo</i>${lang.lang_parse_redraft}
					</li>
					${trans}
					<li onclick="postMessage(['openUrl', '${toot.url}'], '*')"
						 style="padding:0">
						<i class="fas text-darken-3 fa-globe"></i>${lang.lang_parse_link}
					</li>
					${pluginHtml}
				</ul>
			</div>
			`
		}
	})
	if (mix == 'mix') {
		return [templete, local, times]
	} else {
		return templete
	}
}

//オブジェクトパーサー(ユーザーデータ)
function userparse(obj, auth, acct_id, tlid, popup) {
	//独自ロケール
	var locale = localStorage.getItem('locale')
	if (locale == 'yes') {
		var locale = false
	}
	var gif = localStorage.getItem('gif')
	if (!gif) {
		gif = 'yes'
	}
	var templete = ''
	var datetype = localStorage.getItem('datetype')
	Object.keys(obj).forEach(function (key) {
		var toot = obj[key]
		if (toot) {
			if (!toot.username) {
				var raw = toot
				toot = toot.account
				var notf = true
			} else {
				var notf = false
			}
			//Instance Actorって…
			if (toot.username.indexOf('.') < 0) {
				if (toot.locked) {
					var locked = ' <i class="fas fa-lock red-text"></i>'
				} else {
					var locked = ''
				}
				if (auth == 'request') {
					var authhtml = `<i class="material-icons gray pointer" onclick="request('${toot.id}','authorize','${acct_id}')" title="Accept" aria-hidden="true">
							person_add
						</i>
						<i class="material-icons gray pointer" onclick="request('${toot.id}','reject','${acct_id}')" title="Reject" aria-hidden="true">
							person_add_disabled
						</i>`
				} else {
					var authhtml = ''
				}
				if (auth == 'follow') {
					var ftxt = lang.lang_parse_followed
					if (!locale && localStorage.getItem('followlocale_' + acct_id)) {
						ftxt = localStorage.getItem('followlocale_' + acct_id)
					}
				} else if (auth == 'moved') {
					var ftxt = lang.lang_parse_moved
				} else if (auth == 'request') {
					var ftxt = lang.lang_parse_request
				}
				if (popup > 0 || popup == -1 || notf) {
					var notftext = ftxt + '<br>'
				} else {
					var notftext = ''
				}
				var memory = localStorage.getItem('notice-mem')
				if (popup >= 0 && obj.length < 5 && notftext != memory) {
					M.toast({ html: escapeHTML(toot.display_name) + ':' + ftxt, displayLength: popup * 1000 })
					$('.notf-icon_' + tlid).addClass('red-text')
					localStorage.setItem('notice-mem', notftext)
					notftext = ''
					var native = localStorage.getItem('nativenotf')
					if (!native) {
						native = 'yes'
					}
					if (native == 'yes') {
						var os = localStorage.getItem('platform')
						var options = {
							body: toot.display_name + '(' + toot.acct + ')' + ftxt,
							icon: toot.avatar
						}
						var domain = localStorage.getItem('domain_' + acct_id)
						var n = new Notification('TheDesk:' + domain, options)
					}
				}
				if (toot.display_name) {
					var dis_name = escapeHTML(toot.display_name)
				} else {
					var dis_name = toot.username
				}
				//ネイティブ通知

				if (toot.emojis) {
					var actemojick = toot.emojis[0]
				} else {
					var actemojick = false
				}
				//絵文字があれば
				if (actemojick) {
					Object.keys(toot.emojis).forEach(function (key5) {
						var emoji = toot.emojis[key5]
						var shortcode = emoji.shortcode
						if (gif == 'yes') {
							var emoSource = emoji.url
						} else {
							var emoSource = emoji.static_url
						}
						var emoji_url = `
							<img draggable="false" src="${emoSource}" class="emoji-img" data-emoji="${shortcode}" 
								alt=" :${shortcode}: " title="${shortcode}" onclick="this.classList.toggle('bigemoji');" loading="lazy">
						`
						var regExp = new RegExp(':' + shortcode + ':', 'g')
						dis_name = dis_name.replace(regExp, emoji_url)
					})
				}
				if (dis_name) {
					dis_name = twemoji.parse(dis_name)
				}
				if (toot.avatar) {
					if (gif == 'yes') {
						var avatar = toot.avatar
					} else {
						var avatar = toot.avatar_static
					}
				} else {
					var avatar = '../../img/missing.svg'
				}
				if (tlid == 'dir' && acct_id == 'noauth') {
					var udg = `<a onclick="udgEx('${toot.url}','main');" user="${toot.acct}" class="udg">`
				} else {
					var udg = `<a onclick="udg('${toot.id}','${acct_id}');" user="${toot.acct}" class="udg">`
				}
				var latest = date(toot.last_status_at, 'relative', true)
				if (toot.last_status_at) {
					var latesthtml = `<div class="cbadge" style="width:100px;">Last <span class="voice">toot</span>: ${latest}</div>`
				} else {
					var latesthtml = ''
				}
				templete =
					templete +
					`<div class="cusr" style="padding-top:5px;" user-id="${toot.id}">
					<div class="area-notice">${notftext}</div>
					<div class="area-icon">
						${udg}
						<img
							draggable="false"
							src="${avatar}"
							width="40"
							class="prof-img"
							user="${toot.acct}"
							onerror="this.src='../../img/loading.svg'"
							alt=""
							loading="lazy"
						/>
					</a></div>
					<div class="area-display_name">
						<div class="flex-name">
							<span class="user">${dis_name} </span>
							<span
								class="sml gray"
								style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;user-select:auto; cursor:text;"
							>
								@ ${toot.acct}${locked}</span>
						</div>
					</div>
					<div class="area-status">
						<div class="cbadge" style="width:100px;">
							${lang.lang_status_follow}:${toot.following_count}
						</div>
						<div class="cbadge" style="width:100px;">
							${lang.lang_status_followers}:${toot.followers_count}
						</div>
						${latesthtml}
					</div>
					<div class="area-actions" style="justify-content: flex-end;">
						${authhtml}
					</div>
				</div>
				`
			}
		}
	})
	return templete
}
//クライアントダイアログ
function client(name) {
	if (name != 'Unknown') {
		//聞く
		Swal.fire({
			title: lang.lang_parse_clientop,
			text: name + lang.lang_parse_clienttxt,
			type: 'info',
			showCancelButton: true,
			confirmButtonColor: '#3085d6',
			cancelButtonColor: '#3085d6',
			confirmButtonText: lang.lang_parse_clientmute,
			cancelButtonText: lang.lang_parse_clientemp,
			showCloseButton: true,
			focusConfirm: false
		}).then(result => {
			if (result.dismiss == 'cancel') {
				//Emp
				var cli = localStorage.getItem('client_emp')
				var obj = JSON.parse(cli)
				if (!obj) {
					var obj = []
					obj.push(name)
					M.toast({ html: escapeHTML(name) + lang.lang_status_emphas, displayLength: 2000 })
				} else {
					var can
					Object.keys(obj).forEach(function (key) {
						var cliT = obj[key]
						if (cliT != name && !can) {
							can = false
						} else {
							can = true
							obj.splice(key, 1)
							M.toast({ html: escapeHTML(name) + lang.lang_status_unemphas, displayLength: 2000 })
						}
					})
					if (!can) {
						obj.push(name)
						M.toast({ html: escapeHTML(name) + lang.lang_status_emphas, displayLength: 2000 })
					} else {
					}
					var json = JSON.stringify(obj)
					localStorage.setItem('client_emp', json)
					parseColumn()
				}
			} else if (result.value) {
				//Mute
				var cli = localStorage.getItem('client_mute')
				var obj = JSON.parse(cli)
				if (!obj) {
					obj = []
				}
				obj.push(name)
				var json = JSON.stringify(obj)
				localStorage.setItem('client_mute', json)
				M.toast({ html: escapeHTML(name) + lang.lang_parse_mute, displayLength: 2000 })
				parseColumn()
			}
		})
	}
}
//Poll Parser
function pollParse(poll, acct_id, emojis) {
	var rand = randomStr(8)
	var datetype = localStorage.getItem('datetype')
	var anime = localStorage.getItem('animation')
	if (anime == 'yes' || !anime) {
		var lpAnime = 'lpAnime'
	} else {
		var lpAnime = ''
	}
	var gif = localStorage.getItem('gif')
	if (!gif) {
		gif = 'yes'
	}
	var choices = poll.options
	if (poll.own_votes) {
		var minechoice = poll.own_votes
	} else {
		var minechoice = []
	}
	var refresh = `<a onclick="voteMastodonrefresh('${acct_id}','${poll.id}','${rand}')" class="pointer">
		${lang.lang_manager_refresh}
	</a>`
	if (poll.voted && minechoice.length) {
		var myvote = lang.lang_parse_voted
		if (poll.expired) myvote = myvote + '/' + lang.lang_parse_endedvote
		var result_hide = ''
	} else if (poll.voted && !minechoice.length) {
		var myvote = lang.lang_parse_myvote
		if (poll.expired) myvote = myvote + '/' + lang.lang_parse_endedvote
		var result_hide = ''
	} else if (poll.expired) {
		var myvote = lang.lang_parse_endedvote
		var result_hide = ''
	} else {
		var myvote = `<a onclick="voteMastodon('${acct_id}','${poll.id}','${rand}')" class="votebtn">${lang.lang_parse_vote}</a><br>`
		if (choices[0].votes_count === 0 || choices[0].votes_count > 0) {
			myvote =
				myvote +
				`<a onclick="showResult('${acct_id}','${poll.id}','${rand}')" class="pointer">
				${lang.lang_parse_unvoted}
				</a>　`
		}
		var result_hide = 'hide'
	}
	var ended = date(poll.expires_at, datetype)
	var pollHtml = ''
	if (choices[0].votes_count === 0 || choices[0].votes_count > 0) {
		var max = _.maxBy(choices, 'votes_count').votes_count
	} else {
		var max = 0
	}

	Object.keys(choices).forEach(function (keyc) {
		var choice = choices[keyc]
		var voteit = ''
		for (var i = 0; i < minechoice.length; i++) {
			var me = minechoice[i]
			if (me == keyc) {
				var voteit =
					'<span class="ownMark"><img class="emoji" draggable="false" src="https://twemoji.maxcdn.com/v/12.1.4/72x72/2705.png"></span>'
				break
			}
		}
		if (!poll.voted && !poll.expired) {
			var votesel =
				`voteSelMastodon('${acct_id}','${poll.id}',${keyc},${poll.multiple}, this)`
			var voteclass = 'pointer'
		} else {
			var votesel = ''
			var voteclass = ''
		}
		var per = Math.ceil((choice.votes_count / poll.votes_count) * 100)
		if (!per) per = 0
		if (max == choice.votes_count) {
			var addPoll = 'maxVoter'
		} else {
			var addPoll = ''
		}
		var openData = ''
		if (choice.votes_count !== null) {
			openData = `<span style="float: right">${voteit}${choice.votes_count}<span class="sml">(${per}%)</span></span>`
		} else {
			openData = `<span style="float: right">${voteit}?<span class="sml">(-%)</span></span>`
		}
		var choiceText = escapeHTML(choice.title)
		if (emojis) {
			//絵文字があれば
			Object.keys(emojis).forEach(function (key5) {
				var emoji = emojis[key5]
				var shortcode = emoji.shortcode
				if (gif == 'yes') {
					var emoSource = emoji.url
				} else {
					var emoSource = emoji.static_url
				}
				var emoji_url = `
			<img draggable="false" src="${emoSource}" class="emoji-img" data-emoji="${shortcode}" 
				alt=" :${shortcode}: " title="${shortcode}" onclick="this.classList.toggle('bigemoji');" loading="lazy">
		`
				var regExp = new RegExp(':' + shortcode + ':', 'g')
				choiceText = choiceText.replace(regExp, emoji_url)
			})
			choiceText = twemoji.parse(choiceText)
		}
		pollHtml =
			pollHtml +
			`<div class="${voteclass} vote vote_${acct_id}_${poll.id}_${keyc}" onclick="${votesel}">
				<span class="vote_${acct_id}_${poll.id}_result leadPoll ${result_hide} ${addPoll} ${lpAnime}" style="width: ${per}%"></span>
				<span class="onPoll">${choiceText}</span>
				<span class="vote_${acct_id}_${poll.id}_result ${result_hide} onPoll">
					${openData}
				</span>
			</div>`
	})
	if (poll.expired) {
		refresh = ''
	}
	pollHtml = `<div class="vote_${acct_id}_${poll.id}" id="vote${rand}">
			${pollHtml}${myvote}
			${refresh}
			<span class="cbadge cbadge-hover" title="${date(poll.expires_at, 'absolute')}">
				<i class="far fa-calendar-times"></i>
				${ended}
			</span>${poll.voters_count} ${lang.lang_parse_people}
		</div>`
	return pollHtml
}

//MastodonBaseStreaming
var mastodonBaseWs = {}
var mastodonBaseWsStatus = {}
function mastodonBaseStreaming(acct_id) {
	console.log('start to connect mastodonBaseStreaming of ' + acct_id)
	notfCommon(acct_id, 0, null, 'no')
	const domain = localStorage.getItem(`domain_${acct_id}`)
	if (mastodonBaseWsStatus[domain]) return
	mastodonBaseWsStatus[domain] = 'undetected'
	const at = localStorage.getItem(`acct_${acct_id}_at`)
	let wss = 'wss://' + domain
	if (localStorage.getItem('streaming_' + acct_id)) {
		wss = localStorage.getItem('streaming_' + acct_id)
	}
	const start = `${wss}/api/v1/streaming/?access_token=${at}`
	mastodonBaseWs[domain] = new WebSocket(start)
	mastodonBaseWs[domain].onopen = function () {
		mastodonBaseWsStatus[domain] = 'connecting'
		setTimeout(function () {
			mastodonBaseWsStatus[domain] = 'available'
		}, 3000)
		mastodonBaseWs[domain].send(JSON.stringify({ type: 'subscribe', stream: 'user' }))
		$('.notice_icon_acct_' + acct_id).removeClass('red-text')
	}
	mastodonBaseWs[domain].onmessage = function (mess) {
		const typeA = JSON.parse(mess.data).event
		if (typeA == 'delete') {
			$(`[unique-id=${JSON.parse(mess.data).payload}]`).hide()
			$(`[unique-id=${JSON.parse(mess.data).payload}]`).remove()
		} else if (typeA == 'update' || typeA == 'conversation') {
			//markers show中はダメ
			const tl = JSON.parse(mess.data).stream
			const obj = JSON.parse(JSON.parse(mess.data).payload)
			const tls = getTlMeta(tl[0], tl, acct_id, obj)
			insertTl(obj, tls)
		} else if (typeA == 'filters_changed') {
			filterUpdate(acct_id)
		} else if (~typeA.indexOf('announcement')) {
			announ(acct_id, tlid)
		} else if (typeA == 'notification') {
			const obj = JSON.parse(JSON.parse(mess.data).payload)
			let template = ''
			localStorage.setItem('lastnotf_' + acct_id, obj.id)
			let popup = localStorage.getItem('popup')
			if (!popup) {
				popup = 0
			}
			if (obj.type != 'follow' && obj.type != 'follow_request') {
				template = parse([obj], 'notf', acct_id, 'notf', popup)
			} else if (obj.type == 'follow_request') {
				template = userparse([obj.account], 'request', acct_id, 'notf', -1)
			} else {
				template = userparse([obj], obj.type, acct_id, 'notf', popup)
			}
			if (!$('div[data-notfIndv=' + acct_id + '_' + obj.id + ']').length) {
				$('div[data-notf=' + acct_id + ']').prepend(template)
				$('div[data-const=notf_' + acct_id + ']').prepend(template)
			}
			jQuery('time.timeago').timeago()
		} else {
			console.error('unknown type ' + typeA)
		}
	}
	mastodonBaseWs[domain].onerror = function (error) {
		notfCommon(acct_id, 0, null, 'only') //fallback
		console.error("Error closing " + domain)
		console.error(error)
		if (mastodonBaseWsStatus[domain] == 'available') {
			/*M.toast({
				html:
					`${lang.lang_parse_disconnected}<button class="btn-flat toast-action" onclick="location.reload()">${lang.lang_layout_reconnect}</button>`,
				completeCallback: function () {
					parseColumn()

				},
				displayLength: 3000
			})*/
			parseColumn()
		}
		mastodonBaseWsStatus[domain] = 'cannotuse'
		setTimeout(function () {
			mastodonBaseWsStatus[domain] = 'cannotuse'
		}, 3000)
		mastodonBaseWs[domain] = false
		return false
	}
	mastodonBaseWs[domain].onclose = function () {
		notfCommon(acct_id, 0, null, 'only') //fallback
		console.warn("Closing " + domain)
		if (mastodonBaseWsStatus[domain] == 'available') {
			/*M.toast({
				html:
					`${lang.lang_parse_disconnected}<button class="btn-flat toast-action" onclick="location.reload()">${lang.lang_layout_reconnect}</button>`,
				completeCallback: function () {
					parseColumn()

				},
				displayLength: 3000
			})*/
			parseColumn()
		}
		mastodonBaseWs[domain] = false
		mastodonBaseWsStatus[domain] = 'cannotuse'
		setTimeout(function () {
			mastodonBaseWsStatus[domain] = 'cannotuse'
		}, 3000)
		return false
	}
}
function insertTl(obj, tls) {
	for (const timeline of tls) {
		const { id, voice, type, acct_id } = timeline
		const mute = getFilterTypeByAcct(acct_id, type)
		if ($(`#unread_${id} .material-icons`).hasClass('teal-text')) continue
		if (!$(`#timeline_${id} [toot-id=${obj.id}]`).length) {
			if (voice) {
				say(obj.content)
			}
			const template = parse([obj], type, acct_id, id, '', mute, type)
			console.log($(`#timeline_box_${id}_box .tl-box`).scrollTop(), `timeline_box_${id}_box .tl-box`)
			if (
				$(`#timeline_box_${id}_box .tl-box`).scrollTop() === 0
			) {
				$(`#timeline_${id}`).prepend(template)
			} else {
				let pool = localStorage.getItem('pool_' + id)
				if (pool) {
					pool = template + pool
				} else {
					pool = template
				}
				localStorage.setItem('pool_' + id, pool)
			}
			scrollck()
			additional(acct_id, id)
			jQuery('time.timeago').timeago()
		}
	}
}
function getTlMeta(type, data, num, status) {
	const acct_id = num.toString()
	const columns = localStorage.getItem('column')
	const obj = JSON.parse(columns)
	let ret = []
	let i = -1
	switch (type) {
		case 'user':
			for (const tl of obj) {
				i++
				if (tl.domain != acct_id) continue
				if (tl.type == 'mix' || tl.type == 'home') {
					let voice = false
					if (localStorage.getItem('voice_' + i)) voice = true
					ret.push({
						id: i,
						voice: voice,
						type: tl.type,
						acct_id: tl.domain
					})
				}
			}
			break
		case 'public:local':
			for (const tl of obj) {
				i++
				if (tl.domain != acct_id) continue
				if (tl.type == 'mix' || tl.type == 'local') {
					let voice = false
					if (localStorage.getItem('voice_' + i)) voice = true
					ret.push({
						id: i,
						voice: voice,
						type: tl.type,
						acct_id: tl.domain
					})
				}
			}
			break
		case 'public:local:media':
			for (const tl of obj) {
				i++
				if (tl.domain != acct_id) continue
				if (tl.type == 'local-media') {
					let voice = false
					if (localStorage.getItem('voice_' + i)) voice = true
					ret.push({
						id: i,
						voice: voice,
						type: tl.type,
						acct_id: tl.domain
					})
				}
			}
			break;
		case 'public':
			for (const tl of obj) {
				i++
				if (tl.domain != acct_id) continue
				if (tl.type == 'pub') {
					console.log(i, tl)
					let voice = false
					if (localStorage.getItem('voice_' + i)) voice = true
					ret.push({
						id: i,
						voice: voice,
						type: tl.type,
						acct_id: tl.domain
					})
				}
			}
			break;
		case 'public:media':
			for (const tl of obj) {
				i++
				if (tl.domain != acct_id) continue
				if (tl.type == 'pub-media') {
					let voice = false
					if (localStorage.getItem('voice_' + i)) voice = true
					ret.push({
						id: i,
						voice: voice,
						type: tl.type,
						acct_id: tl.domain
					})
				}
			}
			break;
		case 'list':
			for (const tl of obj) {
				i++
				if (tl.domain != acct_id) continue
				if (tl.type == 'list' && tl.data == data[1]) {
					let voice = false
					if (localStorage.getItem('voice_' + i)) voice = true
					ret.push({
						id: i,
						voice: voice,
						type: tl.type,
						acct_id: tl.domain
					})
				}
			}
			break;
		case 'direct':
			for (const tl of obj) {
				i++
				if (tl.domain != acct_id) continue
				if (tl.type == 'dm') {
					let voice = false
					if (localStorage.getItem('voice_' + i)) voice = true
					ret.push({
						id: i,
						voice: voice,
						type: tl.type,
						acct_id: tl.domain
					})
				}
			}
			break;
		case 'hashtag':
			for (const tl of obj) {
				i++
				if (tl.domain != acct_id) continue
				const columnDataRaw = tl.data
				let columnData
				if (!columnDataRaw.name) {
					columnData = { name: columnDataRaw }
				} else {
					columnData = columnDataRaw
				}
				if (tl.type == 'tag') {
					let voice = false
					let can = false
					if (columnData.name == data[1]) can = true
					//any
					if (columnData.any.split(',').includes(data[1])) can = true
					//all
					const { tags } = status
					if (columnData.all) can = true
					for (const { name } of tags) {
						if (!columnData.all.split(',').includes(name)) {
							can = false
							break
						}
					}
					//none
					if (columnData.none) can = true
					for (const { name } of tags) {
						if (columnData.none.split(',').includes(name)) {
							can = false
							break
						}
					}
					if (localStorage.getItem('voice_' + i)) voice = true
					ret.push({
						id: i,
						voice: voice,
						type: tl.type,
						acct_id: tl.domain
					})
				}
			}
			break;
		default:
			console.error(`Cannot catch`);
	}
	return ret
}