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 || toot.user.username)
        } 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 || toot.user.username)
                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 = ""
        var tickerdata = JSON.parse(localStorage.getItem("ticker"))
        if (ticker && tickerdata) {
            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 = makeCID()
        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; position: relative; top: -7px;"><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
    }

}