thedesk/app/js/tl/misskeyparse.js

function escapeHTMLtemp(str) {
	if (!str) {
		return ""
	}
	return str.replace(/&/g, '&')
		.replace(/</g, '&lt;')
		.replace(/>/g, '&gt;')
		.replace(/"/g, '&quot;')
		.replace(/'/g, '&#039;')
}
$.strip_tagstemp = function (str, allowed) {
	if (!str) {
		return ""
	}
	allowed = (((allowed || '') + '').toLowerCase().match(/<[a-z][a-z0-9]*>/g) || [])
		.join('')
	var tags = /<\/?([a-z][a-z0-9]*)\b[^>]*>?/gi,
		commentsAndPhpTags = /<!--[\s\S]*?-->|<\?(?:php)?[\s\S]*?\?>/gi
	return str.replace(commentsAndPhpTags, '').replace(tags, function ($0, $1) {
		return allowed.indexOf('<' + $1.toLowerCase() + '>') > -1 ? $0 : ''
	})
}
//オブジェクトパーサー(トゥート)
function misskeyParse(obj, mix, acct_id, tlid, popup, mutefilter) {
	var templete = ''
	localStorage.setItem("lastunix_" + tlid, date(obj[0].createdAt, 'unix'))
	var actb = localStorage.getItem("action_btns")
	var actb = 're,rt,fav,qt,del,pin,red'
	if (actb) {
		var actb = actb.split(',')
		var disp = {}
		for (var k = 0; k < actb.length; k++) {
			if (k < 4) {
				var tp = "type-a"
			} else {
				var tp = "type-b"
			}
			disp[actb[k]] = tp
		}
	}
	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")
	//ネイティブ通知
	var native = localStorage.getItem("nativenotf")
	if (!native) {
		native = "yes"
	}
	//クライアント強調
	var empCli = localStorage.getItem("client_emp")
	if (empCli) {
		var empCli = JSON.parse(empCli)
	} else {
		var empCli = []
	}
	//クライアントミュート
	var muteCli = localStorage.getItem("client_mute")
	if (muteCli) {
		var muteCli = JSON.parse(muteCli)
	} else {
		var 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) {
		var ticker = true
	} else {
		var ticker = false
	}
	if (!sent) {
		var 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 viashow = localStorage.getItem("viashow")
	if (!viashow) {
		viashow = "via-hide"
	}
	if (viashow == "hide") {
		viashow = "via-hide"
	}
	//認証なしTL
	if (mix == "noauth") {
		var noauth = "hide"
		var antinoauth = ""
	} else {
		var noauth = ""
		var antinoauth = "hide"
	}
	//マウスオーバーのみ
	var mouseover = localStorage.getItem("mouseover")
	if (!mouseover) {
		mouseover = ""
	} else if (mouseover == "yes" || mouseover == "click") {
		mouseover = "hide"
	} else if (mouseover == "no") {
		mouseover = ""
	}
	var local = []
	var times = []
	Object.keys(obj).forEach(function (key) {
		var toot = obj[key]
		var dis_name = toot.user.name
		if (dis_name) {
			dis_name = escapeHTMLtemp(dis_name)
		} else {
			disname = ""
		}
		//絵文字があれば
		if (toot.user.emojis) {
			Object.keys(toot.user.emojis).forEach(function (key5) {
				var emoji = toot.user.emojis[key5]
				var shortcode = emoji.name
				var emoji_url = '<img draggable="false" src="' + emoji.url +
					'" class="emoji-img" data-emoji="' + shortcode + '" alt=" :' + shortcode + ': ">'
				var regExp = new RegExp(":" + shortcode + ":", "g")
				dis_name = dis_name.replace(regExp, emoji_url)
			})
		}
		if (mix == "notf") {
			if (gif == "yes") {
				noticeavatar = toot.user.avatarUrl
			} else {
				noticeavatar = toot.user.avatarUrl
			}
			noticeavatar = '<a onclick="udg(\'' + toot.user.id +
				'\',' + acct_id + ');" user="' + toot.user.username + '" class="udg notf-icon">' +
				'<img src="' + noticeavatar +
				'" width="20" class="prof-img" user="' + toot.user.username +
				'"></a>'
			if (toot.type == "reply") {
				var what = lang.lang_parse_mentioned
				var icon = '<i class="big-text fas fa-share teal-text"></i>'
				noticeavatar = ""
			} else if (toot.type == "renote") {
				var what = lang.lang_misskeyparse_renoted
				var icon = '<i class="big-text fas fa-retweet light-blue-text"></i>'
			} else if (toot.type == "quote") {
				var what = lang.lang_misskeyparse_quoted
				var icon = '<i class="big-text fas fa-quote-right orange-text"></i>'
			} else if (toot.type == "reaction") {
				var what = lang.lang_misskeyparse_reacted
				var reactions = {
					"like": "👍",
					"love": "💓",
					"laugh": "😁",
					"hmm": "🤔",
					"surprise": "😮",
					"congrats": "🎉",
					"amgry": "💢",
					"confused": "😥",
					"rip": "😇"
				}
				var icon = reactions[toot.reaction]
				var emojisData = JSON.parse(localStorage.getItem("emoji_" + acct_id))
				if (!icon) {
					if (emojisData) {
						var num = emojisData.length
						var ehtml = ""
						for (i = 0; i < num; i++) {
							var emoji = emojisData[i]
							if (":" + emoji.shortcode + ":" == toot.reaction) {
								if (emoji) {
									icon = '<img src="' + emoji.url + '" style="width:1rem">'
								}
							}
						}
					}
				}
			} else {
				var icon = '<i class="big-text material-icons indigo-text" style="font-size:17px">info</i>'
			}
			var noticetext = '<span class="cbadge cbadge-hover"title="' + date(toot.createdAt,
				'absolute') + '(' + lang.lang_parse_notftime + ')"><i class="far fa-clock"></i>' + date(toot.createdAt,
					datetype) +
				'</span>' + icon + '<a onclick="udg(\'' + toot.user.username +
				'\',\'' + acct_id + '\')" class="pointer grey-text">' + dis_name +
				"(@" + toot.user.username +
				")</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 == "reply") {
						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")
					} else if (toot.type == "renote" || toot.type == "quote") {
						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")
					} else if (toot.type == "reaction") {
						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 domain = localStorage.getItem("domain_" + acct_id)
				if (popup > 0) {
					M.toast({ html: "[" + domain + "]" + escapeHTMLtemp(toot.user.name) + what, displayLength: popup * 1000 })
				}
				if (native == "yes") {
					var os = localStorage.getItem("platform")
					var options = {
						body: toot.user.name + "(" + toot.user.username + ")" + what + "\n\n" + $.strip_tagstemp(toot.note.text),
						icon: toot.user.avatarUrl
					}
					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 + '"'
			var toot = toot.note
			var dis_name = escapeHTML(toot.user.name)
		} else {
			var if_notf = ""
			if (toot.renote) {
				var rebtxt = lang.lang_parse_btedsimple
				var rticon = "fa-retweet light-blue-text"
				var notice = '<i class="big-text fas ' + rticon + '"></i>' + dis_name + "(@" + toot.user.username +
					")<br>"
				var boostback = "shared"
				var uniqueid = toot.id
				if (!toot.text) {
					var toot = toot.renote
				}
				var dis_name = escapeHTML(toot.user.name)
				var uniqueid = toot.id
				var actemojick = false
			} else {
				var uniqueid = toot.id
				var notice = ""
				var boostback = ""
				//ユーザー強調
				if (toot.user.host) {
					var fullname = toot.user.username + "@" + toot.user.host
				} else {
					var domain = localStorage.getItem("domain_" + acct_id)
					var fullname = toot.user.username + "@" + domain
				}
				if (useremp) {
					Object.keys(useremp).forEach(function (key10) {
						var user = useremp[key10]
						if (user == fullname) {
							boostback = "emphasized"
						}
					})
				}
			}
		}
		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="fa fa-lock red-text"></i>';
		} else {
			var locked = "";
        }
        */
		if (!toot.app) {
			if (toot.viaMobile) {
				var via = '<span style="font-style: italic;">Mobile</span>'
			} else {
				var via = ''
				viashow = "via-hide"
			}
		} else {
			var via = escapeHTML(toot.app.name)
			if (!toot.app.name) {
				viashow = "via-hide"
			}
			//強調チェック
			Object.keys(empCli).forEach(function (key6) {
				var empCliList = empCli[key6]
				if (empCliList == via) {
					boostback = "emphasized"
				}
			})
			//ミュートチェック
			Object.keys(muteCli).forEach(function (key7) {
				var muteCliList = muteCli[key7]
				if (muteCliList == via) {
					boostback = "hide"
				}
			})
		}
		if ((toot.cw || toot.cw == "") && cw) {
			var content = escapeHTML(toot.text)
			var spoil = escapeHTMLtemp(toot.cw)
			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 + '</a><br>'
		} else {
			var ct1 = nl2br(toot.text).split('<br />').length - 2
			var ct2 = nl2br(toot.text).split('<br>').length - 2
			if (ct1 > ct2) { var ct = ct1 } else { var ct = ct2 }
			if ((sent < ct && $.mb_strlen($.strip_tagstemp(toot.text)) > 5) || ($.strip_tagstemp(toot.text).length > ltr && $.mb_strlen($.strip_tagstemp(toot.text)) > 5)) {
				var content = '<span class="gray">' + lang.lang_parse_fulltext + '</span><br>' + escapeHTMLtemp(toot.text)
				var spoil = '<span class="cw_long">' + $.mb_substr($.strip_tagstemp(
					toot.text), 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 content = escapeHTMLtemp(toot.text)
				if (toot.cw) {
					var spoil = escapeHTMLtemp(toot.cw)
				} else {
					var spoil = ""
				}

				var spoiler = ""
				var spoiler_show = ""
			}
		}
		var analyze = ''
		var urls = $.strip_tagstemp(content).replace(/\n/g, " ").match(
			/https?:\/\/([-a-zA-Z0-9@.]+)\/?(?!.*((media|tags)|mentions)).*([-_.!~*\'()a-zA-Z0-9;\/?:\@&=+\$,%#]+)?/
		)
		if (urls) {
			var analyze = '<a onclick="additionalIndv(\'' + tlid + '\',' + acct_id +
				',\'' + id + '\')" class="add-show pointer">' + lang.lang_parse_url + '</a><br>'
		} else {
			var analyze = ''
		}
		var viewer = "<br>"
		var hasmedia = ""
		var youtube = ""
		if (toot.emojis) {
			var emojick = toot.emojis[0]
		} else {
			var emojick = false
		}
		//デフォ絵文字
		if (content) {
			//MFM
			content = content.replace(/^"([^"]+)"$/gmi, '<blockquote>$1</blockquote>')
			content = content.replace(/`(.+)`/gi, '<code>$1</code>')
			content = content.replace(/(http(s)?:\/\/[\x21-\x7e]+)/gi, '<a href="$1" target="_blank">$1</a>')
			content = content.replace(/\(\(\((.+)\)\)\)/gi, '<span class="shake">$1</span>')
			content = content.replace(/&lt;motion&gt;(.+)&lt;\/motion&gt;/gi, '<span class="shake">$1</span>')
			content = content.replace(/\*\*\*([^*]+)\*\*\*/gi, '<span class="shake" style="font-size:200%">$1</span>')
			content = content.replace(/\*\*([^*]+)\*\*/gi, '<b>$1</b>')
			content = content.replace(/^(.+)\s(検索|search)$/gmi, '<div class="input-field"><i class="material-icons prefix">search</i><input type="text" style="width:calc( 60% - 80px);" name="q" value="$1" id="srcbox_' + toot.id + '"><label for="src" data-trans="src" class="">検索</label><button class="btn waves-effect indigo" style="width:40%;" data-trans-i="src" onclick="goGoogle(\'' + toot.id + '\')">検索</button></div>')
			content = content.replace(/\[(.+)\]\(<a href="(http(s)?:\/\/[\x21-\x7e]+)".+\)/gi, '<a href="$2" target="_blank">$1</a>')
			content = content.replace(/&lt;center&gt;/gi, '<div class="center">')
			content = content.replace(/&lt;\/center&gt;/gi, '</div>')
			content = content.replace(/&lt;flip&gt;(.+)&lt;\/flip&gt;/gi, '<span class="fa fa-flip-horizontal">$1</span>')
			content = content.replace(/&lt;small&gt;(.+)&lt;\/small&gt;/gi, '<small>$1</small>')
			content = content.replace(/&lt;i&gt;(.+)&lt;\/i&gt;/gi, '<i>$1</i>')
			content = content.replace(/&lt;spin&gt;(.+)&lt;\/spin&gt;/gi, '<span class="fa fa-spin">$1</span>')
			content = content.replace(/\*\*(.+)\*\*/gi, '<b>$1</b>')
			content = content.replace(/&lt;jump&gt;(.+)&lt;\/jump&gt;/gi, '<span class="jump">$1</jump>')
			content = twemoji.parse(content)
		} else {
			content = ""
		}
		//絵文字があれば
		if (emojick) {
			Object.keys(toot.emojis).forEach(function (key5) {
				var emoji = toot.emojis[key5]
				var shortcode = emoji.name
				var emoji_url = '<img draggable="false" src="' + emoji.url +
					'" class="emoji-img" data-emoji="' + shortcode + '" alt=" :' + shortcode + ': ">'
				var regExp = new RegExp(":" + shortcode + ":", "g")
				content = content.replace(regExp, emoji_url)
				spoil = spoil.replace(regExp, emoji_url)
			})
		}
		if (dis_name) {
			dis_name = twemoji.parse(dis_name)
		} else {
			dis_name = ""
		}
		if (spoil) {
			spoil = twemoji.parse(spoil)
		}
		if (noticetext) {
			noticetext = twemoji.parse(noticetext)
		}
		if (notice) {
			notice = twemoji.parse(notice)
		}

		if (toot.files) {
			var mediack = toot.files[0]
			var useparam = "files"
		} else {
			if (toot.media) {
				var mediack = toot.media[0]
				var useparam = "media"
			} else {
				var mediack = false
			}
		}
		//メディアがあれば
		var media_ids = ""
		if (mediack) {
			hasmedia = "hasmedia"
			var cwdt = 100 / toot[useparam].length
			Object.keys(toot[useparam]).forEach(function (key2) {
				var media = toot[useparam][key2]
				var purl = media.url
				media_ids = media_ids + media.id + ","
				var url = media.url
				if (media.isSensitive && nsfw) {
					var sense = "sensitive"
				} else {
					var sense = ""
				}
				if (media.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%;"></a></span>'
				} else if (media.type.indexOf("audio") !== -1) {
					viewer = viewer + '<audio src="' +
						purl + '" class="' + sense +
						' toot-img pointer" style="width:100%;" controls></span>'
				} else {
					viewer = viewer + '<a onclick="imgv(\'' + id + '\',\'' + key2 + '\',' +
						acct_id + ')" id="' + id + '-image-' + key2 + '" data-url="' + url +
						'" data-type="image" class="img-parsed"><img src="' +
						purl + '" class="' + sense +
						' toot-img pointer" style="width:' + cwdt + '%; height:' + imh + 'px;" onerror="this.src=\'../../img/loading.svg\'"></a></span>'
				}

			})
			media_ids = media_ids.slice(0, -1)
		} else {
			viewer = ""
			hasmedia = "nomedia"
		}
		var menck = toot.reply
		var mentions = ""
		//メンションであれば
		if (menck) {
			mentions = '<div style="float:right"><a onclick="udg(\'' + menck.user.id + '\',' +
				acct_id + ')" class="pointer">@' + menck.user.username + '</a></div>'
		}
		var tagck = toot.tags
		var tags = ""
		//タグであれば
		if (tagck) {
			Object.keys(toot.tags).forEach(function (key4) {
				var tag = toot.tags[key4]
				var tags = '<a onclick="tagShow(\'' + tag + '\', this)" class="pointer parsed">#' + tag + '</a><span class="hide" data-tag="' + tag + '" data-regTag="'+tag.toLowerCase()+'">#' + tag + ':<a onclick="tl(\'tag\',\'' + tag + '\',' + acct_id +
					',\'add\')" class="pointer parsed" title="' + lang.lang_parse_tagTL.replace("{{tag}}", '#' + tag) + '">TL</a>　<a onclick="brInsert(\'#' + tag + '\')" class="pointer parsed" title="' + lang.lang_parse_tagtoot.replace("{{tag}}", '#' + tag) + '">Toot</a>　' +
					'<a onclick="tagPin(\'' + tag + '\')" class="pointer parsed" title="' + lang.lang_parse_tagpin.replace("{{tag}}", '#' + tag) + '">Pin</a></span> '
				content = content.replace("#" + tag, tags)
			})
			//tags = '<div style="float:right">' + tags + '</div>';
		}
		//公開範囲を取得
		var vis = ""
		var visen = toot.visibility
		if (visen == "public") {
			var vis =
				'<i class="text-darken-3 material-icons gray sml vis-data pointer" title="' + lang.lang_parse_public + '(' + lang.lang_parse_clickcopy + ')" data-vis="public" onclick="staCopy(\'' + id + '\')" style="font-size:1rem;">public</i>'
			var can_rt = ""
		} else if (visen == "home") {
			var vis =
				'<i class="text-darken-3 material-icons blue-text vis-data pointer" title="' + lang.lang_misskeyparse_home + '(' + lang.lang_parse_clickcopy + ')" data-vis="unlisted" onclick="staCopy(\'' + id + '\')" style="font-size:1rem;">lock_open</i>'
			var can_rt = ""
		} else if (visen == "followers") {
			var vis =
				'<i class="text-darken-3 material-icons blue-text vis-data pointer" title="' + lang.lang_misskeyparse_followers + '(' + lang.lang_parse_clickcopy + ')" data-vis="unlisted" onclick="staCopy(\'' + id + '\')" style="font-size:1rem;">people</i>'
			var can_rt = ""
		} else if (visen == "private") {
			var vis =
				'<i class="text-darken-3 material-icons orange-text vis-data pointer" title="' + lang.lang_parse_private + '(' + lang.lang_parse_clickcopy + ')" data-vis="private" onclick="staCopy(\'' + id + '\')" style="font-size:1rem;">lock</i>'
			var can_rt = ""
		} else if (visen == "specified") {
			var vis =
				'<i class="text-darken-3 material-icons red-text vis-data pointer" title="' + lang.lang_misskeyparse_specified + '(' + lang.lang_parse_clickcopy + ')" data-vis="direct" onclick="staCopy(\'' + id + '\')" style="font-size:1rem;">mail</i>'
			var can_rt = "hide"
		}
		if (toot.user.username == localStorage.getItem("user_" + acct_id)) {
			var if_mine = ""
			var mine_via = "type-b"
		} else {
			var if_mine = "hide"
			var mine_via = ""
		}
		if (toot.myReaction) {
			var if_fav = " yellow-text"
			var fav_app = "faved"
		} else {
			var if_fav = ""
			var fav_app = ""
		}
		var if_rt = ""
		var rt_app = ""
        /*
		if (toot.reblogged) {
			var if_rt = "light-blue-text";
			var rt_app = "rted";
		} else {
			var if_rt = "";
			var rt_app = "";
        }
        */
		//アバター
		var avatar = toot.user.avatarUrl
		//ワードミュート
		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_tagstemp(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>")
				}
			})
		}
		//Ticker
		var tickerdom = ""
		if (ticker) {
			var tickerdata = JSON.parse(localStorage.getItem("ticker"))

			var thisdomain = toot.user.username.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 tickerdom = '<div style="background:linear-gradient(to left,transparent, ' + value.bg + ' 96%) !important; color:' + value.text + ';width:100%; height:0.9rem; font-size:0.8rem;"><img src="' + value.image + '" style="height:100%;"><span style="position:relative; top:-0.2rem;"> ' + escapeHTML(value.name) + '</span></div>'
					break
				}
			}
		}
		//Poll
		var poll = ""
		if (toot.poll) {
			var choices = toot.poll.choices
			Object.keys(choices).forEach(function (keyc) {
				var choice = choices[keyc]
				if (choice.isVoted) {
					var myvote = twemoji.parse("✅")
				} else {
					var myvote = ""
				}
				poll = poll + '<div class="pointer vote" onclick="vote(\'' + acct_id + '\',\'' + toot.id + '\',' + choice.id + ')">' + escapeHTML(choice.text) + '(' + choice.votes + '' + myvote + ')</div>'
			})
			poll = '<div class="vote_' + toot.id + '">' + poll + '</div>'
		}
		//引用Renote
		if (toot.renote) {
			poll = poll + '<div class="quote-renote"><div class="renote-icon"><a onclick="udg(\'' + toot.renote.user.id +
				'\',' + acct_id + ');" user="' + toot.renote.user.username + '" class="udg"><img src="' + toot.renote.user.avatarUrl + '"></a></div><div class="renote-user">' + escapeHTML(toot.renote.user.name) + '</div><div class="renote-text">' + escapeHTML(toot.renote.text) + '</div></div>'
		}
		if (localStorage.getItem("emojiReaction_" + acct_id) == "disabled") {
			var freeReact = "hide"
		} else {
			var freeReact = ""
		}
		//Reactions
		var addReact = ""
		if (toot.reactions) {
			Object.keys(toot.reactions).forEach(function (keye) {
				var thisReact = toot.reactions[keye]
				if (keye == "like") { var defaultEmoji = true }
				else if (keye == "love") { var defaultEmoji = true }
				else if (keye == "laugh") { var defaultEmoji = true }
				else if (keye == "hmm") { var defaultEmoji = true }
				else if (keye == "surprise") { var defaultEmoji = true }
				else if (keye == "congrats") { var defaultEmoji = true }
				else if (keye == "angry") { var defaultEmoji = true }
				else if (keye == "confused") { var defaultEmoji = true }
				else if (keye == "star") { var defaultEmoji = true }
				else {
					var obj = JSON.parse(localStorage.getItem("emoji_" + acct_id))
					if (obj) {
						var num = obj.length
						var ehtml = ""
						for (i = 0; i < num; i++) {
							var emoji = obj[i]
							if (":" + emoji.shortcode + ":" == keye) {
								if (emoji) {
									addReact = addReact + '<span class="reaction"><a onclick="reaction(\'' + keye + '\',\'' + toot.id + '\',' + acct_id +
										',\'' + tlid + '\')" class="waves-effect waves-dark btn-flat pointer" style="padding:0;margin-left:3px;"><img src="' + emoji.url + '" style="width:13px;"></a><span class="re-' + emoji.shortcode + 'ct">' + thisReact +
										'</span></span>'
								}
							}
						}
					}
				}
			})
			if (toot.reactions.like) {
				var like = toot.reactions.like
				var likehide = ""
			} else {
				var like = 0
				var likehide = "hide"
			}
			if (toot.reactions.love) {
				var love = toot.reactions.love
				var lovehide = ""
			} else {
				var love = 0
				var lovehide = "hide"
			}
			if (toot.reactions.laugh) {
				var laugh = toot.reactions.laugh
				var laughhide = ""
			} else {
				var laugh = 0
				var laughhide = "hide"
			}
			if (toot.reactions.hmm) {
				var hmm = toot.reactions.hmm
				var hmmhide = ""
			} else {
				var hmm = 0
				var hmmhide = "hide"
			}
			if (toot.reactions.surprise) {
				var surprise = toot.reactions.surprise
				var suphide = ""
			} else {
				var suphide = "hide"
				var surprise = 0
			}
			if (toot.reactions.congrats) {
				var congrats = toot.reactions.congrats
				var conghide = ""
			} else {
				var congrats = 0
				var conghide = "hide"
			}
			if (toot.reactions.angry) {
				var angry = toot.reactions.angry
				var anghide = ""
			} else {
				var angry = 0
				var anghide = "hide"
			}
			if (toot.reactions.confused) {
				var confhide = ""
				var confused = toot.reactions.confused
			} else {
				var confused = 0
				var confhide = "hide"
			}
			if (toot.reactions.rip) {
				var riphide = ""
				var rip = toot.reactions.rip
			} else {
				var rip = 0
				var riphide = "hide"
			}
			var fullhide = ""
		} else {
			var like = 0; var love = 0; var laugh = 0; var hmm = 0; var surprise = 0; var congrats = 0; var angry = 0; var confused = 0; var pudding = 0
			var likehide = "hide"; var lovehide = "hide"; var laughhide = "hide"; var hmmhide = "hide"; var suphide = "hide"; var conghide = "hide"; var anghide = "hide"; var confhide = "hide"; var riphide = "hide"
			var fullhide = "hide"
		}
		if (!addReact && likehide == "hide" && lovehide == "hide" && laughhide == "hide" && hmmhide == "hide" && suphide == "hide" && conghide == "hide" && anghide == "hide" && confhide == "hide" && riphide == "hide") {
			var fullhide = "hide"
		}
		if (toot.myReaction) {
			var reacted = toot.myReaction
		} else {
			var reacted = ""
		}
		content = nl2br(content)
		if (!content || content == "") {
			content = '<span class="gray">This post has no content. It may be media-only, private or deleted.</span>'
		}
		var trans = ""
		if (toot.user.emojis) {
			var actemojick = toot.user.emojis[0]
		} else {
			var actemojick = false
		}
		var rand = randomStr(8)
		templete = templete + '<div id="pub_' + toot.id + '" class="cvo ' +
			boostback + ' ' + fav_app + ' ' + rt_app + '  ' + hasmedia + '" toot-id="' + id + '" unique-id="' + uniqueid + '" data-medias="' + media_ids + ' " unixtime="' + date(obj[
				key].created_at, 'unix') + '" ' + if_notf + ' onmouseover="mov(\'' + toot.id + '\',\'' + tlid + '\',\'mv\', \''+rand+'\')" onclick="mov(\'' + toot.id + '\',\'' + tlid + '\',\'cl\', \''+rand+'\')" onmouseout="resetmv(\'mv\')" reacted="' + reacted + '">' +
			'<div class="area-notice"><span class="gray sharesta">' + notice + home +
			'</span></div>' +
			'<div class="area-icon"><a onclick="udg(\'' + toot.user.id +
			'\',' + acct_id + ');" user="' + toot.user.username + '" class="udg">' +
			'<img src="' + avatar +
			'" width="40" class="prof-img" user="' + toot.user.username +
			'" onerror="this.src=\'../../img/loading.svg\'"></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; cursor:text;"> @' +
			toot.user.username + '</span></div>' +
			'<div class="flex-time"><span class="cbadge cbadge-hover pointer waves-effect" onclick="tootUriCopy(\'https://' + domain + "/notes/" +
			toot.id + '\');" title="' + date(toot.createdAt, 'absolute') +
			'(' + lang.lang_parse_clickcopyurl + ')"><i class="far fa-clock"></i>' +
			date(toot.createdAt, datetype) + '</span>' +
			'</div></div>' +
			'<div class="area-toot">' + tickerdom + '<span class="toot ' + spoiler + '">' + content +
			'</span><span class="' +
			api_spoil + ' cw_text_' + toot.id + '">' + spoil + spoiler_show +
			'</span>' +
			'' + viewer + '' +
			'</div><div class="area-additional"><span class="additional">' + analyze +
			'<div class="reactions ' + fullhide + '" style="height: 25px;"><span class="' + likehide + ' reaction re-like"><a onclick="reaction(\'like\',\'' + toot.id + '\',' + acct_id +
			',\'' + tlid + '\')" class="waves-effect waves-dark btn-flat" style="padding:0;margin-left:3px;">' + twemoji.parse("👍") + '</a><span class="re-likect">' + like +
			'</span></span><span class="' + lovehide + ' reaction re-love"><a onclick="reaction(\'love\',\'' + toot.id + '\',' + acct_id +
			',\'' + tlid + '\')" class="waves-effect waves-dark btn-flat pointer" style="padding:0;margin-left:3px;">' + twemoji.parse("💓") + '</a><span class="re-lovect">' + love +
			'</span></span><span class="' + laughhide + ' reaction re-laugh"><a onclick="reaction(\'laugh\',\'' + toot.id + '\',' + acct_id +
			',\'' + tlid + '\')" class="waves-effect waves-dark btn-flat pointer" style="padding:0;margin-left:3px;">' + twemoji.parse("😁") + '</a><span class="re-laughct">' + laugh +
			'</span></span><span class="' + hmmhide + ' reaction re-hmm"><a onclick="reaction(\'hmm\',\'' + toot.id + '\',' + acct_id +
			',\'' + tlid + '\')" class="waves-effect waves-dark btn-flat pointer" style="padding:0;margin-left:3px;">' + twemoji.parse("🤔") + '</a><span class="re-hmmct">' + hmm +
			'</span></span><span class="' + suphide + ' reaction re-surprise"><a onclick="reaction(\'surprise\',\'' + toot.id + '\',' + acct_id +
			',\'' + tlid + '\')" class="waves-effect waves-dark btn-flat pointer" style="padding:0;margin-left:3px;">' + twemoji.parse("😮") + '</a><span class="re-surprisect">' + surprise +
			'</span></span><span class="' + conghide + ' reaction  re-congrats"><a onclick="reaction(\'congrats\',\'' + toot.id + '\',' + acct_id +
			',\'' + tlid + '\')" class="waves-effect waves-dark btn-flat pointer" style="padding:0;margin-left:3px;">' + twemoji.parse("🎉") + '</a><span class="re-congratsct">' + congrats +
			'</span></span><span class="' + anghide + ' reaction re-angry"><a onclick="reaction(\'angry\',\'' + toot.id + '\',' + acct_id +
			',\'' + tlid + '\')" class="waves-effect waves-dark btn-flat pointer" style="padding:0;margin-left:3px;">' + twemoji.parse("💢") + '</a><span class="re-angryct">' + angry +
			'</span></span><span class="' + confhide + ' reaction re-confused"><a onclick="reaction(\'confused\',\'' + toot.id + '\',' + acct_id +
			',\'' + tlid + '\')" class="waves-effect waves-dark btn-flat pointer" style="padding:0;margin-left:3px;">' + twemoji.parse("😥") + '</a><span class="re-confusedct">' + confused +
			'</span></span><span class="' + riphide + ' reaction re-confused"><a onclick="reaction(\'confused\',\'' + toot.id + '\',' + acct_id +
			',\'' + tlid + '\')" class="waves-effect waves-dark btn-flat pointer" style="padding:0;margin-left:3px;">' + twemoji.parse("😇") + '</a><span class="re-confusedct">' + rip +
			'</span></span>' + addReact +
			'<i class="material-icons pointer hide freeReact ' + freeReact + '" style="font-size:1.0rem; padding-left:5px;position: relative;top: 3px;" onclick="reactioncustom(\'' + acct_id + '\',\'' + id + '\')">add_box</i></div>'
			+ poll + mentions + tags + '</div>' +
			'<div class="area-vis"></div>' +
			'<div class="area-actions ' + mouseover + '">' +
			'<div class="action">' + vis + '</div>' +
			'<div class="action ' + antinoauth + '"><a onclick="detEx(\'https://misskey.xyz/notes/' + toot.id + '\',\'main\')" class="waves-effect waves-dark details" style="padding:0">' + lang.lang_parse_det + '</a></div>' +
			'<div class="action ' + disp["re"] + ' ' + noauth + '"><a onclick="misskeyreply(\'' + toot.id +
			'\',\'' + acct_id + '\',' +
			acct_id + ',\'' + visen +
			'\')" class="waves-effect waves-dark btn-flat rep-btn" style="padding:0" title="' + lang.lang_parse_replyto + '"><i class="fas fa-share"></i></a></div>' +
			'<div class="action ' + can_rt + ' ' + disp["rt"] + ' ' + noauth + '"><a onclick="renote(\'' + toot.id + '\',' + acct_id +
			',\'' + tlid +
			'\')" class="waves-effect waves-dark btn-flat bt-btn" style="padding:0" title="' + lang.lang_misskeyparse_renote + '"><i class="text-darken-3 fas fa-retweet ' +
			if_rt + ' rt_' + toot.id + '"></i><span class="rt_ct"></span></a></div>' +
			'<div class="action ' + can_rt + ' ' + disp["qt"] + ' ' + noauth + '"><a onclick="renoteqt(\'' + toot.id + '\',' + acct_id +
			',\'misskey.xyz\',\'misskey.xyz\')" class="waves-effect waves-dark btn-flat" style="padding:0" title="' + lang.lang_misskeyparse_renoteqt + '"><i class="text-darken-3 fas fa-quote-right"></i></a></div>' +
			'<div class="action ' + disp["fav"] + ' ' + noauth + '"><a onclick="reactiontoggle(\'' + toot.id + '\',' + acct_id +
			',\'' + tlid +
			'\')" class="waves-effect waves-dark btn-flat" style="padding:0" title="' + lang.lang_misskeyparse_reaction + '"><i class="fas text-darken-3 fa-plus' +
			if_fav + ' fav_' + toot.id + '"></i></div>' +
			'<div class="' + if_mine + ' action ' + disp["del"] + ' ' + noauth + '"><a onclick="del(\'' + toot.id + '\',' +
			acct_id +
			')" class="waves-effect waves-dark btn-flat" style="padding:0" title="' + lang.lang_parse_del + '"><i class="fas fa-trash"></i></a></div>' +
			'<div class="' + if_mine + ' action pin ' + disp["pin"] + ' ' + noauth + '"><a onclick="pin(\'' + toot.id + '\',' +
			acct_id +
			')" class="waves-effect waves-dark btn-flat" style="padding:0" title="' + lang.lang_parse_pin + '"><i class="fas fa-map-pin pin_' + toot.id + '"></i></a></div>'
			+ '<div class="' + if_mine + ' action ' + disp["red"] + ' ' + noauth + '"><a onclick="redraft(\'' + toot.id + '\',' +
			acct_id +
			')" class="waves-effect waves-dark btn-flat" style="padding:0" title="' + lang.lang_parse_redraft + '"><i class="material-icons">redo</i></a></div>' + trans +
			'<span class="cbadge viabadge waves-effect ' + viashow + ' ' + mine_via + '" onclick="client(\'' + $.strip_tagstemp(via) + '\')" title="via ' + $.strip_tagstemp(via) + '">via ' +
			via +
			'</span>' +
			'</div><div class="area-side ' + mouseover + '"><div class="action ' + if_mine + ' ' + noauth + '"><a onclick="toggleAction(\'' + toot.id + '\',\'' + tlid + '\',\'' + acct_id + '\')" class="waves-effect waves-dark btn-flat" style="padding:0"><i class="text-darken-3 material-icons act-icon">expand_more</i></a></div>' +
			'<div class="action ' + noauth + '"><a onclick="details(\'' + toot.id + '\',' + acct_id +
			',\'' + tlid + '\')" class="waves-effect waves-dark btn-flat details" style="padding:0"><i class="text-darken-3 material-icons">more_vert</i></a></div>' +
			'</div></div>' +
			'</div></div>'
	})
	return templete
}

//オブジェクトパーサー(ユーザーデータ)
function misskeyUserparse(obj, auth, acct_id, tlid, popup) {
	console.log(["Parse them ", obj])
	if (popup > 0 || popup == -1) {

	} else {
		if (obj.users) {
			var obj = obj.users
		}
	}
	var templete = ''
	var datetype = localStorage.getItem("datetype")
	Object.keys(obj).forEach(function (key) {
		var toot = obj[key]
		if (toot.followee) {
			toot = toot.followee
		} else if (toot.follower) {
			toot = toot.follower
		}
		var locked = ""
		if (auth) {
			var auth = '<i class="material-icons gray pointer" onclick="misskeyRequest(\'' +
				toot.id + '\',\'accept\',' + acct_id + ')">person_add</i>'
		} else {
			var auth = ""
		}
		var ftxt = lang.lang_parse_followed
		if (popup > 0 || popup == -1) {
			var notftext = '<span class="cbadge" title="' + date(toot.createdAt,
				'absolute') + '(' + lang.lang_parse_notftime + ')"><i class="far fa-clock"></i>' + date(toot.createdAt,
					datetype) +
				'</span>' + ftxt + '<br>'
			var toot = toot.user
		} else {
			var notftext = ""
		}
		var memory = localStorage.getItem("notice-mem")
		if (popup >= 0 && obj.length < 5 && notftext != memory) {
			M.toast({ html: escapeHTMLtemp(toot.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.name) {
			var dis_name = escapeHTMLtemp(toot.name)
			dis_name = twemoji.parse(dis_name)
		} else {
			var dis_name = toot.username
		}
		if (toot.followersCount) {
			var ferct = toot.followersCount
		} else {
			var ferct = "unknown"
		}
		if (toot.followingCount) {
			var fingct = toot.followingCount
		} else {
			var fingct = "unknown"
		}
		templete = templete +
			'<div class="cvo" style="padding-top:5px;" user-id="' + toot.id + '"><div class="area-notice">' +
			notftext +
			'</div><div class="area-icon"><a onclick="udg(\'' + toot.id + '\',' +
			acct_id + ');" user="' + toot.username + '" class="udg">' +
			'<img src="' + toot.avatarUrl + '" width="40" class="prof-img" user="' + toot
				.username + '"></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.username + auth + '</span>' +
			'</div>' +
			'</div>' +
			'<div style="justify-content:space-around" class="area-toot"> <div class="cbadge" style="width:100px;">Follows:' +
			fingct +
			'</div><div class="cbadge" style="width:100px;">Followers:' + ferct +
			'</div>' +
			'</div>' +
			'</div>' +
			'</div>'

	})
	return templete
}
function goGoogle(id) {
	var val = $("#srcbox_" + id).val()
	var url = "https://google.com/search?q=" + val
	postMessage(["openUrl", url], "*")
}
var misskeyws = []
var misskeywsstate = []
function connectMisskey(acct_id, re) {
	var domain = localStorage.getItem("domain_" + acct_id)
	var at = localStorage.getItem("acct_" + acct_id + "_at")
	var start = "wss://" + domain +
		"/streaming?i=" + at
	var wsid = misskeyws.length
	localStorage.setItem("misskey_wss_" + acct_id, wsid)
	misskeyws[wsid] = new WebSocket(start)
	misskeyws[wsid].onopen = function (mess) {
		console.table({ "tlid": tlid, "type": "Connect Streaming API", "domain": domain, "message": [mess] })
		misskeywsstate[wsid] = true
		//$("#notice_icon_" + tlid).removeClass("red-text");
		var send = '{"type":"connect","body":{"channel":"main","id":"notf:' + acct_id + '"}}'
		misskeyws[wsid].send(send)
	}
	misskeyws[wsid].onmessage = function (mess) {
		console.log([domain + ":Receive Streaming API:", data])
		var data = JSON.parse(mess.data)
		var obj = data.body.body
		var mute = []
		if (data.body.id.indexOf("notf:") !== -1) {
			var obj = JSON.parse(mess.data).body
			var popup = localStorage.getItem("popup")
			if (!popup) {
				popup = 0
			}
			if (JSON.parse(mess.data).body.type != "follow") {

				templete = misskeyParse([obj.body], 'notf', acct_id, 'notf', popup)
			} else {
				templete = misskeyUserparse([obj.body], 'notf', acct_id, 'notf', popup)
			}
			if (JSON.parse(mess.data).body.type == "reaction") {
				console.log("reaction refresh")
				reactRefresh(acct_id, obj.body.note.id)
			}
			if (!$("div[data-notfIndv=" + acct_id + "_" + obj.body.id + "]").length) {
				$("div[data-notf=" + acct_id + "]").prepend(templete)
				$("div[data-const=notf_" + acct_id + "]").prepend(templete)
			}
			jQuery("time.timeago").timeago()
		} else if (data.body.type == "note") {
			var tlid = data.body.id * 1
			var multi = localStorage.getItem("column")
			var col = JSON.parse(multi)[tlid]
			if (localStorage.getItem("voice_" + tlid)) {
				var voice = true
			} else {
				var voice = false
			}
			if (voice) {
				say(obj.text)
			}
			var templete = misskeyParse([obj], col.type, acct_id, tlid, "", mute)
			misskeyws[wsid].send(JSON.stringify({
				type: 'sn',
				body: {
					id: obj.id
				}
			}))
			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 if (data.type == "noteUpdated") {
			if (data.body.type == "reacted") {
				reactRefresh(acct_id, data.body.id)
			} else if (data.body.type == "deleted") {
				$("#pub_" + data.body.id).hide()
				$("#pub_" + data.body.id).remove()
			}

		}
	}
	misskeyws[wsid].onerror = function (error) {
		console.error("Error closing " + tlid)
		console.error(error)
		misskeywsstate[wsid] = false
		if(!re){
			connectMisskey(acct_id, true)
		}
		return false
	}
	misskeyws[wsid].onclose = function () {
		console.warn("Closing " + tlid)
		misskeywsstate[wsid] = false
		if(!re){
			connectMisskey(acct_id, true)
		}
		return false
	}

}