')\n .replace(/<b>/g, '')\n .replace(/<\\/b>/g, '')\n .replace(/<strong>/g, '')\n .replace(/<\\/strong>/g, '')\n .replace(/<a.+?>/g, (match) => {\n return match.replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '\"').replace(/&/g, '&')\n })\n .replace(/<\\/a>/g, '')\n}\n\nconst escapeHtml = (string) => {\n if(typeof string !== 'string') {\n return string;\n }\n return string.replace(/[&'`\"<>]/g, function(match) {\n return {\n '&': '&',\n \"'\": ''',\n '`': '`',\n '\"': '"',\n '<': '<',\n '>': '>',\n }[match]\n });\n}\n\n\n\n\n// --------------------------------------------- //\n// ActionCable\n// --------------------------------------------- //\n\n$.fn.extend({ animateCss: function (animationName) {\n const animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend'\n this.addClass('animated ' + animationName).one(animationEnd, function () {\n $(this).removeClass('animated ' + animationName)\n })\n return this\n}})\n\nconst setupActionCable = () => {\n const streamingId = $(\"#streaming-data\").data('streaming-id')\n streamingChannel.value = App.cable.subscriptions.create({ channel: \"MessageChannel\", uid: streamingId, live_page: true }, {\n received: (message) => {\n if (message[\"model\"] == \"Message\") {\n if (!message[\"source\"] || message[\"source\"] == \"order\") $(\"#commentStats\").animateCss('swing')\n if (message[\"message\"] && message[\"message\"][\"pin\"]) {\n $(\"ul.pinned-message\").empty()\n $(\"#messages li.pin\").removeClass(\"pin\")\n }\n if (liveData.value.noOlderContents && liveData.value.noNewerContents) {\n // コメントが全て取得済みであればhtmlとしてコメントを追加する\n prependLine(message)\n } else {\n // コメントの取得がまだある場合、VueJS側のメッセージリストに追加する\n let content = ''\n if (message[\"source\"] == 'order' || message[\"source\"] == \"like\" || message[\"source\"] == \"appearance\") content = message[\"content\"]\n else content = message[\"message\"][\"content\"]\n const msg = {\n content: content,\n created_at: message[\"message\"][\"created_at\"],\n hide_flag: false,\n id: message[\"message\"][\"id\"],\n image_thumb: message[\"image\"],\n is_admin: message[\"message\"][\"is_admin\"],\n nick_name: message[\"username\"],\n pin_flag: message[\"message\"][\"pin\"],\n source: message[\"message\"][\"source\"],\n user_id: message[\"userid\"],\n }\n if (liveData.value.noNewerContents) {\n // 新しいコメントが取得済みの場合はリストに追加する\n // アーカイブ時のコメント追加取得の途中では、新規コメントを追加しない\n liveData.value.messages.push(msg);\n }\n }\n $('#messages').height($('#message-list-section').height() - $('.pinned-message').height())\n if ($('#messages')[0].scrollHeight - $('#messages')[0].scrollTop < $('#message-list-section').height() * 4) $('#messages').scrollTop($('#messages')[0].scrollHeight)\n } else if (message[\"model\"] == \"HideMessage\") {\n if (message[\"message\"][\"hide\"]) {\n $(\"#message-\" + message[\"message\"][\"id\"]).empty()\n $(\"#message-\" + message[\"message\"][\"id\"]).addClass('hide')\n } else {\n message[\"message\"][\"content\"] = escapeHtml(message[\"message\"][\"content\"])\n message[\"username\"] = escapeHtml(message[\"username\"])\n const html = createLine(message)\n $(\"#message-\" + message[\"message\"][\"id\"]).append($(html).children())\n $(\"#message-\" + message[\"message\"][\"id\"]).removeClass('hide')\n }\n $('#messages').height($('#message-list-section').height() - $('.pinned-message').height());\n if ($('#messages')[0].scrollHeight - $('#messages')[0].scrollTop - $('#messages').height() < 46) $('#messages').scrollTop($('#messages')[0].scrollHeight)\n } else if (message[\"model\"] == \"PinMessage\") {\n $(\"ul.pinned-message\").empty()\n $(\"#messages li.pin\").removeClass(\"pin\")\n if (message[\"pin\"]) {\n $(\"#messages #message-\" + message[\"message_id\"]).addClass(\"pin\")\n $(\"ul.pinned-message\").append($(\"#messages #message-\" + message[\"message_id\"]).clone())\n }\n $('#messages').height($('#message-list-section').height() - $('.pinned-message').height())\n if ($('#messages')[0].scrollHeight - $('#messages')[0].scrollTop - $('#messages').height() < 138) $('#messages').scrollTop($('#messages')[0].scrollHeight)\n } else if (message[\"model\"] == \"Like\") {\n $(\"#likes-count\").text(parseInt($(\"#likes-count\").text()) + 1)\n $(\"#likeStats\").animateCss('pulse')\n if (message[\"tmpId\"] != ownId) showHeart(false)\n } else if (message[\"model\"] == \"Announcement\") {\n if (message[\"message\"] == \"\") $(\"#announcement-section\").css(\"display\", \"none\")\n else $(\"#announcement-section\").css(\"display\", \"block\")\n $(\"#announcement-section .announcement-block\").html(unescapeHtml(message[\"message\"]))\n const bottom = $(window).height() - ($('#information-section').height() + $('#announcement-section').height())\n $(\"#announcement-section\").css('bottom', bottom + 'px')\n $(\"#announcement-section .announcement-block\").linkify({ target: \"_blank\" })\n } else if (message[\"model\"] == \"Appearance\") {\n $(\"#appearances-count\").text(parseInt($(\"#appearances-count\").text()) + 1)\n $(\"#appearanceStats\").animateCss('pulse')\n } else if (message[\"model\"] == \"FeaturedProduct\") {\n updateFeaturedProducts(message[\"featured_product\"], message[\"release_flag\"])\n } else if (message[\"model\"] == \"StartBroadcast\") {\n setTimeout(() => {\n location.reload()\n }, 10 * 1000)\n } else if (message[\"model\"] == \"EndBroadcast\") {\n window.streamingStatus = false;\n // タイムラグを考慮して17秒後に終了メッセージを表示\n setTimeout(() => {\n $('#message-end-broadcasting').css('display', 'block')\n }, 17 * 1000)\n } else if (message[\"model\"] == \"ReloadBrowser\") {\n setTimeout(() => {\n location.reload()\n }, (Math.floor(Math.random() * 9) + 1) * 1000)\n } else if (message[\"model\"] == \"StreamDestroyed\") {\n setTimeout(() => {\n const p = ''\n $('#video').append(p)\n }, 5 * 1000)\n }\n },\n connected: () => {\n // MessageChannelよりUserNotificationChannelの方がコネクションが後になるようにしている\n // UserNotificationChannelが先に接続されてしまうと、その時点ではAppearanceが空のためエラーメッセージが適切に送信されない（user_notification_channel.rb line4)\n App.cable.subscriptions.create({ channel: \"UserNotificationChannel\" }, {\n received: (notification) => {\n alert(notification.notification)\n if (notification.notification.match('NGワードが含まれるため送信できません')) {\n if (notification.notification == 'ニックネームにNGワードが含まれるため送信できません') {\n document.cookie = 'nick_name=;path=/;expires=Thu, 21 Aug 2014 20:00:00 UTC'\n }\n $('#input-comment').val($('#input-comment').data('prev'))\n }\n if (notification.notification == 'ニックネームを入力してください。') {\n document.cookie = 'nick_name=;path=/;expires=Thu, 21 Aug 2014 20:00:00 UTC'\n $('#input-comment').val($('#input-comment').data('prev'))\n }\n }\n })\n },\n rejected: () => {\n console.log('rejected')\n },\n post: function(message) {\n this.perform('post', { message })\n }\n })\n}\n\nconst prependLine = (message) => {\n const html = createLine(message)\n $(\"#messages\").append(html)\n if (message[\"message\"] && message[\"message\"][\"pin\"]) $(\"ul.pinned-message\").append(html)\n}\n\nconst createLine = (message) => {\n let listClass = \"\"\n if (message[\"message\"] && message[\"message\"][\"is_admin\"]) listClass += \"official \"\n if (message[\"message\"] && message[\"message\"][\"pin\"]) listClass += \"pin \"\n if (message[\"source\"] == 'order') {\n return `
\n
\n \n \n ${filterXSS(message[\"username\"])}\n ${filterXSS(message[\"message\"][\"content\"])}\n
\n
\n \n \n ${filterXSS(message[\"username\"])}\n
![](\"/assets/images/certmark.png\"/)
\n ${filterXSS(message[\"message\"][\"content\"])}\n ![](\"/assets/images/whitepin.png\"/)
固定\n
\n \n
\n\n\n\n","import script from \"./CommentModal.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CommentModal.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CommentModal.vue?vue&type=style&index=0&id=55d0b0b8&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-55d0b0b8\"]])\n\nexport default __exports__","import script from \"./CommercialNotationModal.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CommercialNotationModal.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","\n\n\n \n
\n \n \n \n
\n 送信
\n \n \n
\n\n\n\n","\n\n\n \n\n\n\n","import script from \"./Footer.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Footer.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Footer.vue?vue&type=style&index=0&id=08ca5478&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-08ca5478\"]])\n\nexport default __exports__","\n\n\n \n
\n \n \n
\n \n \n \n
\n \n
\n \n
\n \n \n \n \n
\n \n \n
\n \n \n
\n \n ![]()
\n
\n \n 0\">紹介中
\n \n\n {{ product.title }}\n
\n \n= 0\">\n ¥{{ product.tax_included_price }} (税込)\n
\n \n \n \n![](\"../../../images/facebook.png\")
\n ![](\"../../../images/twitter.png\")
\n ![](\"../../../images/line_circle.png\")
\n ![](\"../../images/play_num.png\")
\n ![](\"../../images/heart_num.png\")
\n ![](\"../../images/mute_off_white.png\")
\n