@xpadev-net/niconicomments 0.2.20 → 0.2.23

package/dist/bundle.js

@@ -1,5 +1,5 @@
 /*!
-  niconicomments.js v0.2.20
+  niconicomments.js v0.2.23
   (c) 2021 xpadev-net https://xpadev.net
   Released under the MIT License.
 */
@@ -24,35 +24,782 @@
 
       return _assign.apply(this, arguments);
     };
+    function __spreadArray(to, from, pack) {
+      if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+          if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+          ar[i] = from[i];
+        }
+      }
+      return to.concat(ar || Array.prototype.slice.call(from));
+    }
+
+    var typeGuard = {
+        formatted: {
+            comment: function (i) {
+                return typeVerify(i, [
+                    "id",
+                    "vpos",
+                    "content",
+                    "date",
+                    "date_usec",
+                    "owner",
+                    "premium",
+                    "mail",
+                    "user_id",
+                    "layer",
+                ]);
+            },
+            comments: function (i) {
+                if (typeof i !== "object")
+                    return false;
+                for (var _i = 0, _a = i; _i < _a.length; _i++) {
+                    var item = _a[_i];
+                    if (!typeGuard.formatted.comment(item))
+                        return false;
+                }
+                return true;
+            },
+            legacyComment: function (i) {
+                return typeVerify(i, [
+                    "id",
+                    "vpos",
+                    "content",
+                    "date",
+                    "owner",
+                    "premium",
+                    "mail",
+                ]);
+            },
+            legacyComments: function (i) {
+                if (typeof i !== "object")
+                    return false;
+                for (var _i = 0, _a = i; _i < _a.length; _i++) {
+                    var item = _a[_i];
+                    if (!typeGuard.formatted.legacyComment(item))
+                        return false;
+                }
+                return true;
+            },
+        },
+        legacy: {
+            rawApiResponses: function (i) {
+                if (typeof i !== "object")
+                    return false;
+                for (var _i = 0, _a = i; _i < _a.length; _i++) {
+                    var itemWrapper = _a[_i];
+                    for (var _b = 0, _c = Object.keys(itemWrapper); _b < _c.length; _b++) {
+                        var key = _c[_b];
+                        var item = itemWrapper[key];
+                        if (!item)
+                            continue;
+                        if (!(typeGuard.legacy.apiChat(item) ||
+                            typeGuard.legacy.apiGlobalNumRes(item) ||
+                            typeGuard.legacy.apiLeaf(item) ||
+                            typeGuard.legacy.apiPing(item) ||
+                            typeGuard.legacy.apiThread(item))) {
+                            return false;
+                        }
+                    }
+                }
+                return true;
+            },
+            apiChat: function (i) {
+                return typeof i === "object" &&
+                    typeVerify(i, [
+                        "content",
+                        "date",
+                        "date_usec",
+                        "no",
+                        "thread",
+                        "vpos",
+                    ]);
+            },
+            apiGlobalNumRes: function (i) {
+                return typeVerify(i, ["num_res", "thread"]);
+            },
+            apiLeaf: function (i) { return typeVerify(i, ["count", "thread"]); },
+            apiPing: function (i) { return typeVerify(i, ["content"]); },
+            apiThread: function (i) {
+                return typeVerify(i, [
+                    "resultcode",
+                    "revision",
+                    "server_time",
+                    "thread",
+                    "ticket",
+                ]);
+            },
+        },
+        niconicome: {
+            xmlDocument: function (i) {
+                if (!i.documentElement ||
+                    i.documentElement.nodeName !== "packet")
+                    return false;
+                if (!i.documentElement.children)
+                    return false;
+                for (var index = 0; index < i.documentElement.children.length; index++) {
+                    var value = i.documentElement.children[index];
+                    if (!value)
+                        continue;
+                    if (index === 0) {
+                        if (value.nodeName !== "thread" ||
+                            !typeAttributeVerify(value, [
+                                "resultcode",
+                                "thread",
+                                "server_time",
+                                "last_res",
+                                "revision",
+                            ]))
+                            return false;
+                    }
+                    else {
+                        if (value.nodeName !== "chat" ||
+                            !typeAttributeVerify(value, [
+                                "thread",
+                                "no",
+                                "vpos",
+                                "date",
+                                "date_usec",
+                                "anonymity",
+                                "user_id",
+                                "mail",
+                                "leaf",
+                                "premium",
+                                "score",
+                            ]))
+                            return false;
+                    }
+                }
+                return true;
+            },
+        },
+        legacyOwner: {
+            comments: function (i) {
+                if (typeof i !== "string")
+                    return false;
+                var lists = i.split("\n");
+                for (var _i = 0, lists_1 = lists; _i < lists_1.length; _i++) {
+                    var list = lists_1[_i];
+                    if (list.split(":").length < 3) {
+                        return false;
+                    }
+                }
+                return true;
+            },
+        },
+        owner: {
+            comment: function (i) {
+                return typeVerify(i, ["time", "command", "comment"]);
+            },
+            comments: function (i) {
+                if (typeof i !== "object")
+                    return false;
+                for (var _i = 0, _a = i; _i < _a.length; _i++) {
+                    var item = _a[_i];
+                    if (!typeGuard.owner.comment(item))
+                        return false;
+                }
+                return true;
+            },
+        },
+        v1: {
+            comment: function (i) {
+                return typeVerify(i, [
+                    "id",
+                    "no",
+                    "vposMs",
+                    "body",
+                    "commands",
+                    "userId",
+                    "isPremium",
+                    "score",
+                    "postedAt",
+                    "nicoruCount",
+                    "nicoruId",
+                    "source",
+                    "isMyPost",
+                ]);
+            },
+            thread: function (i) {
+                if (!typeVerify(i, ["id", "fork", "commentCount", "comments"]))
+                    return false;
+                for (var _i = 0, _a = Object.keys(i.comments); _i < _a.length; _i++) {
+                    var item = _a[_i];
+                    if (!typeGuard.v1.comment(i.comments[item]))
+                        return false;
+                }
+                return true;
+            },
+            threads: function (i) {
+                if (typeof i !== "object")
+                    return false;
+                for (var _i = 0, _a = i; _i < _a.length; _i++) {
+                    var item = _a[_i];
+                    if (!typeGuard.v1.thread(item))
+                        return false;
+                }
+                return true;
+            },
+        },
+        nicoScript: {
+            range: {
+                target: function (i) {
+                    return typeof i === "string" && !!i.match(/^(?:コメ|投コメ|全)$/);
+                },
+            },
+            replace: {
+                range: function (i) {
+                    return typeof i === "string" && !!i.match(/^(?:単|全)$/);
+                },
+                target: function (i) {
+                    return typeof i === "string" &&
+                        !!i.match(/^(?:コメ|投コメ|全|含む|含まない)$/);
+                },
+                condition: function (i) {
+                    return typeof i === "string" && !!i.match(/^(?:部分一致|完全一致)$/);
+                },
+            },
+        },
+        comment: {
+            font: function (i) {
+                return typeof i === "string" && !!i.match(/^(?:gothic|mincho|defont)$/);
+            },
+            loc: function (i) {
+                return typeof i === "string" && !!i.match(/^(?:ue|naka|shita)$/);
+            },
+            size: function (i) {
+                return typeof i === "string" && !!i.match(/^(?:big|medium|small)$/);
+            },
+            command: {
+                key: function (i) {
+                    return typeof i === "string" && !!i.match(/^(?:full|ender|_live|invisible)$/);
+                },
+            },
+        },
+    };
+    var typeVerify = function (item, keys) {
+        if (typeof item !== "object" || !item)
+            return false;
+        for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
+            var key = keys_1[_i];
+            if (!Object.prototype.hasOwnProperty.call(item, key))
+                return false;
+        }
+        return true;
+    };
+    var typeAttributeVerify = function (item, keys) {
+        if (typeof item !== "object" || !item)
+            return false;
+        for (var _i = 0, keys_2 = keys; _i < keys_2.length; _i++) {
+            var key = keys_2[_i];
+            if (item.getAttribute(key) === null)
+                return false;
+        }
+        return true;
+    };
+
+    var convert2formattedComment = function (data, type) {
+        var result = [];
+        if (type === "niconicome" && typeGuard.niconicome.xmlDocument(data)) {
+            result = fromNiconicome(data);
+        }
+        else if (type === "formatted" && typeGuard.formatted.legacyComments(data)) {
+            result = fromFormatted(data);
+        }
+        else if (type === "legacy" && typeGuard.legacy.rawApiResponses(data)) {
+            result = fromLegacy(data);
+        }
+        else if (type === "legacyOwner" && typeGuard.legacyOwner.comments(data)) {
+            result = fromLegacyOwner(data);
+        }
+        else if (type === "owner" && typeGuard.owner.comments(data)) {
+            result = fromOwner(data);
+        }
+        else if (type === "v1" && typeGuard.v1.threads(data)) {
+            result = fromV1(data);
+        }
+        else {
+            throw new Error("unknown input format");
+        }
+        return sort(result);
+    };
+    var fromNiconicome = function (data) {
+        var _a;
+        var data_ = [], userList = [];
+        for (var _i = 0, _b = Array.from(data.documentElement.children); _i < _b.length; _i++) {
+            var item = _b[_i];
+            if (item.nodeName !== "chat")
+                continue;
+            var tmpParam = {
+                id: Number(item.getAttribute("no")),
+                vpos: Number(item.getAttribute("vpos")),
+                content: item.innerHTML,
+                date: Number(item.getAttribute("date")),
+                date_usec: Number(item.getAttribute("date_usec")),
+                owner: !item.getAttribute("user_id"),
+                premium: item.getAttribute("premium") === "1",
+                mail: [],
+                user_id: -1,
+                layer: -1,
+            };
+            if (item.getAttribute("mail")) {
+                tmpParam.mail = ((_a = item.getAttribute("mail")) === null || _a === void 0 ? void 0 : _a.split(/\s+/g)) || [];
+            }
+            if (tmpParam.content.startsWith("/") && tmpParam.owner) {
+                tmpParam.mail.push("invisible");
+            }
+            var userId = item.getAttribute("user_id") || "";
+            var isUserExist = userList.indexOf(userId);
+            if (isUserExist === -1) {
+                tmpParam.user_id = userList.length;
+                userList.push(userId);
+            }
+            else {
+                tmpParam.user_id = isUserExist;
+            }
+            data_.push(tmpParam);
+        }
+        return data_;
+    };
+    var fromFormatted = function (data) {
+        var tmpData = data;
+        if (!typeGuard.formatted.comments(data)) {
+            for (var _i = 0, tmpData_1 = tmpData; _i < tmpData_1.length; _i++) {
+                var item = tmpData_1[_i];
+                item.layer = -1;
+                item.user_id = 0;
+                if (!item.date_usec)
+                    item.date_usec = 0;
+            }
+        }
+        return tmpData;
+    };
+    var fromLegacy = function (data) {
+        var data_ = [], userList = [];
+        for (var i = 0; i < data.length; i++) {
+            var val = data[i];
+            if (!val || !typeGuard.legacy.apiChat(val === null || val === void 0 ? void 0 : val.chat))
+                continue;
+            var value = val.chat;
+            if (value.deleted !== 1) {
+                var tmpParam = {
+                    id: value.no,
+                    vpos: value.vpos,
+                    content: value.content,
+                    date: value.date,
+                    date_usec: value.date_usec || 0,
+                    owner: !value.user_id,
+                    premium: value.premium === 1,
+                    mail: [],
+                    user_id: -1,
+                    layer: -1,
+                };
+                if (value.mail) {
+                    tmpParam.mail = value.mail.split(/\s+/g);
+                }
+                if (value.content.startsWith("/") && !value.user_id) {
+                    tmpParam.mail.push("invisible");
+                }
+                var isUserExist = userList.indexOf(value.mail);
+                if (isUserExist === -1) {
+                    tmpParam.user_id = userList.length;
+                    userList.push(value.user_id);
+                }
+                else {
+                    tmpParam.user_id = isUserExist;
+                }
+                data_.push(tmpParam);
+            }
+        }
+        return data_;
+    };
+    var fromLegacyOwner = function (data) {
+        var data_ = [], comments = data.split("\n");
+        for (var i = 0; i < comments.length; i++) {
+            var commentData = comments[i].split(":");
+            if (commentData.length < 3) {
+                continue;
+            }
+            else if (commentData.length > 3) {
+                for (var j = 3; j < commentData.length; j++) {
+                    commentData[2] += ":" + commentData[j];
+                }
+            }
+            var tmpParam = {
+                id: i,
+                vpos: Number(commentData[0]),
+                content: commentData[2] || "",
+                date: i,
+                date_usec: 0,
+                owner: true,
+                premium: true,
+                mail: [],
+                user_id: -1,
+                layer: -1,
+            };
+            if (commentData[1]) {
+                tmpParam.mail = commentData[1].split(/[\s+]/g);
+            }
+            if (tmpParam.content.startsWith("/")) {
+                tmpParam.mail.push("invisible");
+            }
+            data_.push(tmpParam);
+        }
+        return data_;
+    };
+    var fromOwner = function (data) {
+        var data_ = [];
+        data.forEach(function (value, index) {
+            var tmpParam = {
+                id: index,
+                vpos: time2vpos(value.time),
+                content: value.comment,
+                date: index,
+                date_usec: 0,
+                owner: true,
+                premium: true,
+                mail: [],
+                user_id: -1,
+                layer: -1,
+            };
+            if (value.command) {
+                tmpParam.mail = value.command.split(/\s+/g);
+            }
+            if (tmpParam.content.startsWith("/")) {
+                tmpParam.mail.push("invisible");
+            }
+            data_.push(tmpParam);
+        });
+        return data_;
+    };
+    var fromV1 = function (data) {
+        var data_ = [], userList = [];
+        for (var _i = 0, data_1 = data; _i < data_1.length; _i++) {
+            var item = data_1[_i];
+            var val = item.comments, forkName = item.fork;
+            for (var _a = 0, _b = Object.keys(val); _a < _b.length; _a++) {
+                var key = _b[_a];
+                var value = val[key];
+                if (!value)
+                    continue;
+                var tmpParam = {
+                    id: value.no,
+                    vpos: Math.floor(value.vposMs / 10),
+                    content: value.body,
+                    date: date2time(value.postedAt),
+                    date_usec: 0,
+                    owner: forkName === "owner",
+                    premium: value.isPremium,
+                    mail: value.commands,
+                    user_id: -1,
+                    layer: -1,
+                };
+                if (tmpParam.content.startsWith("/") && tmpParam.owner) {
+                    tmpParam.mail.push("invisible");
+                }
+                var isUserExist = userList.indexOf(value.userId);
+                if (isUserExist === -1) {
+                    tmpParam.user_id = userList.length;
+                    userList.push(value.userId);
+                }
+                else {
+                    tmpParam.user_id = isUserExist;
+                }
+                data_.push(tmpParam);
+            }
+        }
+        return data_;
+    };
+    var sort = function (data) {
+        data.sort(function (a, b) {
+            if (a.vpos < b.vpos)
+                return -1;
+            if (a.vpos > b.vpos)
+                return 1;
+            if (a.date < b.date)
+                return -1;
+            if (a.date > b.date)
+                return 1;
+            if (a.date_usec < b.date_usec)
+                return -1;
+            if (a.date_usec > b.date_usec)
+                return 1;
+            return 0;
+        });
+        return data;
+    };
+    var time2vpos = function (time_str) {
+        var time = time_str.match(/^(?:(\d+):(\d+)\.(\d+)|(\d+):(\d+)|(\d+)\.(\d+)|(\d+))$/);
+        if (time) {
+            if (time[1] !== undefined &&
+                time[2] !== undefined &&
+                time[3] !== undefined) {
+                return ((Number(time[1]) * 60 + Number(time[2])) * 100 +
+                    Number(time[3]) / Math.pow(10, time[3].length - 2));
+            }
+            else if (time[4] !== undefined && time[5] !== undefined) {
+                return (Number(time[4]) * 60 + Number(time[5])) * 100;
+            }
+            else if (time[6] !== undefined && time[7] !== undefined) {
+                return (Number(time[6]) * 100 +
+                    Number(time[7]) / Math.pow(10, time[7].length - 2));
+            }
+            else if (time[8] !== undefined) {
+                return Number(time[8]) * 100;
+            }
+        }
+        return 0;
+    };
+    var date2time = function (date) {
+        return Math.floor(new Date(date).getTime() / 1000);
+    };
+
+    var colors = {
+        white: "#FFFFFF",
+        red: "#FF0000",
+        pink: "#FF8080",
+        orange: "#FFC000",
+        yellow: "#FFFF00",
+        green: "#00FF00",
+        cyan: "#00FFFF",
+        blue: "#0000FF",
+        purple: "#C000FF",
+        black: "#000000",
+        white2: "#CCCC99",
+        niconicowhite: "#CCCC99",
+        red2: "#CC0033",
+        truered: "#CC0033",
+        pink2: "#FF33CC",
+        orange2: "#FF6600",
+        passionorange: "#FF6600",
+        yellow2: "#999900",
+        madyellow: "#999900",
+        green2: "#00CC66",
+        elementalgreen: "#00CC66",
+        cyan2: "#00CCCC",
+        blue2: "#3399FF",
+        marinblue: "#3399FF",
+        purple2: "#6633CC",
+        nobleviolet: "#6633CC",
+        black2: "#666666",
+    };
+    var commentYPaddingTop = 0.08;
+    var commentYMarginBottom = 0.24;
+    var fontSize = {
+        small: {
+            default: 47,
+            resized: 26.1,
+        },
+        medium: {
+            default: 74,
+            resized: 38.7,
+        },
+        big: {
+            default: 110,
+            resized: 61,
+        },
+    };
+    var lineHeight = {
+        small: {
+            default: 1,
+            resized: 1,
+        },
+        medium: {
+            default: 1,
+            resized: 1,
+        },
+        big: {
+            default: 1.03,
+            resized: 1.01,
+        },
+    };
+    var doubleResizeMaxWidth = {
+        full: {
+            legacy: 3020,
+            default: 3550,
+        },
+        normal: {
+            legacy: 2540,
+            default: 2650,
+        },
+    };
+    var defaultOptions = {
+        drawAllImageOnLoad: false,
+        format: "default",
+        formatted: false,
+        debug: false,
+        enableLegacyPiP: false,
+        keepCA: false,
+        showCollision: false,
+        showCommentCount: false,
+        showFPS: false,
+        useLegacy: false,
+        video: undefined,
+    };
+    var fpsInterval = 500;
+    var cacheAge = 2000;
+    var canvasWidth = 1920;
+    var canvasHeight = 1080;
+    var commentDrawRange = 1450;
+    var commentDrawPadding = (canvasWidth - commentDrawRange) / 2;
+    var collisionWidth = 40;
+    var collisionRange = {
+        left: collisionWidth,
+        right: canvasWidth - collisionWidth,
+    };
+    var sameCARange = 3600;
+    var sameCAGap = 100;
+    var sameCAMinScore = 10;
+
+    var groupBy = function (array) {
+        var data = ["defont", "gothic", "mincho"].reduce(function (pv, font) {
+            pv[font] = {};
+            return pv;
+        }, {});
+        array.forEach(function (item, index) {
+            var value = data[item.font][item.fontSize] || [];
+            value.push(_assign(_assign({}, item), { index: index }));
+            if (value.length === 1) {
+                data[item.font][item.fontSize] = value;
+            }
+        });
+        return data;
+    };
+    var getPosY = function (currentPos, targetComment, collision, data) {
+        var isChanged = false, isBreak = false;
+        if (!collision)
+            return { currentPos: currentPos, isChanged: isChanged, isBreak: isBreak };
+        for (var _i = 0, collision_1 = collision; _i < collision_1.length; _i++) {
+            var index = collision_1[_i];
+            var collisionItem = data[index];
+            if (!collisionItem)
+                continue;
+            if (currentPos < collisionItem.posY + collisionItem.height &&
+                currentPos + targetComment.height > collisionItem.posY &&
+                collisionItem.owner === targetComment.owner &&
+                collisionItem.layer === targetComment.layer) {
+                if (collisionItem.posY + collisionItem.height > currentPos) {
+                    currentPos = collisionItem.posY + collisionItem.height;
+                    isChanged = true;
+                }
+                if (currentPos + targetComment.height > canvasHeight) {
+                    if (canvasHeight < targetComment.height) {
+                        if (targetComment.mail.includes("naka")) {
+                            currentPos = (targetComment.height - canvasHeight) / -2;
+                        }
+                        else {
+                            currentPos = 0;
+                        }
+                    }
+                    else {
+                        currentPos = Math.floor(Math.random() * (canvasHeight - targetComment.height));
+                    }
+                    isBreak = true;
+                    break;
+                }
+            }
+        }
+        return { currentPos: currentPos, isChanged: isChanged, isBreak: isBreak };
+    };
+    var getPosX = function (width, vpos, long) {
+        return (commentDrawRange -
+            ((((width + commentDrawRange) * ((vpos + 100) / 100)) / 4) * 300) / long +
+            commentDrawPadding);
+    };
+    var parseFont = function (font, size, useLegacy) {
+        switch (font) {
+            case "gothic":
+                return "normal 400 ".concat(size, "px \"\u6E38\u30B4\u30B7\u30C3\u30AF\u4F53\", \"\u6E38\u30B4\u30B7\u30C3\u30AF\", \"Yu Gothic\", YuGothic, yugothic, YuGo-Medium");
+            case "mincho":
+                return "normal 400 ".concat(size, "px \"\u6E38\u660E\u671D\u4F53\", \"\u6E38\u660E\u671D\", \"Yu Mincho\", YuMincho, yumincho, YuMin-Medium");
+            default:
+                if (useLegacy) {
+                    return "normal 600 ".concat(size, "px Arial, \"\uFF2D\uFF33 \uFF30\u30B4\u30B7\u30C3\u30AF\", \"MS PGothic\", MSPGothic, MS-PGothic");
+                }
+                else {
+                    return "normal 600 ".concat(size, "px sans-serif, Arial, \"\uFF2D\uFF33 \uFF30\u30B4\u30B7\u30C3\u30AF\", \"MS PGothic\", MSPGothic, MS-PGothic");
+                }
+        }
+    };
+    var arrayPush = function (array, key, push) {
+        var _a;
+        if (!array) {
+            array = {};
+        }
+        if (!array[Number(key)]) {
+            array[Number(key)] = [];
+        }
+        (_a = array[Number(key)]) === null || _a === void 0 ? void 0 : _a.push(push);
+    };
+    var hex2rgb = function (hex) {
+        if (hex.slice(0, 1) === "#")
+            hex = hex.slice(1);
+        if (hex.length === 3)
+            hex =
+                hex.slice(0, 1) +
+                    hex.slice(0, 1) +
+                    hex.slice(1, 2) +
+                    hex.slice(1, 2) +
+                    hex.slice(2, 3) +
+                    hex.slice(2, 3);
+        return [hex.slice(0, 2), hex.slice(2, 4), hex.slice(4, 6)].map(function (str) {
+            return parseInt(str, 16);
+        });
+    };
+    var replaceAll = function (string, target, replace) {
+        while (string.indexOf(target) !== -1) {
+            string = string.replace(target, replace);
+        }
+        return string;
+    };
+    var changeCALayer = function (rawData) {
+        var userList = {};
+        var data = [], index = {};
+        for (var _i = 0, rawData_1 = rawData; _i < rawData_1.length; _i++) {
+            var value = rawData_1[_i];
+            if (value.user_id === undefined || value.user_id === -1)
+                continue;
+            if (userList[value.user_id] === undefined)
+                userList[value.user_id] = 0;
+            if (value.mail.indexOf("ca") > -1 ||
+                value.mail.indexOf("patissier") > -1 ||
+                value.mail.indexOf("ender") > -1 ||
+                value.mail.indexOf("full") > -1) {
+                userList[value.user_id] += 5;
+            }
+            if ((value.content.match(/\r\n|\n|\r/g) || []).length > 2) {
+                userList[value.user_id] +=
+                    (value.content.match(/\r\n|\n|\r/g) || []).length / 2;
+            }
+            var key = "".concat(value.content, "@@").concat(Array.from(new Set(__spreadArray([], value.mail, true).sort()))
+                .filter(function (e) { return !e.match(/@[\d.]+|184|device:.+|patissier|ca/); })
+                .join("")), lastComment = index[key];
+            if (lastComment !== undefined) {
+                if (value.vpos - lastComment.vpos > sameCAGap ||
+                    Math.abs(value.date - lastComment.date) < sameCARange) {
+                    data.push(value);
+                    index[key] = value;
+                }
+            }
+            else {
+                data.push(value);
+                index[key] = value;
+            }
+        }
+        for (var _a = 0, data_1 = data; _a < data_1.length; _a++) {
+            var value = data_1[_a];
+            if (userList[value.user_id] || 0 >= sameCAMinScore)
+                value.layer = value.user_id;
+        }
+        return data;
+    };
 
     var isDebug = false;
     var NiconiComments = (function () {
         function NiconiComments(canvas, data, initOptions) {
-            if (initOptions === void 0) { initOptions = {
-                useLegacy: false,
-                formatted: false,
-                video: null,
-                showCollision: false,
-                showFPS: false,
-                showCommentCount: false,
-                drawAllImageOnLoad: false,
-                debug: false,
-                enableLegacyPiP: false,
-                keepCA: false
-            }; }
+            if (initOptions === void 0) { initOptions = {}; }
             var _this = this;
-            var options = Object.assign({
-                useLegacy: false,
-                formatted: false,
-                video: null,
-                showCollision: false,
-                showFPS: false,
-                showCommentCount: false,
-                drawAllImageOnLoad: false,
-                debug: false,
-                enableLegacyPiP: false,
-                keepCA: true
-            }, initOptions);
+            var options = Object.assign(defaultOptions, initOptions);
             isDebug = options.debug;
             var constructorStart = performance.now();
             this.canvas = canvas;
@@ -64,59 +811,27 @@
             this.context.textAlign = "start";
             this.context.textBaseline = "alphabetic";
             this.context.lineWidth = 4;
-            this.commentYPaddingTop = 0.08;
-            this.commentYMarginBottom = 0.24;
-            this.fontSize = {
-                "small": {
-                    "default": 47,
-                    "resized": 26.1
-                },
-                "medium": {
-                    "default": 74,
-                    "resized": 38.7
-                },
-                "big": {
-                    "default": 110,
-                    "resized": 61
-                }
-            };
-            this.lineHeight = {
-                "small": {
-                    "default": 1,
-                    "resized": 1
-                },
-                "medium": {
-                    "default": 1,
-                    "resized": 1
-                },
-                "big": {
-                    "default": 1.03,
-                    "resized": 1.01
-                }
-            };
-            this.doubleResizeMaxWidth = {
-                full: {
-                    legacy: 3020,
-                    default: 3550
-                },
-                normal: {
-                    legacy: 2540,
-                    default: 2650
-                }
-            };
-            var parsedData = options.formatted ? data : this.parseData(data);
-            this.video = options.video ? options.video : null;
+            var formatType = options.format;
+            if (options.formatted) {
+                console.warn("Deprecated: options.formatted is no longer recommended. Please use options.format");
+            }
+            if (formatType === "default") {
+                formatType = options.formatted ? "formatted" : "legacy";
+            }
+            var parsedData = convert2formattedComment(data, formatType);
+            this.video = options.video || undefined;
             this.showCollision = options.showCollision;
             this.showFPS = options.showFPS;
             this.showCommentCount = options.showCommentCount;
             this.enableLegacyPiP = options.enableLegacyPiP;
             this.keepCA = options.keepCA;
+            this.cacheIndex = {};
             this.timeline = {};
             this.nicoScripts = { reverse: [], default: [], replace: [], ban: [] };
-            this.collision_right = {};
-            this.collision_left = {};
-            this.collision_ue = {};
-            this.collision_shita = {};
+            this.collision = ["ue", "shita", "right", "left"].reduce(function (pv, value) {
+                pv[value] = [];
+                return pv;
+            }, {});
             this.data = [];
             this.lastVpos = -1;
             this.useLegacy = options.useLegacy;
@@ -124,70 +839,13 @@
             this.fpsCount = 0;
             this.fps = 0;
             window.setInterval(function () {
-                _this.fps = _this.fpsCount * 2;
+                _this.fps = _this.fpsCount * (1000 / fpsInterval);
                 _this.fpsCount = 0;
-            }, 500);
+            }, fpsInterval);
             logger("constructor complete: ".concat(performance.now() - constructorStart, "ms"));
         }
-        NiconiComments.prototype.parseData = function (data) {
-            var parseDataStart = performance.now();
-            var data_ = [], userList = [];
-            for (var i = 0; i < data.length; i++) {
-                var val = data[i];
-                if (!val)
-                    continue;
-                for (var key in val) {
-                    var value = val[key];
-                    if (isApiChat(value) && value["deleted"] !== 1) {
-                        var tmpParam = {
-                            "id": value["no"],
-                            "vpos": value["vpos"],
-                            "content": value["content"],
-                            "date": value["date"],
-                            "date_usec": value["date_usec"],
-                            "owner": !value["user_id"],
-                            "premium": value["premium"] === 1,
-                            "mail": [],
-                            "user_id": -1,
-                            "layer": -1
-                        };
-                        if (value["mail"]) {
-                            tmpParam["mail"] = value["mail"].split(/[\s　]/g);
-                        }
-                        if (value["content"].startsWith("/") && !value["user_id"]) {
-                            tmpParam["mail"].push("invisible");
-                        }
-                        var isUserExist = userList.indexOf(value["user_id"]);
-                        if (isUserExist === -1) {
-                            tmpParam.user_id = userList.length;
-                            userList.push(value.user_id);
-                        }
-                        else {
-                            tmpParam.user_id = isUserExist;
-                        }
-                        data_.push(tmpParam);
-                    }
-                }
-            }
-            data_.sort(function (a, b) {
-                if (a.vpos < b.vpos)
-                    return -1;
-                if (a.vpos > b.vpos)
-                    return 1;
-                if (a.date < b.date)
-                    return -1;
-                if (a.date > b.date)
-                    return 1;
-                if (a.date_usec < b.date_usec)
-                    return -1;
-                if (a.date_usec > b.date_usec)
-                    return 1;
-                return 0;
-            });
-            logger("parseData complete: ".concat(performance.now() - parseDataStart, "ms"));
-            return data_;
-        };
         NiconiComments.prototype.preRendering = function (rawData, drawAll) {
+            var _this = this;
             var preRenderingStart = performance.now();
             if (this.keepCA) {
                 rawData = changeCALayer(rawData);
@@ -195,34 +853,35 @@
             var parsedData = this.getCommentPos(this.getCommentSize(this.getFont(rawData)));
             this.data = this.sortComment(parsedData);
             if (drawAll) {
-                for (var i in parsedData) {
-                    this.getTextImage(Number(i), true);
-                }
+                parsedData.forEach(function (_, key) { return _this.getTextImage(Number(key), true); });
             }
             logger("preRendering complete: ".concat(performance.now() - preRenderingStart, "ms"));
         };
         NiconiComments.prototype.getFont = function (parsedData) {
             var getFontStart = performance.now();
             var result = [];
-            for (var i in parsedData) {
-                var value = parsedData[i];
-                if (!value)
-                    continue;
+            for (var _i = 0, parsedData_1 = parsedData; _i < parsedData_1.length; _i++) {
+                var value = parsedData_1[_i];
                 value.content = value.content.replace(/\t/g, "\u2003\u2003");
-                result[i] = this.parseCommandAndNicoscript(value);
+                result.push(this.parseCommandAndNicoscript(value));
             }
             logger("getFont complete: ".concat(performance.now() - getFontStart, "ms"));
             return result;
         };
         NiconiComments.prototype.getCommentSize = function (parsedData) {
             var getCommentSizeStart = performance.now();
-            var tmpData = groupBy(parsedData, "font", "fontSize");
+            var groupedData = groupBy(parsedData);
             var result = [];
-            for (var i in tmpData) {
-                for (var j in tmpData[i]) {
-                    this.context.font = parseFont(i, j, this.useLegacy);
-                    for (var k in tmpData[i][j]) {
-                        var comment = tmpData[i][j][k];
+            for (var _i = 0, _a = Object.keys(groupedData); _i < _a.length; _i++) {
+                var font = _a[_i];
+                for (var _b = 0, _c = Object.keys(groupedData[font]); _b < _c.length; _b++) {
+                    var fontSize_1 = _c[_b];
+                    var value = groupedData[font][fontSize_1];
+                    if (!value)
+                        continue;
+                    this.context.font = parseFont(font, fontSize_1, this.useLegacy);
+                    for (var _d = 0, value_1 = value; _d < value_1.length; _d++) {
+                        var comment = value_1[_d];
                         if (comment.invisible) {
                             continue;
                         }
@@ -235,7 +894,7 @@
                         size.lineHeight = measure.lineHeight;
                         if (measure.resized) {
                             size.fontSize = measure.fontSize;
-                            this.context.font = parseFont(i, j, this.useLegacy);
+                            this.context.font = parseFont(font, fontSize_1, this.useLegacy);
                         }
                         result[comment.index] = size;
                     }
@@ -244,207 +903,147 @@
             logger("getCommentSize complete: ".concat(performance.now() - getCommentSizeStart, "ms"));
             return result;
         };
-        NiconiComments.prototype.getCommentPos = function (parsedData) {
+        NiconiComments.prototype.getCommentPos = function (data) {
+            var _this = this;
             var getCommentPosStart = performance.now();
-            var data = parsedData;
-            for (var i in data) {
-                var comment = data[i];
-                if (!comment || comment.invisible) {
-                    continue;
-                }
-                for (var j = 0; j < comment.long * 4 / 3 + 100; j++) {
-                    if (!this.timeline[comment.vpos + j]) {
-                        this.timeline[comment.vpos + j] = [];
-                    }
-                    if (!this.collision_right[comment.vpos + j]) {
-                        this.collision_right[comment.vpos + j] = [];
-                    }
-                    if (!this.collision_left[comment.vpos + j]) {
-                        this.collision_left[comment.vpos + j] = [];
-                    }
-                    if (!this.collision_ue[comment.vpos + j]) {
-                        this.collision_ue[comment.vpos + j] = [];
-                    }
-                    if (!this.collision_shita[comment.vpos + j]) {
-                        this.collision_shita[comment.vpos + j] = [];
-                    }
-                }
+            data.forEach(function (comment, index) {
+                if (comment.invisible)
+                    return;
                 if (comment.loc === "naka") {
-                    var posY = 0, is_break = false, is_change = true, count = 0, beforeVpos = Math.round(-240 / ((1680 + comment.width_max) / (comment.long + 125))) - 100;
-                    if (1080 < comment.height) {
-                        posY = (comment.height - 1080) / -2;
+                    var posY = 0;
+                    var beforeVpos = Math.round(-288 / ((1632 + comment.width_max) / (comment.long + 125))) - 100;
+                    if (canvasHeight < comment.height) {
+                        posY = (comment.height - canvasHeight) / -2;
                     }
                     else {
-                        while (is_change && count < 10) {
-                            is_change = false;
+                        var isBreak = false, isChanged = true, count = 0;
+                        while (isChanged && count < 10) {
+                            isChanged = false;
                             count++;
-                            for (var j = beforeVpos; j < comment.long; j++) {
+                            for (var j = beforeVpos; j < comment.long + 125; j++) {
                                 var vpos = comment.vpos + j;
-                                var left_pos = 1680 - (1680 + comment.width_max) / (comment.long + 125) * j;
-                                if (left_pos + comment.width_max >= 1880) {
-                                    for (var k in this.collision_right[vpos]) {
-                                        var l = this.collision_right[vpos][k];
-                                        if ((posY < data[l].posY + data[l].height && posY + comment.height > data[l].posY) && data[l].owner === comment.owner && data[l].layer === comment.layer) {
-                                            if (data[l].posY + data[l].height > posY) {
-                                                posY = data[l].posY + data[l].height;
-                                                is_change = true;
-                                            }
-                                            if (posY + comment.height > 1080) {
-                                                if (1080 < comment.height) {
-                                                    posY = (comment.height - 1080) / -2;
-                                                }
-                                                else {
-                                                    posY = Math.floor(Math.random() * (1080 - comment.height));
-                                                }
-                                                is_break = true;
-                                                break;
-                                            }
-                                        }
-                                    }
-                                    if (is_break) {
+                                var left_pos = getPosX(comment.width_max, j, comment.long);
+                                if (left_pos + comment.width_max >= collisionRange.right &&
+                                    left_pos <= collisionRange.right) {
+                                    var result = getPosY(posY, comment, _this.collision.right[vpos], data);
+                                    posY = result.currentPos;
+                                    isChanged = result.isChanged;
+                                    isBreak = result.isBreak;
+                                    if (isBreak)
                                         break;
-                                    }
                                 }
-                                if (left_pos <= 40) {
-                                    for (var k in this.collision_left[vpos]) {
-                                        var l = this.collision_left[vpos][k];
-                                        if ((posY < data[l].posY + data[l].height && posY + comment.height > data[l].posY) && data[l].owner === comment.owner && data[l].layer === comment.layer) {
-                                            if (data[l].posY + data[l].height > posY) {
-                                                posY = data[l].posY + data[l].height;
-                                                is_change = true;
-                                            }
-                                            if (posY + comment.height > 1080) {
-                                                if (1080 < comment.height) {
-                                                    posY = 0;
-                                                }
-                                                else {
-                                                    posY = Math.random() * (1080 - comment.height);
-                                                }
-                                                is_break = true;
-                                                break;
-                                            }
-                                        }
-                                    }
-                                    if (is_break) {
+                                if (left_pos + comment.width_max >= collisionRange.left &&
+                                    left_pos <= collisionRange.left) {
+                                    var result = getPosY(posY, comment, _this.collision.left[vpos], data);
+                                    posY = result.currentPos;
+                                    isChanged = result.isChanged;
+                                    isBreak = result.isBreak;
+                                    if (isBreak)
                                         break;
-                                    }
                                 }
                             }
-                            if (is_break) {
+                            if (isBreak) {
                                 break;
                             }
                         }
                     }
                     for (var j = beforeVpos; j < comment.long + 125; j++) {
                         var vpos = comment.vpos + j;
-                        var left_pos = 1680 - (1680 + comment.width_max) / (comment.long + 125) * j;
-                        arrayPush(this.timeline, vpos, i);
-                        if (left_pos + comment.width_max >= 1880) {
-                            arrayPush(this.collision_right, vpos, i);
+                        var left_pos = getPosX(comment.width_max, j, comment.long);
+                        arrayPush(_this.timeline, vpos, index);
+                        if (left_pos + comment.width_max >= collisionRange.right) {
+                            arrayPush(_this.collision.right, vpos, index);
                         }
-                        if (left_pos <= 40) {
-                            arrayPush(this.collision_left, vpos, i);
+                        if (left_pos <= collisionRange.left) {
+                            arrayPush(_this.collision.left, vpos, index);
                         }
                     }
-                    parsedData[i].posY = posY;
+                    comment.posY = posY;
                 }
                 else {
-                    var posY = 0, is_break = false, is_change = true, count = 0, collision = void 0;
+                    var posY = 0, isChanged = true, count = 0, collision = void 0;
                     if (comment.loc === "ue") {
-                        collision = this.collision_ue;
+                        collision = _this.collision.ue;
                     }
-                    else if (comment.loc === "shita") {
-                        collision = this.collision_shita;
+                    else {
+                        collision = _this.collision.shita;
                     }
-                    while (is_change && count < 10) {
-                        is_change = false;
+                    while (isChanged && count < 10) {
+                        isChanged = false;
                         count++;
                         for (var j = 0; j < comment.long; j++) {
-                            var vpos = comment.vpos + j;
-                            for (var k in collision[vpos]) {
-                                var l = collision[vpos][k];
-                                if ((posY < data[l].posY + data[l].height && posY + comment.height > data[l].posY) && data[l].owner === comment.owner && data[l].layer === comment.layer) {
-                                    if (data[l].posY + data[l].height > posY) {
-                                        posY = data[l].posY + data[l].height;
-                                        is_change = true;
-                                    }
-                                    if (posY + comment.height > 1080) {
-                                        if (1000 <= comment.height) {
-                                            posY = 0;
-                                        }
-                                        else {
-                                            posY = Math.floor(Math.random() * (1080 - comment.height));
-                                        }
-                                        is_break = true;
-                                        break;
-                                    }
-                                }
-                            }
-                            if (is_break) {
+                            var result = getPosY(posY, comment, collision[comment.vpos + j], data);
+                            posY = result.currentPos;
+                            isChanged = result.isChanged;
+                            if (result.isBreak)
                                 break;
-                            }
                         }
                     }
                     for (var j = 0; j < comment.long; j++) {
                         var vpos = comment.vpos + j;
-                        arrayPush(this.timeline, vpos, i);
+                        arrayPush(_this.timeline, vpos, index);
+                        if (j > comment.long - 20)
+                            continue;
                         if (comment.loc === "ue") {
-                            arrayPush(this.collision_ue, vpos, i);
+                            arrayPush(_this.collision.ue, vpos, index);
                         }
                         else {
-                            arrayPush(this.collision_shita, vpos, i);
+                            arrayPush(_this.collision.shita, vpos, index);
                         }
                     }
-                    parsedData[i].posY = posY;
+                    comment.posY = posY;
                 }
-            }
+            });
             logger("getCommentPos complete: ".concat(performance.now() - getCommentPosStart, "ms"));
-            return parsedData;
+            return data;
         };
         NiconiComments.prototype.sortComment = function (parsedData) {
+            var _a;
             var sortCommentStart = performance.now();
-            for (var vpos in this.timeline) {
-                if (!this.timeline[vpos])
+            for (var _i = 0, _b = Object.keys(this.timeline); _i < _b.length; _i++) {
+                var vpos = _b[_i];
+                var item = this.timeline[Number(vpos)];
+                if (!item)
                     continue;
                 var owner = [], user = [];
-                for (var _i = 0, _a = this.timeline[vpos]; _i < _a.length; _i++) {
-                    var i = _a[_i];
-                    if (parsedData[i].owner) {
-                        owner.push(i);
+                for (var _c = 0, item_1 = item; _c < item_1.length; _c++) {
+                    var index = item_1[_c];
+                    if ((_a = parsedData[index]) === null || _a === void 0 ? void 0 : _a.owner) {
+                        owner.push(index);
                     }
                     else {
-                        user.push(i);
+                        user.push(index);
                     }
                 }
-                this.timeline[vpos] = owner.concat(user);
+                this.timeline[Number(vpos)] = owner.concat(user);
             }
             logger("parseData complete: ".concat(performance.now() - sortCommentStart, "ms"));
             return parsedData;
         };
         NiconiComments.prototype.measureText = function (comment) {
-            var width, width_max, width_min, height, width_arr = [], lines = comment.content.split("\n");
+            var width_arr = [], lines = comment.content.split("\n");
             if (!comment.lineHeight)
-                comment.lineHeight = this.lineHeight[comment.size].default;
+                comment.lineHeight = lineHeight[comment.size].default;
             if (!comment.resized && !comment.ender) {
                 if (comment.size === "big" && lines.length > 2) {
-                    comment.fontSize = this.fontSize.big.resized;
-                    comment.lineHeight = this.lineHeight.big.resized;
+                    comment.fontSize = fontSize.big.resized;
+                    comment.lineHeight = lineHeight.big.resized;
                     comment.resized = true;
-                    comment.tateresized = true;
+                    comment.resizedY = true;
                     this.context.font = parseFont(comment.font, comment.fontSize, this.useLegacy);
                 }
                 else if (comment.size === "medium" && lines.length > 4) {
-                    comment.fontSize = this.fontSize.medium.resized;
-                    comment.lineHeight = this.lineHeight.medium.resized;
+                    comment.fontSize = fontSize.medium.resized;
+                    comment.lineHeight = lineHeight.medium.resized;
                     comment.resized = true;
-                    comment.tateresized = true;
+                    comment.resizedY = true;
                     this.context.font = parseFont(comment.font, comment.fontSize, this.useLegacy);
                 }
                 else if (comment.size === "small" && lines.length > 6) {
-                    comment.fontSize = this.fontSize.small.resized;
-                    comment.lineHeight = this.lineHeight.small.resized;
+                    comment.fontSize = fontSize.small.resized;
+                    comment.lineHeight = lineHeight.small.resized;
                     comment.resized = true;
-                    comment.tateresized = true;
+                    comment.resizedY = true;
                     this.context.font = parseFont(comment.font, comment.fontSize, this.useLegacy);
                 }
             }
@@ -452,84 +1051,106 @@
                 var measure = this.context.measureText(lines[i]);
                 width_arr.push(measure.width);
             }
-            width = width_arr.reduce(function (p, c) { return p + c; }, 0) / width_arr.length;
-            width_max = Math.max.apply(Math, width_arr);
-            width_min = Math.min.apply(Math, width_arr);
-            height = (comment.fontSize * comment.lineHeight * (1 + this.commentYPaddingTop) * lines.length) + (this.commentYMarginBottom * comment.fontSize);
-            if (comment.loc !== "naka" && !comment.tateresized) {
-                if (comment.full && width_max > 1930) {
-                    comment.fontSize -= 2;
-                    comment.resized = true;
-                    comment.yokoResized = true;
-                    this.context.font = parseFont(comment.font, comment.fontSize, this.useLegacy);
-                    return this.measureText(comment);
-                }
-                else if (!comment.full && width_max > 1440) {
-                    comment.fontSize -= 1;
+            var width = width_arr.reduce(function (p, c) { return p + c; }, 0) / width_arr.length;
+            var width_max = Math.max.apply(Math, width_arr), width_min = Math.min.apply(Math, width_arr), height = comment.fontSize *
+                comment.lineHeight *
+                (1 + commentYPaddingTop) *
+                lines.length +
+                commentYMarginBottom * comment.fontSize;
+            if (comment.loc !== "naka" && !comment.resizedY) {
+                if ((comment.full && width_max > 1930) ||
+                    (!comment.full && width_max > 1440)) {
+                    while (width_max > (comment.full ? 1930 : 1440)) {
+                        width_max /= 1.1;
+                        width_max /= 1.1;
+                        comment.fontSize -= 2;
+                    }
                     comment.resized = true;
-                    comment.yokoResized = true;
+                    comment.resizedX = true;
                     this.context.font = parseFont(comment.font, comment.fontSize, this.useLegacy);
                     return this.measureText(comment);
                 }
             }
-            else if (comment.loc !== "naka" && comment.tateresized && (comment.full && width_max > 2120 || !comment.full && width_max > 1440) && !comment.yokoResized) {
-                comment.fontSize = this.fontSize[comment.size].default;
-                comment.lineHeight = this.lineHeight[comment.size].default * 1.05;
+            else if (comment.loc !== "naka" &&
+                comment.resizedY &&
+                ((comment.full && width_max > 2120) ||
+                    (!comment.full && width_max > 1440)) &&
+                !comment.resizedX) {
+                comment.fontSize = fontSize[comment.size].default;
+                comment.lineHeight = lineHeight[comment.size].default * 1.05;
                 comment.resized = true;
-                comment.yokoResized = true;
+                comment.resizedX = true;
                 this.context.font = parseFont(comment.font, comment.fontSize, this.useLegacy);
                 return this.measureText(comment);
             }
-            else if (comment.loc !== "naka" && comment.tateresized && comment.yokoResized) {
-                if (comment.full && width_max > this.doubleResizeMaxWidth.full[this.useLegacy ? "legacy" : "default"]) {
-                    comment.fontSize -= 1;
+            else if (comment.loc !== "naka" && comment.resizedY && comment.resizedX) {
+                if (comment.full &&
+                    width_max >
+                        doubleResizeMaxWidth.full[this.useLegacy ? "legacy" : "default"]) {
+                    while (width_max >
+                        doubleResizeMaxWidth.full[this.useLegacy ? "legacy" : "default"]) {
+                        width_max /= 1.1;
+                        comment.fontSize -= 1;
+                    }
                     this.context.font = parseFont(comment.font, comment.fontSize, this.useLegacy);
                     return this.measureText(comment);
                 }
-                else if (!comment.full && width_max > this.doubleResizeMaxWidth.normal[this.useLegacy ? "legacy" : "default"]) {
-                    comment.fontSize -= 1;
+                else if (!comment.full &&
+                    width_max >
+                        doubleResizeMaxWidth.normal[this.useLegacy ? "legacy" : "default"]) {
+                    while (width_max >
+                        doubleResizeMaxWidth.normal[this.useLegacy ? "legacy" : "default"]) {
+                        width_max /= 1.1;
+                        comment.fontSize -= 1;
+                    }
                     this.context.font = parseFont(comment.font, comment.fontSize, this.useLegacy);
                     return this.measureText(comment);
                 }
             }
             return {
-                "width": width,
-                "width_max": width_max,
-                "width_min": width_min,
-                "height": height,
-                "resized": comment.resized,
-                "fontSize": comment.fontSize,
-                "lineHeight": comment.lineHeight
+                width: width,
+                width_max: width_max,
+                width_min: width_min,
+                height: height,
+                resized: !!comment.resized,
+                fontSize: comment.fontSize,
+                lineHeight: comment.lineHeight,
             };
         };
         NiconiComments.prototype.drawText = function (comment, vpos) {
+            var _this = this;
             var reverse = false;
-            for (var i in this.nicoScripts.reverse) {
-                var range = this.nicoScripts.reverse[i];
-                if ((range.target === "コメ" && comment.owner) || (range.target === "投コメ" && !comment.owner)) {
+            for (var _i = 0, _a = this.nicoScripts.reverse; _i < _a.length; _i++) {
+                var range = _a[_i];
+                if ((range.target === "コメ" && comment.owner) ||
+                    (range.target === "投コメ" && !comment.owner))
                     break;
-                }
                 if (range.start < vpos && vpos < range.end) {
                     reverse = true;
                 }
             }
-            for (var i in this.nicoScripts.ban) {
-                var range = this.nicoScripts.ban[i];
-                if (range.start < vpos && vpos < range.end) {
+            for (var _b = 0, _c = this.nicoScripts.ban; _b < _c.length; _b++) {
+                var range = _c[_b];
+                if (range.start < vpos && vpos < range.end)
                     return;
-                }
             }
-            var posX = (1920 - comment.width_max) / 2, posY = comment.posY;
+            var posX = (canvasWidth - comment.width_max) / 2, posY = comment.posY;
             if (comment.loc === "naka") {
                 if (reverse) {
-                    posX = 240 + (1680 + comment.width_max) / (comment.long + 125) * (vpos - comment.vpos + 100) - comment.width_max;
+                    posX =
+                        canvasWidth +
+                            comment.width_max -
+                            getPosX(comment.width_max, vpos - comment.vpos, comment.long);
                 }
                 else {
-                    posX = 1680 - (1680 + comment.width_max) / (comment.long + 125) * (vpos - comment.vpos + 100);
+                    posX = getPosX(comment.width_max, vpos - comment.vpos, comment.long);
+                }
+                if (posX > canvasWidth || posX + comment.width_max < 0) {
+                    return;
                 }
             }
             else if (comment.loc === "shita") {
-                posY = 1080 - comment.posY - comment.height;
+                posY = canvasHeight - comment.posY - comment.height;
             }
             if (comment.image && comment.image !== true) {
                 this.context.drawImage(comment.image, posX, posY);
@@ -538,19 +1159,48 @@
                 this.context.strokeStyle = "rgba(0,255,255,1)";
                 this.context.strokeRect(posX, posY, comment.width_max, comment.height);
                 var lines = comment.content.split("\n");
-                for (var i in lines) {
-                    var linePosY = (Number(i) + 1) * (comment.fontSize * comment.lineHeight) * (1 + this.commentYPaddingTop);
-                    this.context.strokeStyle = "rgba(255,255,0,0.5)";
-                    this.context.strokeRect(posX, posY + linePosY, comment.width_max, comment.fontSize * comment.lineHeight * -1);
-                }
+                lines.forEach(function (_, index) {
+                    var linePosY = (Number(index) + 1) *
+                        (comment.fontSize * comment.lineHeight) *
+                        (1 + commentYPaddingTop);
+                    _this.context.strokeStyle = "rgba(255,255,0,0.5)";
+                    _this.context.strokeRect(posX, posY + linePosY, comment.width_max, comment.fontSize * comment.lineHeight * -1);
+                });
+            }
+            if (isDebug) {
+                var font = this.context.font;
+                var fillStyle = this.context.fillStyle;
+                this.context.font = parseFont("defont", 30, false);
+                this.context.fillStyle = "#ff00ff";
+                this.context.fillText(comment.mail.join(","), posX, posY + 30);
+                this.context.font = font;
+                this.context.fillStyle = fillStyle;
             }
         };
         NiconiComments.prototype.getTextImage = function (i, preRendering) {
             var _this = this;
+            var _a;
             if (preRendering === void 0) { preRendering = false; }
             var value = this.data[i];
             if (!value || value.invisible)
                 return;
+            var cacheKey = value.content + "@@@" + __spreadArray([], value.mail, true).sort().join(","), cache = this.cacheIndex[cacheKey];
+            if (cache) {
+                var image_1 = (_a = this.data[cache]) === null || _a === void 0 ? void 0 : _a.image;
+                if (image_1) {
+                    this.cacheIndex[cacheKey] = i;
+                    value.image = image_1;
+                    setTimeout(function () {
+                        if (value.image) {
+                            delete value.image;
+                        }
+                        if (_this.cacheIndex[cacheKey] === i) {
+                            delete _this.cacheIndex[cacheKey];
+                        }
+                    }, value.long * 10 + cacheAge);
+                    return;
+                }
+            }
             var image = document.createElement("canvas");
             image.width = value.width_max;
             image.height = value.height;
@@ -573,225 +1223,159 @@
                 context.strokeStyle = "rgba(255,255,255,0.7)";
             }
             var lines = value.content.split("\n");
-            for (var i_1 in lines) {
-                var line = lines[i_1], posY = void 0;
-                posY = (Number(i_1) + 1) * (value.fontSize * value.lineHeight) * (1 + this.commentYPaddingTop);
+            lines.forEach(function (line, index) {
+                var posY = (index + 1) *
+                    (value.fontSize * value.lineHeight) *
+                    (1 + commentYPaddingTop);
                 context.strokeText(line, 0, posY);
                 context.fillText(line, 0, posY);
-            }
-            this.data[i].image = image;
+            });
+            value.image = image;
+            this.cacheIndex[cacheKey] = i;
             if (preRendering)
                 return;
             setTimeout(function () {
-                if (_this.data[i].image)
-                    delete _this.data[i].image;
-            }, 5000);
+                if (value.image) {
+                    delete value.image;
+                }
+                if (_this.cacheIndex[cacheKey] === i) {
+                    delete _this.cacheIndex[cacheKey];
+                }
+            }, value.long * 10 + cacheAge);
         };
         NiconiComments.prototype.parseCommand = function (comment) {
-            var metadata = comment.mail, loc = null, size = null, fontSize = null, color = null, font = null, full = false, ender = false, _live = false, invisible = false, long = null;
-            for (var i in metadata) {
-                var command = metadata[i].toLowerCase();
+            var metadata = comment.mail;
+            var result = {
+                loc: undefined,
+                size: undefined,
+                fontSize: undefined,
+                color: undefined,
+                font: undefined,
+                full: false,
+                ender: false,
+                _live: false,
+                invisible: false,
+                long: undefined,
+            };
+            for (var _i = 0, metadata_1 = metadata; _i < metadata_1.length; _i++) {
+                var command = metadata_1[_i];
+                command = command.toLowerCase();
                 var match = command.match(/^@([0-9.]+)/);
-                if (match) {
-                    long = match[1];
+                if (match && match[1]) {
+                    result.long = Number(match[1]);
                 }
-                if (loc === null) {
-                    switch (command) {
-                        case "ue":
-                            loc = "ue";
-                            break;
-                        case "shita":
-                            loc = "shita";
-                            break;
-                    }
+                else if (result.loc === undefined && typeGuard.comment.loc(command)) {
+                    result.loc = command;
                 }
-                if (size === null) {
-                    switch (command) {
-                        case "big":
-                            size = "big";
-                            fontSize = this.fontSize.big.default;
-                            break;
-                        case "small":
-                            size = "small";
-                            fontSize = this.fontSize.small.default;
-                            break;
-                    }
+                else if (result.size === undefined && typeGuard.comment.size(command)) {
+                    result.size = command;
+                    result.fontSize = fontSize[command].default;
                 }
-                if (color === null) {
-                    switch (command) {
-                        case "white":
-                            color = "#FFFFFF";
-                            break;
-                        case "red":
-                            color = "#FF0000";
-                            break;
-                        case "pink":
-                            color = "#FF8080";
-                            break;
-                        case "orange":
-                            color = "#FFC000";
-                            break;
-                        case "yellow":
-                            color = "#FFFF00";
-                            break;
-                        case "green":
-                            color = "#00FF00";
-                            break;
-                        case "cyan":
-                            color = "#00FFFF";
-                            break;
-                        case "blue":
-                            color = "#0000FF";
-                            break;
-                        case "purple":
-                            color = "#C000FF";
-                            break;
-                        case "black":
-                            color = "#000000";
-                            break;
-                        case "white2":
-                        case "niconicowhite":
-                            color = "#CCCC99";
-                            break;
-                        case "red2":
-                        case "truered":
-                            color = "#CC0033";
-                            break;
-                        case "pink2":
-                            color = "#FF33CC";
-                            break;
-                        case "orange2":
-                        case "passionorange":
-                            color = "#FF6600";
-                            break;
-                        case "yellow2":
-                        case "madyellow":
-                            color = "#999900";
-                            break;
-                        case "green2":
-                        case "elementalgreen":
-                            color = "#00CC66";
-                            break;
-                        case "cyan2":
-                            color = "#00CCCC";
-                            break;
-                        case "blue2":
-                        case "marineblue":
-                            color = "#3399FF";
-                            break;
-                        case "purple2":
-                        case "nobleviolet":
-                            color = "#6633CC";
-                            break;
-                        case "black2":
-                            color = "#666666";
-                            break;
-                        default:
+                else {
+                    if (result.color === undefined) {
+                        var color = colors[command];
+                        if (color) {
+                            result.color = color;
+                            continue;
+                        }
+                        else {
                             var match_1 = command.match(/#[0-9a-z]{3,6}/);
-                            if (match_1 && comment.premium) {
-                                color = match_1[0].toUpperCase();
+                            if (match_1 && match_1[0] && comment.premium) {
+                                result.color = match_1[0].toUpperCase();
+                                continue;
                             }
-                            break;
+                        }
                     }
-                }
-                if (font === null) {
-                    switch (command) {
-                        case "gothic":
-                            font = "gothic";
-                            break;
-                        case "mincho":
-                            font = "mincho";
-                            break;
+                    if (result.font === undefined && typeGuard.comment.font(command)) {
+                        result.font = command;
+                    }
+                    else if (typeGuard.comment.command.key(command)) {
+                        result[command] = true;
                     }
-                }
-                switch (command) {
-                    case "full":
-                        full = true;
-                        break;
-                    case "ender":
-                        ender = true;
-                        break;
-                    case "_live":
-                        _live = true;
-                        break;
-                    case "invisible":
-                        invisible = true;
-                        break;
                 }
             }
-            return { loc: loc, size: size, fontSize: fontSize, color: color, font: font, full: full, ender: ender, _live: _live, invisible: invisible, long: long };
+            return result;
         };
         NiconiComments.prototype.parseCommandAndNicoscript = function (comment) {
-            var data = this.parseCommand(comment), nicoscript = comment.content.match(/^@(デフォルト|置換|逆|コメント禁止|シーク禁止|ジャンプ)/);
+            var data = this.parseCommand(comment), string = comment.content, nicoscript = string.match(/^(?:@|＠)(デフォルト|置換|逆|コメント禁止|シーク禁止|ジャンプ)/);
             if (nicoscript) {
+                var reverse = comment.content.match(/^@逆 ?(全|コメ|投コメ)?/);
+                var content = comment.content.split(""), result = [];
+                var quote = "", last_i = "", string_1 = "";
                 switch (nicoscript[1]) {
                     case "デフォルト":
-                        this.nicoScripts.default.push({
+                        this.nicoScripts.default.unshift({
                             start: comment.vpos,
-                            long: data.long === null ? null : Math.floor(data.long * 100),
+                            long: data.long === undefined ? undefined : Math.floor(data.long * 100),
                             color: data.color,
                             size: data.size,
                             font: data.font,
-                            loc: data.loc
+                            loc: data.loc,
                         });
                         break;
                     case "逆":
-                        var reverse = comment.content.match(/^@逆 ?(全|コメ|投コメ)?/);
-                        if (!reverse)
-                            reverse = [];
-                        if (!reverse[1]) {
-                            reverse[1] = "全";
-                        }
-                        if (data.long === null) {
+                        if (!reverse ||
+                            !reverse[1] ||
+                            !typeGuard.nicoScript.range.target(reverse[1]))
+                            break;
+                        if (data.long === undefined) {
                             data.long = 30;
                         }
-                        this.nicoScripts.reverse.push({
+                        this.nicoScripts.reverse.unshift({
                             start: comment.vpos,
-                            end: comment.vpos + (data.long * 100),
-                            target: reverse[1]
+                            end: comment.vpos + data.long * 100,
+                            target: reverse[1],
                         });
                         break;
                     case "コメント禁止":
-                        if (data.long === null) {
+                        if (data.long === undefined) {
                             data.long = 30;
                         }
-                        this.nicoScripts.reverse.push({
+                        this.nicoScripts.ban.unshift({
                             start: comment.vpos,
-                            end: comment.vpos + (data.long * 100),
+                            end: comment.vpos + data.long * 100,
                         });
                         break;
                     case "置換":
-                        var content = comment.content.split(""), quote = "", last_i = "", string = "", result = [];
                         for (var _i = 0, _a = content.slice(4); _i < _a.length; _i++) {
                             var i = _a[_i];
                             if (i.match(/["'「]/) && quote === "") {
                                 quote = i;
                             }
                             else if (i.match(/["']/) && quote === i && last_i !== "\\") {
-                                result.push(replaceAll(string, "\\n", "\n"));
+                                result.push(replaceAll(string_1, "\\n", "\n"));
                                 quote = "";
-                                string = "";
+                                string_1 = "";
                             }
                             else if (i.match(/」/) && quote === "「") {
-                                result.push(string);
+                                result.push(string_1);
                                 quote = "";
-                                string = "";
+                                string_1 = "";
                             }
-                            else if (quote === "" && i.match(/[\s　]/)) {
-                                if (string) {
-                                    result.push(string);
-                                    string = "";
+                            else if (quote === "" && i.match(/\s+/)) {
+                                if (string_1) {
+                                    result.push(string_1);
+                                    string_1 = "";
                                 }
                             }
                             else {
-                                string += i;
+                                string_1 += i;
                             }
                             last_i = i;
                         }
-                        result.push(string);
-                        this.nicoScripts.replace.push({
+                        result.push(string_1);
+                        if (result[0] === undefined ||
+                            result[1] === undefined ||
+                            (result[2] !== undefined &&
+                                !typeGuard.nicoScript.replace.range(result[2])) ||
+                            (result[3] !== undefined &&
+                                !typeGuard.nicoScript.replace.target(result[3])) ||
+                            (result[4] !== undefined &&
+                                !typeGuard.nicoScript.replace.condition(result[4])))
+                            break;
+                        this.nicoScripts.replace.unshift({
                             start: comment.vpos,
-                            long: data.long === null ? null : Math.floor(data.long * 100),
+                            long: data.long === undefined ? undefined : Math.floor(data.long * 100),
                             keyword: result[0],
                             replace: result[1] || "",
                             range: result[2] || "単",
@@ -800,40 +1384,63 @@
                             color: data.color,
                             size: data.size,
                             font: data.font,
-                            loc: data.loc
+                            loc: data.loc,
+                            no: comment.id,
+                        });
+                        this.nicoScripts.replace.sort(function (a, b) {
+                            if (a.start < b.start)
+                                return -1;
+                            if (a.start > b.start)
+                                return 1;
+                            if (a.no < b.no)
+                                return -1;
+                            if (a.no > b.no)
+                                return 1;
+                            return 0;
                         });
                         break;
                 }
                 data.invisible = true;
             }
-            var color = "#FFFFFF", size = "medium", font = "defont", loc = "naka";
-            for (var i in this.nicoScripts.default) {
-                if (this.nicoScripts.default[i].long !== null && this.nicoScripts.default[i].start + this.nicoScripts.default[i].long < comment.vpos) {
+            var color = undefined, size = undefined, font = undefined, loc = undefined;
+            for (var i = 0; i < this.nicoScripts.default.length; i++) {
+                var item = this.nicoScripts.default[i];
+                if (!item)
+                    continue;
+                if (item.long !== undefined && item.start + item.long < comment.vpos) {
                     this.nicoScripts.default = this.nicoScripts.default.splice(Number(i), 1);
                     continue;
                 }
-                if (this.nicoScripts.default[i].loc) {
-                    loc = this.nicoScripts.default[i].loc;
+                if (item.loc) {
+                    loc = item.loc;
                 }
-                if (this.nicoScripts.default[i].color) {
-                    color = this.nicoScripts.default[i].color;
+                if (item.color) {
+                    color = item.color;
                 }
-                if (this.nicoScripts.default[i].size) {
-                    size = this.nicoScripts.default[i].size;
+                if (item.size) {
+                    size = item.size;
                 }
-                if (this.nicoScripts.default[i].font) {
-                    font = this.nicoScripts.default[i].font;
+                if (item.font) {
+                    font = item.font;
                 }
+                if (loc && color && size && font)
+                    break;
             }
-            for (var i in this.nicoScripts.replace) {
-                if (this.nicoScripts.replace[i].long !== null && this.nicoScripts.replace[i].start + this.nicoScripts.replace[i].long < comment.vpos) {
+            for (var i = 0; i < this.nicoScripts.replace.length; i++) {
+                var item = this.nicoScripts.replace[i];
+                if (!item)
+                    continue;
+                if (item.long !== undefined && item.start + item.long < comment.vpos) {
                     this.nicoScripts.default = this.nicoScripts.default.splice(Number(i), 1);
                     continue;
                 }
-                var item = this.nicoScripts.replace[i];
-                if ((item.target === "コメ" && comment.owner) || (item.target === "投コメ" && !comment.owner) || (item.target === "含まない" && comment.owner))
+                if ((item.target === "コメ" && comment.owner) ||
+                    (item.target === "投コメ" && !comment.owner) ||
+                    (item.target === "含まない" && comment.owner))
                     continue;
-                if ((item.condition === "完全一致" && comment.content === item.keyword) || (item.condition === "部分一致" && comment.content.indexOf(item.keyword) !== -1)) {
+                if ((item.condition === "完全一致" && comment.content === item.keyword) ||
+                    (item.condition === "部分一致" &&
+                        comment.content.indexOf(item.keyword) !== -1)) {
                     if (item.range === "単") {
                         comment.content = replaceAll(comment.content, item.keyword, item.replace);
                     }
@@ -841,31 +1448,31 @@
                         comment.content = item.replace;
                     }
                     if (item.loc) {
-                        loc = item.loc;
+                        data.loc = item.loc;
                     }
                     if (item.color) {
-                        color = item.color;
+                        data.color = item.color;
                     }
                     if (item.size) {
-                        size = item.size;
+                        data.size = item.size;
                     }
                     if (item.font) {
-                        font = item.font;
+                        data.font = item.font;
                     }
                 }
             }
             if (!data.loc) {
-                data.loc = loc;
+                data.loc = loc || "naka";
             }
             if (!data.color) {
-                data.color = color;
+                data.color = color || "#FFFFFF";
             }
             if (!data.size) {
-                data.size = size;
-                data.fontSize = this.fontSize[data.size].default;
+                data.size = size || "medium";
+                data.fontSize = fontSize[data.size].default;
             }
             if (!data.font) {
-                data.font = font;
+                data.font = font || "defont";
             }
             if (!data.long) {
                 data.long = 300;
@@ -875,28 +1482,30 @@
             }
             return _assign(_assign({}, comment), data);
         };
-        NiconiComments.prototype.drawCanvas = function (vpos) {
+        NiconiComments.prototype.drawCanvas = function (vpos, forceRendering) {
+            if (forceRendering === void 0) { forceRendering = false; }
             var drawCanvasStart = performance.now();
-            if (this.lastVpos === vpos)
+            if (this.lastVpos === vpos && !forceRendering)
                 return;
             this.lastVpos = vpos;
             this.fpsCount++;
             this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
             if (this.video) {
-                var offsetX = void 0, offsetY = void 0, scale = void 0, height = this.canvas.height / this.video.videoHeight, width = this.canvas.width / this.video.videoWidth;
+                var scale = void 0;
+                var height = this.canvas.height / this.video.videoHeight, width = this.canvas.width / this.video.videoWidth;
                 if (this.enableLegacyPiP ? height > width : height < width) {
                     scale = width;
                 }
                 else {
                     scale = height;
                 }
-                offsetX = (this.canvas.width - this.video.videoWidth * scale) * 0.5;
-                offsetY = (this.canvas.height - this.video.videoHeight * scale) * 0.5;
+                var offsetX = (this.canvas.width - this.video.videoWidth * scale) * 0.5, offsetY = (this.canvas.height - this.video.videoHeight * scale) * 0.5;
                 this.context.drawImage(this.video, offsetX, offsetY, this.video.videoWidth * scale, this.video.videoHeight * scale);
             }
-            if (this.timeline[vpos]) {
-                for (var i in this.timeline[vpos]) {
-                    var index = this.timeline[vpos][Number(i)];
+            var timelineRange = this.timeline[vpos];
+            if (timelineRange) {
+                for (var _i = 0, timelineRange_1 = timelineRange; _i < timelineRange_1.length; _i++) {
+                    var index = timelineRange_1[_i];
                     var comment = this.data[index];
                     if (!comment || comment.invisible) {
                         continue;
@@ -916,16 +1525,16 @@
                 this.context.font = parseFont("defont", 60, this.useLegacy);
                 this.context.fillStyle = "#00FF00";
                 this.context.strokeStyle = "rgba(0,0,0,0.7)";
-                this.context.strokeText("FPS:" + this.fps, 100, 100);
-                this.context.fillText("FPS:" + this.fps, 100, 100);
+                this.context.strokeText("FPS:".concat(this.fps), 100, 100);
+                this.context.fillText("FPS:".concat(this.fps), 100, 100);
             }
             if (this.showCommentCount) {
                 this.context.font = parseFont("defont", 60, this.useLegacy);
                 this.context.fillStyle = "#00FF00";
                 this.context.strokeStyle = "rgba(0,0,0,0.7)";
-                if (this.timeline[vpos]) {
-                    this.context.strokeText("Count:" + this.timeline[vpos].length, 100, 200);
-                    this.context.fillText("Count:" + this.timeline[vpos].length, 100, 200);
+                if (timelineRange) {
+                    this.context.strokeText("Count:".concat(timelineRange.length), 100, 200);
+                    this.context.fillText("Count:".concat(timelineRange.length), 100, 200);
                 }
                 else {
                     this.context.strokeText("Count:0", 100, 200);
@@ -935,101 +1544,14 @@
             logger("drawCanvas complete: ".concat(performance.now() - drawCanvasStart, "ms"));
         };
         NiconiComments.prototype.clear = function () {
-            this.context.clearRect(0, 0, 1920, 1080);
+            this.context.clearRect(0, 0, canvasWidth, canvasHeight);
         };
         return NiconiComments;
     }());
-    var groupBy = function (array, key, key2) {
-        var data = {};
-        for (var i in array) {
-            if (!data[array[i][key]]) {
-                data[array[i][key]] = {};
-            }
-            if (!data[array[i][key]][array[i][key2]]) {
-                data[array[i][key]][array[i][key2]] = [];
-            }
-            array[i].index = i;
-            data[array[i][key]][array[i][key2]].push(array[i]);
-        }
-        return data;
-    };
-    var parseFont = function (font, size, useLegacy) {
-        switch (font) {
-            case "gothic":
-                return "normal 400 ".concat(size, "px \"\u6E38\u30B4\u30B7\u30C3\u30AF\u4F53\", \"\u6E38\u30B4\u30B7\u30C3\u30AF\", \"Yu Gothic\", YuGothic, yugothic, YuGo-Medium");
-            case "mincho":
-                return "normal 400 ".concat(size, "px \"\u6E38\u660E\u671D\u4F53\", \"\u6E38\u660E\u671D\", \"Yu Mincho\", YuMincho, yumincho, YuMin-Medium");
-            default:
-                if (useLegacy) {
-                    return "normal 600 ".concat(size, "px Arial, \"\uFF2D\uFF33 \uFF30\u30B4\u30B7\u30C3\u30AF\", \"MS PGothic\", MSPGothic, MS-PGothic");
-                }
-                else {
-                    return "normal 600 ".concat(size, "px sans-serif, Arial, \"\uFF2D\uFF33 \uFF30\u30B4\u30B7\u30C3\u30AF\", \"MS PGothic\", MSPGothic, MS-PGothic");
-                }
-        }
-    };
-    var arrayPush = function (array, key, push) {
-        if (!array) {
-            array = {};
-        }
-        if (!array[key]) {
-            array[key] = [];
-        }
-        array[key].push(push);
-    };
-    var hex2rgb = function (hex) {
-        if (hex.slice(0, 1) === "#")
-            hex = hex.slice(1);
-        if (hex.length === 3)
-            hex = hex.slice(0, 1) + hex.slice(0, 1) + hex.slice(1, 2) + hex.slice(1, 2) + hex.slice(2, 3) + hex.slice(2, 3);
-        return [hex.slice(0, 2), hex.slice(2, 4), hex.slice(4, 6)].map(function (str) {
-            return parseInt(str, 16);
-        });
-    };
-    var replaceAll = function (string, target, replace) {
-        var count = 0;
-        while (string.indexOf(target) !== -1 && count < 100) {
-            string = string.replace(target, replace);
-            count++;
-        }
-        return string;
-    };
-    var isApiChat = function (item) {
-        return item.no && item.vpos && item.content;
-    };
     var logger = function (msg) {
         if (isDebug)
             console.debug(msg);
     };
-    var changeCALayer = function (rawData) {
-        var userList = {};
-        var data = [], index = [];
-        for (var i in rawData) {
-            var value = rawData[i];
-            if (value.user_id === undefined || value.user_id === -1)
-                continue;
-            if (userList[value.user_id] === undefined)
-                userList[value.user_id] = 0;
-            if (value.mail.indexOf("ca") > -1 || value.mail.indexOf("patissier") > -1 || value.mail.indexOf("ender") > -1) {
-                userList[value.user_id] += 5;
-            }
-            if ((value.content.match(/\r\n|\n|\r/g) || []).length > 2) {
-                userList[value.user_id] += 1;
-            }
-            var key = "".concat(value.content, "@@").concat(Array.from(new Set(value.mail.sort())).filter(function (e) { return !e.match(/@[\d.]+|184|device:.+|patissier|ca/); }).join(""), "@@").concat(Math.floor(value.vpos * 10));
-            if (index.indexOf(key) === -1) {
-                index.push(key);
-                data.push(value);
-            }
-        }
-        for (var i in data) {
-            var value = data[i];
-            if (userList[value.user_id] !== undefined && userList[value.user_id] >= 10) {
-                value.layer = value.user_id;
-            }
-        }
-        return data;
-    };
 
     return NiconiComments;