// ==UserScript==
// @name Arca Refresher
// @namespace LeKAKiD
// @description Arca Live Extension
// @homepageURL https://github.com/lekakid/ArcaRefresher
// @supportURL https://arca.live/b/namurefresher
// @match https://*.arca.live/*
// @match https://arca.live/*
// @exclude-match https://st*.arca.live/*
// @noframes
// @run-at document-start
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_deleteValue
// @grant GM_listValues
// @grant GM_xmlhttpRequest
// @version 2.6.8
// @author LeKAKiD
// @require https://unpkg.com/[email protected]/dist/FileSaver.min.js
// @require https://unpkg.com/[email protected]/dist/jszip.min.js
// @require https://cdn.jsdelivr.net/combine/npm/@violentmonkey/dom,npm/@violentmonkey/ui
// ==/UserScript==
(function () {
'use strict';
function getContrastYIQ(hexcolor) {
const r = parseInt(hexcolor.substr(0, 2), 16);
const g = parseInt(hexcolor.substr(2, 2), 16);
const b = parseInt(hexcolor.substr(4, 2), 16);
const yiq = (r * 299 + g * 587 + b * 114) / 1000;
return yiq >= 128 ? 'black' : 'white';
}
function getRandomColor() {
return `00000${Math.floor(Math.random() * 0xFFFFFF).toString(16).toUpperCase()}`.slice(-6);
}
var css_248z = "#refresherSetting {\r\n margin: 0 auto;\r\n max-width: 1300px;\r\n border: 1px solid #bbb;\r\n background-color: #fff;\r\n padding: 1rem;\r\n}\r\n\r\n#refresherSetting select,\r\n#refresherSetting textarea,\r\n#refresherSetting input[type=\"text\"] {\r\n display: block;\r\n width: 100%;\r\n padding: .5rem .75rem;\r\n color: #55595c;\r\n background-color: #fff;\r\n border: 1px solid #bbb;\r\n}\r\n\r\n#refresherSetting input[disabled] {\r\n background-color: #eee;\r\n}\r\n\r\n#refresherSetting select {\r\n overflow: scroll;\r\n}\r\n\r\n#refresherSetting label {\r\n display: inline;\r\n}\r\n\r\n@media (prefers-color-scheme:dark) {\r\n #refresherSetting {\r\n border: 1px solid #43494c;\r\n background-color: #181a1b;\r\n }\r\n \r\n #refresherSetting select,\r\n #refresherSetting textarea,\r\n #refresherSetting input[type=\"text\"] {\r\n color: #55595c;\r\n background-color: #fff;\r\n border: 1px solid #bbb;\r\n }\r\n \r\n #refresherSetting input[disabled] {\r\n background-color: #999;\r\n }\r\n}";
const defaultConfig = {
refreshTime: 5,
hideRefresher: false,
useShortcut: false,
hideNotice: true,
hideAvatar: false,
hideMedia: false,
hideModified: false,
hideSideMenu: false,
myImage: '',
blockRatedown: false,
blockKeyword: [],
blockUser: [],
blockEmoticon: {},
userMemo: {},
useAutoRemoverTest: true,
autoRemoveUser: [],
autoRemoveKeyword: [],
category: {},
imageDownloaderFileName: '%title%'
};
function importConfig(JSONString) {
const data = JSON.parse(JSONString);
for (const key of Object.keys(data)) {
if ({}.hasOwnProperty.call(defaultConfig, key)) {
GM_setValue(key, data[key]);
}
}
}
function exportConfig() {
const keys = GM_listValues();
const config = {};
for (const key of keys) {
config[key] = GM_getValue(key);
}
const result = JSON.stringify(config);
return result;
}
function reset() {
const keys = GM_listValues();
for (const key of keys) {
GM_deleteValue(key);
}
}
function setup() {
// 설정 CSS 등록
document.head.append(VM.createElement("style", null, css_248z)); // 스크립트 설정 버튼 엘리먼트
const showSettingBtn = VM.createElement("li", {
class: "nav-item dropdown",
id: "showSetting"
}, VM.createElement("a", {
"aria-expanded": "false",
class: "nav-link",
href: "#"
}, VM.createElement("span", {
class: "d-none d-sm-block"
}, "\uC2A4\uD06C\uB9BD\uD2B8 \uC124\uC815"), VM.createElement("span", {
class: "d-block d-sm-none"
}, VM.createElement("span", {
class: "ion-gear-a"
})))); // 설정 뷰
const settingWrapper = VM.createElement("div", {
class: "hidden clearfix",
id: "refresherSetting"
}, VM.createElement("div", {
class: "row"
}, VM.createElement("div", {
class: "col-sm-0 col-md-2"
}), VM.createElement("div", {
class: "col-sm-12 col-md-8"
}, VM.createElement("div", {
class: "dialog card"
}, VM.createElement("div", {
class: "card-block"
}, VM.createElement("h4", {
class: "card-title"
}, "\uC544\uCE74 \uB9AC\uD504\uB808\uC154(Arca Refresher) \uC124\uC815"), VM.createElement("hr", null), VM.createElement("h5", {
class: "card-title"
}, "\uC720\uD2F8\uB9AC\uD2F0"), VM.createElement("div", {
class: "row"
}, VM.createElement("label", {
class: "col-md-3"
}, "\uC790\uB3D9 \uC0C8\uB85C\uACE0\uCE68"), VM.createElement("div", {
class: "col-md-9"
}, VM.createElement("select", {
id: "refreshTime",
"data-type": "number"
}, VM.createElement("option", {
value: "0"
}, "\uC0AC\uC6A9 \uC548 \uD568"), VM.createElement("option", {
value: "3"
}, "3\uCD08"), VM.createElement("option", {
value: "5"
}, "5\uCD08"), VM.createElement("option", {
value: "10"
}, "10\uCD08")), VM.createElement("p", null, "\uC77C\uC815 \uC2DC\uAC04\uB9C8\uB2E4 \uAC8C\uC2DC\uBB3C \uBAA9\uB85D\uC744 \uAC31\uC2E0\uD569\uB2C8\uB2E4."))), VM.createElement("div", {
class: "row"
}, VM.createElement("label", {
class: "col-md-3"
}, "\uC0C8\uB85C\uACE0\uCE68 \uC560\uB2C8\uBA54\uC774\uC158 \uC228\uAE40"), VM.createElement("div", {
class: "col-md-9"
}, VM.createElement("select", {
id: "hideRefresher",
"data-type": "bool"
}, VM.createElement("option", {
value: "false"
}, "\uC0AC\uC6A9 \uC548 \uD568"), VM.createElement("option", {
value: "true"
}, "\uC0AC\uC6A9")), VM.createElement("p", null))), VM.createElement("div", {
class: "row"
}, VM.createElement("label", {
class: "col-md-3"
}, "\uB2E8\uCD95\uD0A4 \uC0AC\uC6A9"), VM.createElement("div", {
class: "col-md-9"
}, VM.createElement("select", {
id: "useShortcut",
"data-type": "bool"
}, VM.createElement("option", {
value: "false"
}, "\uC0AC\uC6A9 \uC548 \uD568"), VM.createElement("option", {
value: "true"
}, "\uC0AC\uC6A9")), VM.createElement("p", null, VM.createElement("a", {
href: "https://github.com/lekakid/ArcaRefresher/wiki/Feature#%EB%8B%A8%EC%B6%95%ED%82%A4%EB%A1%9C-%EB%B9%A0%EB%A5%B8-%EC%9D%B4%EB%8F%99",
target: "_blank",
rel: "noreferrer"
}, "\uB2E8\uCD95\uD0A4 \uC548\uB0B4 \uBC14\uB85C\uAC00\uAE30")))), VM.createElement("div", {
class: "row"
}, VM.createElement("label", {
class: "col-md-3"
}, "\uBE44\uCD94\uCC9C \uC7AC\uD655\uC778 \uCC3D"), VM.createElement("div", {
class: "col-md-9"
}, VM.createElement("select", {
id: "blockRatedown",
"data-type": "bool"
}, VM.createElement("option", {
value: "false"
}, "\uC0AC\uC6A9 \uC548 \uD568"), VM.createElement("option", {
value: "true"
}, "\uC0AC\uC6A9")), VM.createElement("p", null))), VM.createElement("div", {
class: "row"
}, VM.createElement("label", {
class: "col-md-3"
}, "\uC790\uC9E4 \uAD00\uB9AC"), VM.createElement("div", {
class: "col-md-9"
}, VM.createElement("button", {
id: "removeMyImage",
class: "btn btn-success"
}, "\uC0AD\uC81C"), VM.createElement("p", null, "\uAC8C\uC2DC\uBB3C \uC870\uD68C \uC2DC \uC774\uBBF8\uC9C0 \uC624\uB978\uCABD \uD074\uB9AD \uBA54\uB274\uC5D0\uC11C \uAD00\uB9AC\uD569\uB2C8\uB2E4."))), VM.createElement("div", {
class: "row"
}, VM.createElement("label", {
class: "col-md-3"
}, "\uB2E4\uC6B4\uB85C\uB354 \uC774\uB984 \uD3EC\uB9F7"), VM.createElement("div", {
class: "col-md-9"
}, VM.createElement("input", {
type: "text",
id: "imageDownloaderFileName"
}), VM.createElement("p", null, "\uC774\uBBF8\uC9C0 \uC77C\uAD04 \uB2E4\uC6B4\uB85C\uB4DC \uC0AC\uC6A9 \uC2DC \uC800\uC7A5\uD560 \uD30C\uC77C \uC774\uB984\uC785\uB2C8\uB2E4.", VM.createElement("br", null), "%title% : \uAC8C\uC2DC\uBB3C \uC81C\uBAA9", VM.createElement("br", null), "%category% : \uAC8C\uC2DC\uBB3C \uCE74\uD14C\uACE0\uB9AC", VM.createElement("br", null), "%author% : \uAC8C\uC2DC\uBB3C \uC791\uC131\uC790", VM.createElement("br", null), "%channel% : \uCC44\uB110 \uC774\uB984", VM.createElement("br", null)))), VM.createElement("hr", null), VM.createElement("h5", {
class: "card-title"
}, "\uC694\uC18C \uC228\uAE40"), VM.createElement("div", {
class: "row"
}, VM.createElement("label", {
class: "col-md-3"
}, "\uC6B0\uCE21 \uC0AC\uC774\uB4DC \uBA54\uB274"), VM.createElement("div", {
class: "col-md-9"
}, VM.createElement("select", {
id: "hideSideMenu",
"data-type": "bool"
}, VM.createElement("option", {
value: "false"
}, "\uBCF4\uC784"), VM.createElement("option", {
value: "true"
}, "\uC228\uAE40")), VM.createElement("p", null, "\uBCA0\uC2A4\uD2B8 \uB77C\uC774\uBE0C, \uD5E4\uB4DC\uB77C\uC778 \uB4F1 \uC6B0\uCE21 \uC0AC\uC774\uB4DC \uBA54\uB274\uB97C \uC228\uAE41\uB2C8\uB2E4."))), VM.createElement("div", {
class: "row"
}, VM.createElement("label", {
class: "col-md-3"
}, "\uD504\uB85C\uD544 \uC544\uBC14\uD0C0"), VM.createElement("div", {
class: "col-md-9"
}, VM.createElement("select", {
id: "hideAvatar",
"data-type": "bool"
}, VM.createElement("option", {
value: "false"
}, "\uBCF4\uC784"), VM.createElement("option", {
value: "true"
}, "\uC228\uAE40")), VM.createElement("p", null, "\uAC8C\uC2DC\uBB3C \uC870\uD68C \uC2DC \uD504\uB85C\uD544 \uC544\uBC14\uD0C0\uB97C \uC228\uAE41\uB2C8\uB2E4."))), VM.createElement("div", {
class: "row"
}, VM.createElement("label", {
class: "col-md-3"
}, "\uBCF8\uBB38 \uC774\uBBF8\uC9C0, \uB3D9\uC601\uC0C1"), VM.createElement("div", {
class: "col-md-9"
}, VM.createElement("select", {
id: "hideMedia",
"data-type": "bool"
}, VM.createElement("option", {
value: "false"
}, "\uBCF4\uC784"), VM.createElement("option", {
value: "true"
}, "\uC228\uAE40")), VM.createElement("p", null, "\uAC8C\uC2DC\uBB3C \uC870\uD68C \uC2DC \uBCF8\uBB38\uC5D0 \uB098\uC624\uB294 \uC774\uBBF8\uC9C0\uC640 \uB3D9\uC601\uC0C1\uC744 \uC228\uAE41\uB2C8\uB2E4."))), VM.createElement("div", {
class: "row"
}, VM.createElement("label", {
class: "col-md-3"
}, "\uB313\uAE00 *\uC218\uC815\uB428"), VM.createElement("div", {
class: "col-md-9"
}, VM.createElement("select", {
id: "hideModified",
"data-type": "bool"
}, VM.createElement("option", {
value: "false"
}, "\uBCF4\uC784"), VM.createElement("option", {
value: "true"
}, "\uC228\uAE40")), VM.createElement("p", null, "\uC218\uC815\uB41C \uB313\uAE00\uC758 \uC218\uC815\uB428 \uD45C\uAE30\uB97C \uC228\uAE41\uB2C8\uB2E4.", VM.createElement("br", null), "\uC8FC\uC758) \uB313\uAE00 \uC0AD\uC81C \uAD8C\uD55C \uBCF4\uC720 \uC2DC \uC0AD\uC81C\uB428 \uD45C\uAE30\uB3C4 \uAC19\uC774 \uC228\uACA8\uC9D1\uB2C8\uB2E4."))), VM.createElement("hr", null), VM.createElement("h5", {
class: "card-title"
}, "\uBA54\uBAA8 \uAE30\uB2A5"), VM.createElement("div", {
class: "row"
}, VM.createElement("label", {
class: "col-md-3"
}, "\uBA54\uBAA8\uB41C \uC774\uC6A9\uC790"), VM.createElement("div", {
class: "col-md-9"
}, VM.createElement("select", {
id: "userMemo",
size: "6",
multiple: "",
"data-text-format": "%key% - %value%"
}), VM.createElement("p", null, "\uBA54\uBAA8\uB294 \uAC8C\uC2DC\uBB3C \uC791\uC131\uC790, \uB313\uAE00 \uC791\uC131\uC790 \uC544\uC774\uCF58(IP)\uC744 \uD074\uB9AD\uD574 \uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.", VM.createElement("br", null), "Ctrl, Shift, \uB9C8\uC6B0\uC2A4 \uB4DC\uB798\uADF8\uB97C \uC774\uC6A9\uD574\uC11C \uC5EC\uB7EC\uAC1C\uB97C \uB3D9\uC2DC\uC5D0 \uC120\uD0DD \uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4."))), VM.createElement("hr", null), VM.createElement("h5", {
class: "card-title"
}, "\uCC44\uB110 \uC124\uC815"), VM.createElement("div", {
class: "row"
}, VM.createElement("label", {
class: "col-md-3"
}, "\uCE74\uD14C\uACE0\uB9AC \uC124\uC815"), VM.createElement("div", {
class: "col-md-9"
}, VM.createElement("table", {
class: "table align-middle",
id: "categorySetting"
}, VM.createElement("colgroup", null, VM.createElement("col", {
width: "20%"
}), VM.createElement("col", {
width: "20%"
}), VM.createElement("col", {
width: "60%"
})), VM.createElement("thead", null, VM.createElement("th", null, "\uCE74\uD14C\uACE0\uB9AC"), VM.createElement("th", null, "\uC0C9\uC0C1"), VM.createElement("th", null, "\uC124\uC815")), VM.createElement("tbody", null)), VM.createElement("p", null, "\uC0C9\uC0C1: \uCE74\uD14C\uACE0\uB9AC\uB97C \uD45C\uC2DC\uD558\uB294 \uC0C9\uC0C1\uC744 \uBCC0\uACBD\uD569\uB2C8\uB2E4. \uB354\uBE14 \uD074\uB9AD \uC2DC \uBB34\uC791\uC704 \uC0C9\uC0C1\uC774 \uC9C0\uC815\uB429\uB2C8\uB2E4.", VM.createElement("br", null), "\uBBF8\uB9AC\uBCF4\uAE30 \uC228\uAE40: \uB9C8\uC6B0\uC2A4 \uC624\uBC84 \uC2DC \uBCF4\uC5EC\uC8FC\uB294 \uBBF8\uB9AC\uBCF4\uAE30\uB97C \uC81C\uAC70\uD569\uB2C8\uB2E4.", VM.createElement("br", null), "\uAC8C\uC2DC\uBB3C \uBBA4\uD2B8: \uD574\uB2F9 \uCE74\uD14C\uACE0\uB9AC\uAC00 \uD3EC\uD568\uB41C \uAC8C\uC2DC\uBB3C\uC744 \uC228\uAE41\uB2C8\uB2E4."))), VM.createElement("hr", null), VM.createElement("h5", {
class: "card-title"
}, "\uBBA4\uD2B8 \uAE30\uB2A5"), VM.createElement("div", {
class: "row"
}, VM.createElement("label", {
class: "col-md-3"
}, "\uC0AC\uC6A9\uC790 \uBBA4\uD2B8"), VM.createElement("div", {
class: "col-md-9"
}, VM.createElement("textarea", {
id: "blockUser",
rows: "6",
placeholder: "\uBBA4\uD2B8\uD560 \uC774\uC6A9\uC790\uC758 \uB2C9\uB124\uC784\uC744 \uC785\uB825, \uC904\uBC14\uAFC8\uC73C\uB85C \uAD6C\uBCC4\uD569\uB2C8\uB2E4."
}), VM.createElement("p", null, "\uC9C0\uC815\uD55C \uC720\uC800\uC758 \uAC8C\uC2DC\uBB3C\uACFC \uB313\uAE00\uC744 \uC228\uAE41\uB2C8\uB2E4."))), VM.createElement("div", {
class: "row"
}, VM.createElement("label", {
class: "col-md-3"
}, "\uD0A4\uC6CC\uB4DC \uBBA4\uD2B8"), VM.createElement("div", {
class: "col-md-9"
}, VM.createElement("textarea", {
id: "blockKeyword",
rows: "6",
placeholder: "\uBBA4\uD2B8\uD560 \uD0A4\uC6CC\uB4DC\uB97C \uC785\uB825, \uC904\uBC14\uAFC8\uC73C\uB85C \uAD6C\uBCC4\uD569\uB2C8\uB2E4."
}), VM.createElement("p", null, "\uC9C0\uC815\uD55C \uD0A4\uC6CC\uB4DC\uAC00 \uD3EC\uD568\uB41C \uC81C\uBAA9\uC744 \uAC00\uC9C4 \uAC8C\uC2DC\uBB3C\uACFC \uB313\uAE00\uC744 \uC228\uAE41\uB2C8\uB2E4."))), VM.createElement("div", {
class: "row"
}, VM.createElement("label", {
class: "col-md-3"
}, "\uBBA4\uD2B8\uB41C \uC544\uCE74\uCF58"), VM.createElement("div", {
class: "col-md-9"
}, VM.createElement("select", {
id: "blockEmoticon",
size: "6",
multiple: "",
"data-text-format": "%name%"
}), VM.createElement("p", null, "\uC544\uCE74\uCF58 \uBBA4\uD2B8\uB294 \uB313\uAE00\uC5D0\uC11C \uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.", VM.createElement("br", null), "Ctrl, Shift, \uB9C8\uC6B0\uC2A4 \uB4DC\uB798\uADF8\uB97C \uC774\uC6A9\uD574\uC11C \uC5EC\uB7EC\uAC1C\uB97C \uB3D9\uC2DC\uC5D0 \uC120\uD0DD \uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4."))), VM.createElement("hr", null), VM.createElement("h5", {
class: "card-title"
}, "\uCC44\uB110 \uAD00\uB9AC\uC790 \uC804\uC6A9"), VM.createElement("div", {
class: "row"
}, VM.createElement("label", {
class: "col-md-3"
}, "\uC0AD\uC81C \uD14C\uC2A4\uD2B8 \uBAA8\uB4DC"), VM.createElement("div", {
class: "col-md-9"
}, VM.createElement("select", {
id: "useAutoRemoverTest",
"data-type": "bool"
}, VM.createElement("option", {
value: "false"
}, "\uC0AC\uC6A9 \uC548 \uD568"), VM.createElement("option", {
value: "true"
}, "\uC0AC\uC6A9")), VM.createElement("p", null, "\uAC8C\uC2DC\uBB3C\uC744 \uC0AD\uC81C\uD558\uC9C0 \uC54A\uACE0 \uC5B4\uB5A4 \uAC8C\uC2DC\uBB3C\uC774 \uC120\uD0DD\uB418\uB294\uC9C0 \uBD89\uC740 \uC0C9\uC73C\uB85C \uBCF4\uC5EC\uC90D\uB2C8\uB2E4."))), VM.createElement("div", {
class: "row"
}, VM.createElement("label", {
class: "col-md-3"
}, "\uC720\uC800 \uAC8C\uC2DC\uBB3C \uC0AD\uC81C"), VM.createElement("div", {
class: "col-md-9"
}, VM.createElement("textarea", {
id: "autoRemoveUser",
rows: "6",
placeholder: "\uB300\uC0C1 \uC774\uC6A9\uC790\uB97C \uC904\uBC14\uAFC8\uC73C\uB85C \uAD6C\uBCC4\uD558\uC5EC \uC785\uB825\uD569\uB2C8\uB2E4."
}), VM.createElement("p", null, "\uC9C0\uC815\uD55C \uC720\uC800\uC758 \uAC8C\uC2DC\uBB3C\uC744 \uC790\uB3D9\uC73C\uB85C \uC0AD\uC81C\uD569\uB2C8\uB2E4."))), VM.createElement("div", {
class: "row"
}, VM.createElement("label", {
class: "col-md-3"
}, "\uD0A4\uC6CC\uB4DC \uD3EC\uD568 \uAC8C\uC2DC\uBB3C \uC0AD\uC81C"), VM.createElement("div", {
class: "col-md-9"
}, VM.createElement("textarea", {
id: "autoRemoveKeyword",
rows: "6",
placeholder: "\uC0AD\uC81C\uD560 \uD0A4\uC6CC\uB4DC\uB97C \uC785\uB825, \uC904\uBC14\uAFC8\uC73C\uB85C \uAD6C\uBCC4\uD569\uB2C8\uB2E4."
}), VM.createElement("p", null, "\uC9C0\uC815\uD55C \uD0A4\uC6CC\uB4DC\uAC00 \uD3EC\uD568\uB41C \uC81C\uBAA9\uC744 \uAC00\uC9C4 \uAC8C\uC2DC\uBB3C\uC744 \uC0AD\uC81C\uD569\uB2C8\uB2E4."))), VM.createElement("div", {
class: "row btns"
}, VM.createElement("div", {
class: "col-12"
}, VM.createElement("a", {
href: "#",
id: "exportConfig",
class: "btn btn-primary"
}, "\uC124\uC815 \uB0B4\uBCF4\uB0B4\uAE30"), VM.createElement("a", {
href: "#",
id: "importConfig",
class: "btn btn-secondary"
}, "\uC124\uC815 \uAC00\uC838\uC624\uAE30"), VM.createElement("a", {
href: "#",
id: "resetConfig",
class: "btn btn-danger"
}, "\uC124\uC815 \uCD08\uAE30\uD654"))), VM.createElement("div", {
class: "row btns"
}, VM.createElement("div", {
class: "col-12"
}, VM.createElement("a", {
href: "#",
id: "saveAndClose",
class: "btn btn-primary"
}, "\uC800\uC7A5"), VM.createElement("a", {
href: "#",
id: "closeSetting",
class: "btn btn-success"
}, "\uB2EB\uAE30"))))))));
const contentWrapper = document.querySelector('.content-wrapper'); // 설정 버튼 클릭 이벤트
showSettingBtn.addEventListener('click', () => {
if (settingWrapper.classList.contains('hidden')) {
loadConfig();
contentWrapper.classList.add('disappear');
} else {
settingWrapper.classList.add('disappear');
}
}); // 애니메이션 처리
contentWrapper.addEventListener('animationend', () => {
if (contentWrapper.classList.contains('disappear')) {
contentWrapper.classList.add('hidden');
contentWrapper.classList.remove('disappear');
settingWrapper.classList.add('appear');
settingWrapper.classList.remove('hidden');
} else if (contentWrapper.classList.contains('appear')) {
contentWrapper.classList.remove('appear');
}
});
settingWrapper.addEventListener('animationend', () => {
if (settingWrapper.classList.contains('disappear')) {
settingWrapper.classList.add('hidden');
settingWrapper.classList.remove('disappear');
contentWrapper.classList.add('appear');
contentWrapper.classList.remove('hidden');
} else if (settingWrapper.classList.contains('appear')) {
settingWrapper.classList.remove('appear');
}
}); // 헤더에 버튼 부착
document.querySelector('ul.navbar-nav').append(showSettingBtn);
contentWrapper.insertAdjacentElement('afterend', settingWrapper);
const comboElements = settingWrapper.querySelectorAll('select:not([multiple])');
const textareaElements = settingWrapper.querySelectorAll('textarea');
const textElements = settingWrapper.querySelectorAll('input[type="text"]');
const listElements = settingWrapper.querySelectorAll('select[multiple]');
for (const element of listElements) {
const btnElement = VM.createElement("button", {
href: "#",
class: "btn btn-success"
}, "\uC0AD\uC81C");
btnElement.addEventListener('click', event => {
event.target.disabled = true;
const removeElements = element.selectedOptions;
while (removeElements.length > 0) removeElements[0].remove();
event.target.disabled = false;
});
element.insertAdjacentElement('afterend', btnElement);
} // 이벤트 핸들러
settingWrapper.querySelector('#removeMyImage').addEventListener('click', event => {
event.target.disabled = true;
if (confirm('등록한 자짤을 삭제하시겠습니까?')) {
GM_setValue('myImage', '');
alert('삭제되었습니다.');
}
event.target.disabled = false;
});
settingWrapper.querySelector('#exportConfig').addEventListener('click', event => {
event.preventDefault();
const data = btoa(encodeURIComponent(exportConfig()));
navigator.clipboard.writeText(data);
alert('클립보드에 설정이 복사되었습니다.');
});
settingWrapper.querySelector('#importConfig').addEventListener('click', event => {
event.preventDefault();
let data = prompt('가져올 설정 데이터를 입력해주세요');
if (data == null) return;
try {
if (data == '') throw '[Setting/importConfig] 공백 값을 입력했습니다.';
data = decodeURIComponent(atob(data));
const config = JSON.parse(data);
for (const key in config) {
if ({}.hasOwnProperty.call(config, key)) {
GM_setValue(key, config[key]);
}
}
location.reload();
} catch (error) {
alert('올바르지 않은 데이터입니다.');
console.error(error);
}
});
settingWrapper.querySelector('#resetConfig').addEventListener('click', event => {
event.preventDefault();
if (!confirm('모든 설정이 초기화 됩니다. 계속하시겠습니까?')) return;
reset();
location.reload();
});
settingWrapper.querySelector('#saveAndClose').addEventListener('click', event => {
event.preventDefault();
for (const element of comboElements) {
let value;
switch (element.dataset.type) {
case 'number':
value = Number(element.value);
break;
case 'bool':
value = element.value == 'true';
break;
default:
value = null;
break;
}
GM_setValue(element.id, value);
}
for (const element of textElements) {
GM_setValue(element.id, element.value);
}
for (const element of textareaElements) {
let value;
if (element.value != '') {
value = element.value.split('\n');
value = value.filter(item => {
return item != '';
});
} else {
value = [];
}
GM_setValue(element.id, value);
}
for (const element of listElements) {
const data = GM_getValue(element.id, defaultConfig[element.id]);
const options = element.querySelectorAll('option');
const keys = Array.from(options, o => o.value);
for (const key in data) {
if (keys.indexOf(key) == -1) delete data[key];
}
GM_setValue(element.id, data);
}
if (settingWrapper.querySelector('#categorySetting tbody').childElementCount == 0) {
location.reload();
}
});
settingWrapper.querySelector('#closeSetting').addEventListener('click', () => {
settingWrapper.classList.add('disappear');
});
}
function loadConfig() {
const settingWrapper = document.querySelector('#refresherSetting'); // 설정 값 불러오기
const comboElements = settingWrapper.querySelectorAll('select:not([multiple])');
for (const element of comboElements) {
element.value = GM_getValue(element.id, defaultConfig[element.id]);
}
const textareaElements = settingWrapper.querySelectorAll('textarea');
for (const element of textareaElements) {
element.value = GM_getValue(element.id, defaultConfig[element.id]).join('\n');
}
const textElements = settingWrapper.querySelectorAll('input[id][type="text"]');
for (const element of textElements) {
element.value = GM_getValue(element.id, defaultConfig[element.id]);
}
const listElements = settingWrapper.querySelectorAll('select[multiple]');
for (const element of listElements) {
if (element.childElementCount) {
while (element.childElementCount) element.removeChild(element.firstChild);
}
const data = GM_getValue(element.id, defaultConfig[element.id]);
for (const key of Object.keys(data)) {
const option = VM.createElement("option", null);
option.value = key;
const reservedWord = element.dataset.textFormat.match(/%\w*%/g);
let text = element.dataset.textFormat;
if (text != '') {
for (const word of reservedWord) {
switch (word) {
case '%key%':
text = text.replace(word, key);
break;
case '%value%':
text = text.replace(word, data[key]);
break;
default:
text = text.replace(word, data[key][word.replace(/%/g, '')]);
break;
}
}
} else {
text = key;
}
option.textContent = text;
element.append(option);
}
}
}
function setupCategory(channel) {
const settingWrapper = document.querySelector('#refresherSetting');
const showSettingBtn = document.getElementById('showSetting');
const categoryTable = settingWrapper.querySelector('#categorySetting tbody'); // 설정 버튼 클릭 이벤트
showSettingBtn.addEventListener('click', () => {
if (settingWrapper.classList.contains('hidden')) {
loadCategoryConfig(channel);
}
}); // 카테고리 목록 등록
const boardCategoryElements = document.querySelectorAll('.board-category a');
for (const element of boardCategoryElements) {
const name = element.textContent == '전체' ? '일반' : element.textContent;
const tableCategoryElement = VM.createElement("tr", {
id: name
}, VM.createElement("td", null, name), name == '일반' && VM.createElement("td", null, VM.createElement("input", {
type: "text",
name: "color",
placeholder: "000000",
disabled: ""
})), name != '일반' && VM.createElement("td", null, VM.createElement("input", {
type: "text",
name: "color",
placeholder: "000000",
maxlength: "6"
})), VM.createElement("td", null, VM.createElement("label", null, VM.createElement("input", {
type: "checkbox",
name: "blockPreview"
}), VM.createElement("span", null, " \uBBF8\uB9AC\uBCF4\uAE30 \uC228\uAE40 ")), VM.createElement("label", null, VM.createElement("input", {
type: "checkbox",
name: "blockArticle"
}), VM.createElement("span", null, " \uAC8C\uC2DC\uBB3C \uBBA4\uD2B8 "))));
categoryTable.append(tableCategoryElement);
} // 이벤트 핸들러
categoryTable.addEventListener('keypress', event => {
const regex = /[0-9a-fA-F]/;
if (!regex.test(event.key)) event.preventDefault();
});
categoryTable.addEventListener('dblclick', event => {
if (event.target.name != 'color') return;
if (event.target.disabled) return;
const color = getRandomColor();
event.target.value = color;
event.target.style.backgroundColor = `#${color}`;
event.target.style.color = getContrastYIQ(color);
});
categoryTable.addEventListener('input', event => {
if (event.target.value.length == 6 || event.target.value.length == 3) {
const color = event.target.value;
const textColor = getContrastYIQ(color);
event.target.style.backgroundColor = `#${color}`;
event.target.style.color = textColor;
} else {
event.target.style.backgroundColor = '';
event.target.style.color = '';
}
});
settingWrapper.querySelector('#saveAndClose').addEventListener('click', event => {
event.preventDefault();
const categoryConfig = GM_getValue('category', defaultConfig.category);
const rows = settingWrapper.querySelectorAll('#categorySetting tr');
if (categoryConfig[channel] == undefined) {
categoryConfig[channel] = {};
}
for (const row of rows) {
if (categoryConfig[channel][row.id] == undefined) {
categoryConfig[channel][row.id] = {};
}
categoryConfig[channel][row.id].color = row.querySelector('[name="color"]').value.toUpperCase();
categoryConfig[channel][row.id].blockPreview = row.querySelector('[name="blockPreview"]').checked;
categoryConfig[channel][row.id].blockArticle = row.querySelector('[name="blockArticle"]').checked;
}
GM_setValue('category', categoryConfig);
location.reload();
});
}
function loadCategoryConfig(channel) {
// 카테고리 설정 불러오기
const categoryConfig = GM_getValue('category', defaultConfig.category);
if (categoryConfig[channel] == undefined) {
categoryConfig[channel] = {};
}
for (const key of Object.keys(categoryConfig[channel])) {
const row = document.getElementById(key);
if (row) {
const colorInput = row.querySelector('[name="color"]');
colorInput.value = categoryConfig[channel][key].color;
if (categoryConfig[channel][key].color == '') {
colorInput.style.backgroundColor = '';
colorInput.style.color = '';
} else {
colorInput.style.backgroundColor = `#${categoryConfig[channel][key].color}`;
colorInput.style.color = getContrastYIQ(categoryConfig[channel][key].color);
}
row.querySelector('[name="blockPreview"]').checked = categoryConfig[channel][key].blockPreview;
row.querySelector('[name="blockArticle"]').checked = categoryConfig[channel][key].blockArticle;
}
}
}
function apply() {
const hideAvatar = GM_getValue('hideAvatar', defaultConfig.hideAvatar);
const hideMedia = GM_getValue('hideMedia', defaultConfig.hideMedia);
const hideModified = GM_getValue('hideModified', defaultConfig.hideModified);
const hideSideMenu = GM_getValue('hideSideMenu', defaultConfig.hideSideMenu);
const contentWrapper = document.querySelector('.content-wrapper');
if (hideAvatar) contentWrapper.classList.add('hide-avatar');
if (hideMedia) contentWrapper.classList.add('hide-media');
if (hideModified) contentWrapper.classList.add('hide-modified');
if (hideSideMenu) contentWrapper.classList.add('hide-sidemenu');
}
function filter(articles, channel) {
const categoryConfig = GM_getValue('category', defaultConfig.category);
articles.forEach(article => {
const badge = article.querySelector('.badge');
if (badge == null) return;
let category = badge.textContent;
category = category == '' ? '일반' : category;
const preview = article.querySelector('.vrow-preview');
if (categoryConfig[channel] && categoryConfig[channel][category]) {
const filtered = categoryConfig[channel][category].blockPreview || false;
if (filtered && preview != null) preview.remove();
}
});
}
var css_248z$1 = "#imageList {\r\n margin: 1rem 0;\r\n}\r\n\r\n#imageList img {\r\n width: 50px;\r\n}\r\n\r\n#imageList .video-placeholder {\r\n display: flex;\r\n height: 50px;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n#imageList tbody a {\r\n word-break: break-all;\r\n color: #000;\r\n}\r\n\r\n#imageList tfoot td {\r\n padding: 0;\r\n}\r\n\r\n#imageList button {\r\n width: 100%;\r\n margin: 0;\r\n}\r\n\r\n@media (prefers-color-scheme:dark) {\r\n #imageList tbody a {\r\n color: #e2e2e2;\r\n }\r\n}";
function apply$1() {
const data = parse();
if (data.length == 0) return;
document.head.append(VM.createElement("style", null, css_248z$1));
const table = VM.createElement("div", {
class: "article-image hidden"
}, VM.createElement("table", {
class: "table align-middle",
id: "imageList"
}, VM.createElement("colgroup", null, VM.createElement("col", {
width: "5%"
}), VM.createElement("col", {
width: "10%"
}), VM.createElement("col", {
width: "85%"
})), VM.createElement("thead", null, VM.createElement("th", null, VM.createElement("input", {
type: "checkbox",
name: "selectAll"
})), VM.createElement("th", null, "\uC378\uB124\uC77C"), VM.createElement("th", null, "\uD30C\uC77C\uBA85")), VM.createElement("tbody", null), VM.createElement("tfoot", null, VM.createElement("td", {
colspan: "3"
}, VM.createElement("button", {
class: "btn btn-success"
}, "\uC77C\uAD04 \uB2E4\uC6B4\uB85C\uB4DC")))));
const enableBtn = VM.createElement("a", {
href: "#",
class: "btn btn-success"
}, VM.createElement("span", {
class: "ion-ios-download-outline"
}), " \uC774\uBBF8\uC9C0 \uB2E4\uC6B4\uB85C\uB4DC \uBAA9\uB85D \uBCF4\uC774\uAE30");
enableBtn.addEventListener('click', event => {
event.preventDefault();
if (table.classList.contains('hidden')) {
table.classList.remove('hidden');
} else {
table.classList.add('hidden');
}
});
document.querySelector('.article-body').insertAdjacentElement('afterend', enableBtn).insertAdjacentElement('afterend', table);
const list = table.querySelector('tbody');
for (const d of data) {
const itemElement = VM.createElement("tr", null, VM.createElement("td", null, VM.createElement("input", {
type: "checkbox",
name: "select"
})), VM.createElement("td", null, d.type == 'image' && VM.createElement("img", {
src: d.thumb
}), d.type != 'image' && VM.createElement("div", {
class: "video-placeholder"
}, VM.createElement("span", {
class: "ion-ios-videocam"
}, " \uB3D9\uC601\uC0C1"))), VM.createElement("td", null, VM.createElement("a", {
href: "#",
"data-url": d.url
}, d.image)));
list.append(itemElement);
}
table.addEventListener('click', async event => {
if (event.target.tagName == 'A') {
event.preventDefault();
const url = event.target.dataset.url;
if (url != '') {
event.target.dataset.url = '';
const filename = event.target.textContent;
const file = await download(url, event.target, '다운로드 중...[percent]%', filename);
window.saveAs(file, filename);
event.target.dataset.url = url;
}
} else if (event.target.name == 'selectAll') {
const inputElements = table.querySelectorAll('input[type="checkbox"]');
for (const i of inputElements) {
i.checked = event.target.checked;
}
}
});
const downloadBtn = table.querySelector('tfoot button');
downloadBtn.addEventListener('click', async event => {
event.preventDefault();
downloadBtn.disabled = true;
const checkboxElements = list.querySelectorAll('input[type="checkbox"]');
const urlElements = list.querySelectorAll('a');
const originalText = downloadBtn.textContent;
const downloadList = [];
const nameList = [];
for (let i = 0; i < urlElements.length; i += 1) {
if (checkboxElements[i].checked) {
downloadList.push(urlElements[i].dataset.url);
nameList.push(urlElements[i].textContent);
}
}
if (downloadList.length == 0) {
alert('선택된 파일이 없습니다.');
downloadBtn.disabled = false;
return;
}
const zip = new JSZip();
const total = downloadList.length;
for (let i = 0; i < total; i += 1) {
const file = await download(downloadList[i], downloadBtn, `다운로드 중...[percent]% (${i}/${total})`);
zip.file(`${`${i}`.padStart(3, '0')}_${nameList[i]}`, file);
}
downloadBtn.textContent = originalText;
const title = document.querySelector('.article-head .title');
const category = document.querySelector('.article-head .badge');
const author = document.querySelector('.article-head .user-info');
const channel = document.querySelector('.board-title a:not([class])');
let filename = GM_getValue('imageDownloaderFileName', defaultConfig.imageDownloaderFileName);
const reservedWord = filename.match(/%\w*%/g);
for (const word of reservedWord) {
try {
switch (word) {
case '%title%':
filename = filename.replace(word, title.textContent.trim());
break;
case '%category%':
filename = filename.replace(word, category.textContent.trim());
break;
case '%author%':
filename = filename.replace(word, author.innerText.trim());
break;
case '%channel%':
filename = filename.replace(word, channel.textContent.trim());
break;
default:
break;
}
} catch (error) {
console.warn(error);
filename = filename.replace(word, '');
}
}
const zipblob = await zip.generateAsync({
type: 'blob'
});
window.saveAs(zipblob, `${filename}.zip`);
downloadBtn.disabled = false;
});
}
function parse() {
const images = document.querySelectorAll('.article-body img, .article-body video');
const result = [];
images.forEach(element => {
let src = element.src;
if (element.getAttribute('data-orig') != null) {
src += `.${element.getAttribute('data-orig')}`;
}
const item = {};
item.thumb = `${src}?type=list`;
item.url = `${src}?type=orig`;
item.image = src.replace(/.*\.arca\.live\/.*\//, '').replace(/\..*\./, '.');
item.type = ['gif', 'png', 'jpg', 'jpeg', 'wepb'].indexOf(item.image.split('.')[1]) > -1 ? 'image' : 'video';
result.push(item);
});
return result;
}
function download(url, element, progressString, loadString) {
return new Promise((resolve, reject) => {
GM_xmlhttpRequest({
method: 'GET',
url,
responseType: 'blob',
onprogress: event => {
let text = null;
if (progressString) {
text = progressString.replace('[percent]', Math.round(event.loaded / event.total * 100));
} else {
text = `${Math.round(event.loaded / event.total * 100)}%`;
}
if (element) element.textContent = text;
},
onload: response => {
if (loadString) element.textContent = loadString;
resolve(response.response);
},
onerror: reject
});
});
}
var styles = {"wrapper":"ArticleContextMenu-module_wrapper__HgPxK","menu":"ArticleContextMenu-module_menu__156PJ","devider":"ArticleContextMenu-module_devider__28LCE","item":"ArticleContextMenu-module_item__18yvS"};
var stylesheet=".ArticleContextMenu-module_wrapper__HgPxK {\r\n position: fixed;\r\n display:flex;\r\n justify-content: center;\r\n align-items: center;\r\n top: 0;\r\n left: 0;\r\n background-color: rgba(0, 0, 0, 0);\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n}\r\n\r\n.ArticleContextMenu-module_menu__156PJ {\r\n position: absolute;\r\n width: 300px;\r\n padding: .5rem;\r\n border: 1px solid #bbb;\r\n background-color: #fff;\r\n z-index: 20;\r\n pointer-events: auto;\r\n}\r\n\r\n.ArticleContextMenu-module_menu__156PJ .ArticleContextMenu-module_devider__28LCE {\r\n height: 1px;\r\n margin: .5rem 0;\r\n overflow: hidden;\r\n background-color: #e5e5e5;\r\n}\r\n\r\n.ArticleContextMenu-module_menu__156PJ .ArticleContextMenu-module_item__18yvS {\r\n display: block;\r\n width: 100%;\r\n padding: 3px 20px;\r\n clear: both;\r\n font-weight: 400;\r\n color: #373a3c;\r\n white-space: nowrap;\r\n border: 0;\r\n}\r\n\r\n.ArticleContextMenu-module_menu__156PJ .ArticleContextMenu-module_item__18yvS:hover,\r\n.ArticleContextMenu-module_menu__156PJ .ArticleContextMenu-module_item__18yvS:focus {\r\n color: #2b2d2f;\r\n background-color: #f5f5f5;\r\n text-decoration: none;\r\n}";
function apply$2() {
const articleBody = document.querySelector('article .article-body');
if (articleBody == null) return;
document.head.append(VM.createElement("style", null, stylesheet));
const wrapper = VM.createElement("div", {
class: `${styles.wrapper} hidden`
}, VM.createElement("div", {
class: styles.menu,
id: "context-menu",
"data-url": "",
"data-html": "",
"data-orig": ""
}, VM.createElement("a", {
href: "#",
class: styles.item,
id: "copy-clipboard"
}, "\uC774\uBBF8\uC9C0\uB97C \uD074\uB9BD\uBCF4\uB4DC\uC5D0 \uBCF5\uC0AC"), VM.createElement("a", {
href: "#",
class: styles.item,
id: "save"
}, "SAVE_SOMETHING"), VM.createElement("a", {
href: "#",
class: styles.item,
id: "copy-url"
}, "\uC6D0\uBCF8 \uC8FC\uC18C \uBCF5\uC0AC"), VM.createElement("a", {
href: "#",
class: styles.item,
id: "apply-myimage"
}, "\uC790\uC9E4\uB85C \uB4F1\uB85D"), VM.createElement("div", {
id: "search-wrapper"
}, VM.createElement("div", {
class: styles.devider
}), VM.createElement("a", {
href: "",
class: styles.item,
id: "search-google",
target: "_blank",
rel: "noreferrer"
}, "Google \uAC80\uC0C9"), VM.createElement("a", {
href: "",
class: styles.item,
id: "search-yandex",
target: "_blank",
rel: "noreferrer",
title: "\uB7EC\uC2DC\uC544 \uAC80\uC0C9\uC5D4\uC9C4\uC785\uB2C8\uB2E4."
}, "Yandex \uAC80\uC0C9"), VM.createElement("a", {
href: "#",
class: styles.item,
id: "search-saucenao",
target: "_blank",
title: "\uB9DD\uAC00, \uD53D\uC2DC\uBE0C \uC0AC\uC774\uD2B8 \uAC80\uC0C9\uC744 \uC9C0\uC6D0\uD569\uB2C8\uB2E4."
}, "SauceNao \uAC80\uC0C9"), VM.createElement("a", {
href: "#",
class: styles.item,
id: "search-twigaten",
target: "_blank",
title: "\uD2B8\uC704\uD130 \uC774\uBBF8\uC9C0 \uAC80\uC0C9\uC744 \uC9C0\uC6D0\uD569\uB2C8\uB2E4."
}, "TwiGaTen \uAC80\uC0C9"), VM.createElement("a", {
href: "#",
class: styles.item,
id: "search-ascii2d",
target: "_blank",
title: "\uD2B8\uC704\uD130, \uD53D\uC2DC\uBE0C \uC0AC\uC774\uD2B8 \uAC80\uC0C9\uC744 \uC9C0\uC6D0\uD569\uB2C8\uB2E4."
}, "Ascii2D \uAC80\uC0C9"))));
wrapper.addEventListener('contextmenu', event => {
event.preventDefault();
});
wrapper.addEventListener('click', onClickContextMenu);
document.querySelector('.root-container').append(wrapper);
const context = wrapper.querySelector('#context-menu');
function closeContext() {
if (!wrapper.classList.contains('hidden')) wrapper.classList.add('hidden');
}
function onAnimationEnd() {
if (wrapper.classList.contains('appear')) {
wrapper.classList.remove('appear');
}
}
wrapper.addEventListener('animationend', onAnimationEnd);
document.addEventListener('click', closeContext);
document.addEventListener('contextmenu', closeContext);
document.addEventListener('scroll', closeContext);
articleBody.addEventListener('contextmenu', event => {
if (event.target.tagName != 'IMG' && event.target.tagName != 'VIDEO') return;
if (!wrapper.classList.contains(styles.mobile)) {
context.setAttribute('style', `left: ${event.clientX + 2}px; top: ${event.clientY + 2}px`);
}
if (!wrapper.classList.contains('hidden')) {
wrapper.classList.add('hidden');
return;
}
event.preventDefault();
event.stopPropagation();
wrapper.classList.remove('hidden');
let url = event.target.src;
let type;
if (event.target.getAttribute('data-orig')) {
url = `${url}.${event.target.getAttribute('data-orig')}?type=orig`;
type = event.target.getAttribute('data-orig');
} else {
url = `${url}?type=orig`;
type = event.target.src.replace(/.*\.arca\.live\/.*\/.*\./, '');
}
context.setAttribute('data-url', url);
context.setAttribute('data-html', event.target.outerHTML);
context.querySelector('#search-google').href = `https://www.google.com/searchbyimage?safe=off&image_url=${url}`;
context.querySelector('#search-yandex').href = `https://yandex.com/images/search?rpt=imageview&url=${url}`;
if (['gif', 'png', 'jpg', 'jpeg', 'wepb'].indexOf(type) > -1) {
context.querySelector('#copy-clipboard').removeAttribute('style');
context.querySelector('#save').innerText = '원본 이미지 저장';
context.querySelector('#search-wrapper').removeAttribute('style');
} else {
context.querySelector('#copy-clipboard').setAttribute('style', 'display:none');
context.querySelector('#save').innerText = '원본 비디오 저장';
context.querySelector('#search-wrapper').setAttribute('style', 'display:none');
}
});
}
async function onClickContextMenu(event) {
const context = document.querySelector('#context-menu');
const originalText = event.target.textContent;
if (event.target.id == 'copy-clipboard') {
event.preventDefault();
event.stopPropagation();
const url = context.getAttribute('data-url');
GM_xmlhttpRequest({
method: 'GET',
url,
responseType: 'arraybuffer',
onprogress: e => {
event.target.textContent = `${Math.round(e.loaded / e.total * 100)}%`;
},
onload: response => {
const buffer = response.response;
const blob = new Blob([buffer], {
type: 'image/png'
});
const item = new ClipboardItem({
[blob.type]: blob
});
navigator.clipboard.write([item]);
context.parentNode.classList.add('hidden');
event.target.textContent = originalText;
}
});
return;
}
if (event.target.id == 'save') {
event.preventDefault();
event.stopPropagation();
const url = context.getAttribute('data-url');
const imgBlob = await download(url, event.target, '[percent]%', event.target.textContent);
window.saveAs(imgBlob, `image.${imgBlob.type.split('/')[1]}`);
context.parentNode.classList.add('hidden');
}
if (event.target.id == 'copy-url') {
event.preventDefault();
const url = context.getAttribute('data-url');
navigator.clipboard.writeText(url);
}
if (event.target.id == 'apply-myimage') {
event.preventDefault();
const html = context.getAttribute('data-html');
GM_setValue('myImage', html);
alert('선택한 짤이 등록되었습니다.\n새 게시물 작성 시 최상단에 자동으로 첨부됩니다.');
}
if (event.target.id.indexOf('search') > -1) {
if (event.target.id == 'search-google') return;
if (event.target.id == 'search-yandex') return;
event.preventDefault();
event.stopPropagation();
const img = context.getAttribute('data-url');
const db = event.target.id.split('-')[1];
try {
const imgBlob = await download(img, event.target);
event.target.textContent = '업로드 중...';
let url = '';
const formdata = new FormData();
formdata.append('file', imgBlob, `image.${imgBlob.type.split('/')[1]}`);
if (db == 'saucenao') {
formdata.append('frame', 1);
formdata.append('database', 999);
url = 'https://saucenao.com/search.php';
} else if (db == 'ascii2d') {
const tokenDocument = await new Promise((resolve, reject) => {
GM_xmlhttpRequest({
method: 'GET',
url: 'https://ascii2d.net',
responseType: 'document',
data: formdata,
onload: resolve,
onerror: () => {
reject(new Error('Access Rejected'));
}
});
});
const token = tokenDocument.response.querySelector('input[name="authenticity_token"]').value;
formdata.append('utf8', '✓');
formdata.append('authenticity_token', token);
url = 'https://ascii2d.net/search/file';
} else if (db == 'twigaten') {
url = 'https://twigaten.204504byse.info/search/media';
}
const result = await new Promise((resolve, reject) => {
GM_xmlhttpRequest({
method: 'POST',
url,
responseType: 'document',
data: formdata,
onload: resolve,
onerror: () => {
reject(new Error('Access Rejected'));
}
});
});
if (db == 'saucenao') {
const replaceURL = result.response.querySelector('#yourimage a').href.split('image=')[1];
window.open(`https://saucenao.com/search.php?db=999&url=https://saucenao.com/userdata/tmp/${replaceURL}`);
} else if (db == 'ascii2d') {
window.open(result.finalUrl);
} else if (db == 'twigaten') {
window.open(result.finalUrl);
}
} catch (error) {
alert('업로드 중 발생했습니다.\n개발자 도구(F12)의 콘솔(Console) 탭을 캡처해서 문의바랍니다.');
console.error(error);
} finally {
context.parentNode.classList.add('hidden');
event.target.textContent = originalText;
}
}
}
function getTimeStr(datetime) {
const date = new Date(datetime);
let hh = date.getHours();
let mm = date.getMinutes();
if (hh.toString().length == 1) {
hh = `0${hh}`;
}
if (mm.toString().length == 1) {
mm = `0${mm}`;
}
return `${hh}:${mm}`;
}
function getDateStr(datetime) {
const date = new Date(datetime);
const year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
let hh = date.getHours();
let mm = date.getMinutes();
let ss = date.getSeconds();
if (month.toString().length == 1) {
month = `0${month}`;
}
if (day.toString().length == 1) {
day = `0${day}`;
}
if (hh.toString().length == 1) {
hh = `0${hh}`;
}
if (mm.toString().length == 1) {
mm = `0${mm}`;
}
if (ss.toString().length == 1) {
ss = `0${ss}`;
}
return `${year}-${month}-${day} ${hh}:${mm}:${ss}`;
}
function in24(datetime) {
const target = new Date(datetime);
const criteria = new Date();
criteria.setHours(criteria.getHours() - 24);
if (target > criteria) return true;
return false;
}
function blockArticle(board, articles, channel) {
if (document.readyState != 'complete') {
window.addEventListener('load', () => {
blockArticle(board, articles, channel);
}, {
once: true
});
return;
}
const count = {
keyword: 0,
user: 0,
category: 0,
notice: 0,
all: 0
};
let userlist = GM_getValue('blockUser', defaultConfig.blockUser);
let keywordlist = GM_getValue('blockKeyword', defaultConfig.blockKeyword);
const categoryConfig = GM_getValue('category', defaultConfig.category);
if ((unsafeWindow.LiveConfig || undefined) && unsafeWindow.LiveConfig.mute != undefined) {
userlist.push(...unsafeWindow.LiveConfig.mute.users);
keywordlist.push(...unsafeWindow.LiveConfig.mute.keywords);
userlist = Array.from(new Set(userlist));
keywordlist = Array.from(new Set(keywordlist));
}
articles.forEach(item => {
const title = item.querySelector('.col-title');
const author = item.querySelector('.col-author');
const categoryElement = item.querySelector('.badge');
let category;
if (categoryElement == null || categoryElement.textContent == '') {
category = '일반';
} else {
category = categoryElement.textContent;
}
const authorAllow = userlist.length == 0 ? false : new RegExp(userlist.join('|')).test(author.innerText);
const titleAllow = keywordlist.length == 0 ? false : new RegExp(keywordlist.join('|')).test(title.innerText);
let categoryAllow = false;
if (categoryConfig[channel] && categoryConfig[channel][category]) {
categoryAllow = categoryConfig[channel][category].blockArticle;
}
if (titleAllow) {
item.classList.add('filtered');
item.classList.add('filtered-keyword');
count.keyword += 1;
}
if (authorAllow) {
item.classList.add('filtered');
item.classList.add('filtered-user');
count.user += 1;
}
if (categoryAllow) {
item.classList.add('filtered');
item.classList.add('filtered-category');
count.category += 1;
}
if (item.classList.contains('notice-board') && item.nextElementSibling.classList.contains('notice-board')) {
item.classList.add('filtered');
item.classList.add('filtered-notice');
count.notice += 1;
}
if (item.classList.contains('filtered')) count.all += 1;
});
let toggleHeader = board.querySelector('.frontend-header');
if (toggleHeader) toggleHeader.remove();
toggleHeader = VM.createElement("div", {
class: "frontend-header"
}, VM.createElement("span", {
class: "filter-title"
}, "\uD544\uD130\uB41C \uAC8C\uC2DC\uBB3C"), VM.createElement("span", {
class: "filter-count-container"
}));
const container = toggleHeader.querySelector('.filter-count-container');
if (count.all > 0) {
board.prepend(toggleHeader);
for (const key of Object.keys(count)) {
if (count[key] > 0) {
let className = `show-filtered-${key}`;
if (key == 'all') className = 'show-filtered';
let text;
switch (key) {
case 'all':
text = '전체';
break;
case 'keyword':
text = '키워드';
break;
case 'user':
text = '사용자';
break;
case 'category':
text = '카테고리';
break;
case 'notice':
text = '공지';
break;
}
const btn = VM.createElement("span", {
class: `filter-count filter-count-${key}`
}, text, " (", count[key], ")");
container.append(btn);
btn.addEventListener('click', () => {
if (board.classList.contains(className)) {
board.classList.remove(className);
} else {
board.classList.add(className);
}
});
if (key == 'notice') {
// eslint-disable-next-line no-loop-func
btn.addEventListener('click', () => {
if (board.classList.contains(className)) {
GM_setValue('hideNotice', false);
} else {
GM_setValue('hideNotice', true);
}
});
}
}
}
}
const noticeConfig = GM_getValue('hideNotice', defaultConfig.hideNotice);
if (!noticeConfig) board.classList.add('show-filtered-notice');
}
function blockComment(comments) {
if (document.readyState != 'complete') {
window.addEventListener('load', () => {
blockComment(comments);
}, {
once: true
});
return;
}
const count = {
keyword: 0,
user: 0,
all: 0
};
comments.forEach(item => {
const author = item.querySelector('.user-info');
const message = item.querySelector('.message');
let userlist = GM_getValue('blockUser', defaultConfig.blockUser);
let keywordlist = GM_getValue('blockKeyword', defaultConfig.blockKeyword);
if ((unsafeWindow.LiveConfig || undefined) && unsafeWindow.LiveConfig.mute != undefined) {
userlist.push(...unsafeWindow.LiveConfig.mute.users);
keywordlist.push(...unsafeWindow.LiveConfig.mute.keywords);
userlist = Array.from(new Set(userlist));
keywordlist = Array.from(new Set(keywordlist));
}
const authorAllow = userlist.length == 0 ? false : new RegExp(userlist.join('|')).test(author.innerText);
const textAllow = keywordlist.length == 0 ? false : new RegExp(keywordlist.join('|')).test(message.innerText);
if (textAllow) {
item.classList.add('filtered');
item.classList.add('filtered-keyword');
count.keyword += 1;
}
if (authorAllow) {
item.classList.add('filtered');
item.classList.add('filtered-user');
count.user += 1;
}
if (item.classList.contains('deleted')) {
item.classList.add('filtered');
item.classList.add('filtered-deleted');
}
if (item.classList.contains('filtered')) count.all += 1;
});
let toggleHeader = document.querySelector('#comment .frontend-header');
if (toggleHeader) toggleHeader.remove();
toggleHeader = VM.createElement("div", {
class: "frontend-header"
}, VM.createElement("span", {
class: "filter-title"
}, "\uD544\uD130\uB41C \uAC8C\uC2DC\uBB3C"), VM.createElement("span", {
class: "filter-count-container"
}));
const container = toggleHeader.querySelector('.filter-count-container');
if (count.all > 0) {
document.querySelector('#comment .title').insertAdjacentElement('afterend', toggleHeader);
for (const key of Object.keys(count)) {
if (count[key] > 0) {
let className = `show-filtered-${key}`;
if (key == 'all') className = 'show-filtered';
let text;
switch (key) {
case 'all':
text = '전체';
break;
case 'keyword':
text = '키워드';
break;
case 'user':
text = '사용자';
break;
case 'deleted':
text = '삭제됨';
break;
}
const btn = VM.createElement("span", {
class: `filter-count filter-count-${key}`
}, text, " (", count[key], ")");
container.append(btn);
btn.addEventListener('click', () => {
const list = document.querySelector('#comment .list-area');
if (list.classList.contains(className)) {
list.classList.remove(className);
toggleHeader.classList.remove(className);
} else {
list.classList.add(className);
toggleHeader.classList.add(className);
}
});
}
}
}
for (const key of Object.keys(count)) {
const btn = container.querySelector(`.filter-count-${key}`);
if (btn) container.append(btn);
}
}
function blockEmoticon(comments) {
const blockEmoticons = GM_getValue('blockEmoticon', defaultConfig.blockEmoticon);
let list = [];
for (const key in blockEmoticons) {
if ({}.hasOwnProperty.call(blockEmoticons, key)) {
list = list.concat(blockEmoticons[key].bundle);
}
}
comments.forEach(item => {
const emoticon = item.querySelector('.emoticon');
if (emoticon) {
const id = emoticon.dataset.id;
if (list.indexOf(id) > -1) {
emoticon.closest('.message').innerText = '[아카콘 뮤트됨]';
}
}
});
}
function blockRatedown() {
if (!GM_getValue('blockRatedown', defaultConfig.blockRatedown)) return;
const ratedown = document.querySelector('#rateDown');
if (ratedown == null) return;
ratedown.addEventListener('click', e => {
if (!confirm('비추천을 눌렀습니다.\n계속하시겠습니까?')) {
e.preventDefault();
}
});
}
var styles$1 = {"green":"IPScouter-module_green__K9yWK","red":"IPScouter-module_red__3yMjL","blue":"IPScouter-module_blue__YSAPo"};
var stylesheet$1=".vcol.col-author {\r\n width: 7.5rem !important;\r\n}\r\n\r\n.IPScouter-module_green__K9yWK {\r\n color: rgb(37, 141, 37)\r\n}\r\n\r\n.IPScouter-module_red__3yMjL {\r\n color: rgb(236, 69, 69)\r\n}\r\n\r\n.IPScouter-module_blue__YSAPo {\r\n color: rgb(56, 174, 252)\r\n}";
const db = {
KT: ['1.96', '1.97', '1.98', '1.99', '1.100', '1.101', '1.102', '1.103', '1.104', '1.105', '1.106', '1.107', '1.108', '1.109', '1.110', '1.111', '39.4', '39.5', '39.6', '39.7', '49.16', '49.17', '49.18', '49.19', '49.20', '49.21', '49.22', '49.23', '49.24', '49.25', '49.26', '49.27', '49.28', '49.29', '49.30', '49.31', '49.56', '49.57', '49.58', '49.59', '49.60', '49.61', '49.62', '49.63', '110.68', '110.69', '110.70', '110.71', '116.200', '116.201', '118.234', '118.235', '119.194', '163.213', '163.222', '163.229', '163.255', '175.216', '175.217', '175.218', '175.219', '175.220', '175.221', '175.222', '175.223'],
SK: ['27.160', '27.161', '27.162', '27.163', '27.164', '27.165', '27.166', '27.167', '27.168', '27.169', '27.170', '27.171', '27.172', '27.173', '27.174', '27.175', '27.176', '27.177', '27.178', '27.179', '27.180', '27.181', '27.182', '27.183', '42.16', '42.17', '42.18', '42.19', '42.20', '42.21', '42.22', '42.23', '42.24', '42.25', '42.26', '42.27', '42.28', '42.29', '42.30', '42.31', '42.32', '42.33', '42.34', '42.35', '42.36', '42.37', '42.38', '42.39', '42.40', '42.41', '42.42', '42.43', '42.44', '42.45', '42.46', '42.47', '58.102', '58.103', '111.218', '111.219', '113.216', '113.217', '114.52', '114.53', '123.228', '123.229', '124.0', '124.1', '124.2', '124.3', '124.136', '124.137', '124.138', '124.139', '180.132', '180.133', '180.134', '180.135', '219.252', '219.253', '220.103', '223.32', '223.33', '223.34', '223.35', '223.36', '223.37', '223.38', '223.39', '223.40', '223.41', '223.42', '223.43', '223.44', '223.45', '223.46', '223.47', '223.48', '223.49', '223.50', '223.51', '223.52', '223.53', '223.54', '223.55', '223.56', '223.57', '223.58', '223.59', '223.60', '223.61', '223.62', '223.63'],
LG: ['106.96', '109.97', '109.98', '109.99', '106.100', '106.101', '106.102', '106.103', '117.110', '117.111', '211.36', '223.168', '223.169', '223.170', '223.171', '223.172', '223.173', '223.174', '223.175'],
proxy: ['5.79', '5.254', '31.3', '37.58', '37.221', '46.28', '46.183', '50.7', '62.210', '66.249', '89.238', '89.238', '91.221', '94.242', '95.141', '103.10', '103.254', '107.167', '109.200', '176.123', '178.162', '178.255', '179.43', '185.9', '185.82', '185.104', '192.71', '192.99', '193.182', '207.244', '209.58'],
tor: ['1.161', '103.28', '103.16', '103.125', '103.194', '103.208', '103.214', '103.234', '103.236', '103.75', '104.40', '104.194', '104.196', '104.200', '104.218', '104.244', '107.155', '109.69', '109.70', '109.169', '109.194', '109.201', '109.248', '114.32', '111.90', '114.158', '115.73', '118.163', '119.237', '122.147', '123.30', '124.109', '125.212', '126.75', '128.14', '128.199', '128.31', '130.149', '137.74', '138.197', '139.162', '139.28', '139.99', '142.44', '142.58', '142.93', '143.202', '144.217', '145.239', '149.202', '151.53', '151.73', '151.77', '153.229', '154.127', '156.54', '157.157', '157.161', '157.230', '158.174', '158.69', '159.89', '160.119', '160.202', '162.213', '162.244', '162.247', '163.172', '164.132', '164.77', '166.70', '167.114', '167.86', '167.99', '169.197', '171.22', '171.244', '171.25', '172.96', '172.98', '173.14', '173.199', '173.212', '173.244', '173.255', '176.10', '176.126', '176.152', '176.214', '176.31', '176.53', '177.205', '178.128', '178.165', '178.17', '178.175', '178.20', '178.239', '178.254', '178.32', '178.9', '179.43', '179.48', '18.18', '18.85', '180.149', '180.150', '184.75', '185.10', '185.100', '185.103', '185.104', '185.107', '185.112', '185.113', '185.117', '185.121', '185.125', '185.127', '185.129', '185.14', '185.147', '185.158', '185.162', '185.165', '185.169', '185.175', '185.177', '185.193', '185.195', '185.203', '185.220', '185.222', '185.227', '185.233', '185.234', '185.242', '185.244', '185.248', '185.255', '185.4', '185.56', '185.61', '185.65', '185.66', '185.72', '185.86', '185.9', '186.214', '187.178', '188.166', '188.214', '188.65', '189.84', '190.10', '190.164', '190.210', '190.216', '191.114', '191.243', '191.32', '192.160', '192.195', '192.227', '192.34', '192.42', '192.68', '193.110', '193.150', '193.169', '193.201', '193.36', '193.56', '193.9', '193.90', '194.71', '194.99', '195.123', '195.176', '195.206', '195.228', '195.254', '196.41', '197.231', '198.167', '198.211', '198.46', '198.50', '198.96', '198.98', '199.127', '199.195', '199.249', '199.87', '200.52', '200.86', '200.98', '201.80', '203.78', '204.11', '204.17', '204.194', '204.8', '204.85', '205.168', '205.185', '206.248', '206.55', '207.244', '208.12', '209.126', '209.141', '209.95', '210.140', '210.160', '212.16', '212.21', '212.47', '212.75', '212.81', '213.108', '213.136', '213.160', '213.202', '213.252', '213.61', '213.95', '216.218', '216.239', '217.115', '217.12', '217.170', '220.135', '223.26', '23.129', '23.239', '24.20', '24.3', '27.122', '31.131', '31.185', '31.220', '31.31', '35.0', '37.128', '37.139', '37.187', '37.220', '37.228', '37.28', '37.48', '40.124', '41.215', '41.77', '45.114', '45.125', '45.32', '45.33', '45.35', '45.56', '45.76', '45.79', '46.101', '46.165', '46.166', '46.173', '46.182', '46.194', '46.23', '46.246', '46.29', '46.38', '46.98', '5.135', '5.150', '5.189', '5.196', '5.199', '5.2', '5.252', '5.3', '5.34', '5.39', '5.79', '50.247', '51.15', '51.254', '51.255', '51.38', '51.68', '51.75', '51.77', '52.167', '54.36', '54.37', '54.39', '58.153', '58.96', '59.127', '62.102', '62.210', '62.212', '62.219', '62.98', '64.113', '64.27', '65.181', '65.19', '66.110', '66.146', '66.155', '66.175', '66.42', '66.70', '67.163', '67.215', '69.162', '69.164', '70.168', '71.19', '72.14', '72.210', '72.221', '72.83', '73.15', '74.82', '77.141', '77.247', '77.55', '77.73', '77.81', '78.109', '78.142', '78.46', '79.117', '79.134', '79.141', '79.172', '80.127', '80.241', '80.67', '80.68', '80.79', '81.17', '82.118', '82.151', '82.221', '82.223', '82.228', '82.94', '84.19', '84.200', '84.209', '85.214', '85.235', '85.248', '86.123', '86.124', '86.127', '86.148', '87.101', '87.118', '87.120', '87.123', '87.247', '88.130', '88.76', '89.234', '89.236', '89.247', '89.31', '91.132', '91.146', '91.203', '91.207', '91.213', '91.219', '91.231', '92.116', '92.222', '92.63', '93.174', '93.55', '94.100', '94.102', '94.140', '94.168', '94.230', '94.242', '94.32', '95.128', '95.130', '95.142', '95.143', '95.168', '95.179', '95.211', '95.216', '96.66', '96.70', '97.74', '98.174'],
hola: ['103.18', '104.131', '106.185', '106.186', '106.187', '107.161', '107.170', '107.181', '107.190', '107.191', '107.22', '108.61', '109.74', '14.136', '149.154', '149.62', '151.236', '158.255', '162.217', '162.218', '162.221', '162.243', '167.88', '168.235', '176.58', '176.9', '177.67', '178.209', '178.79', '192.110', '192.121', '192.184', '192.211', '192.241', '192.30', '192.40', '192.73', '192.81', '192.99', '198.147', '198.58', '199.241', '208.68', '209.222', '213.229', '217.78', '23.227', '23.249', '23.29', '31.193', '37.235', '41.223', '46.17', '46.19', '46.4', '5.9', '50.116', '54.225', '54.243', '66.85', '77.237', '81.4', '85.234', '88.150', '91.186', '92.48', '94.76', '95.215', '96.126']
};
function applyArticles(articles) {
articles.forEach(article => {
const ipElement = article.querySelector('small');
if (ipElement) appendInfo(ipElement);
});
}
function applyAuthor() {
const ipElement = document.querySelector('.article-head .user-info small');
if (ipElement) appendInfo(ipElement);
}
function applyComments(comments) {
comments.forEach(comment => {
const ipElement = comment.querySelector('small');
if (ipElement) appendInfo(ipElement);
});
}
function appendInfo(ipElement) {
const ip = ipElement.textContent.replace(/\(|\)/g, '');
const [result, color] = checkIP(ip);
ipElement.parentNode.append(VM.createElement("span", {
class: color
}, ` - ${result}`));
}
function checkIP(ip) {
let result = '고정';
let color = styles$1.green;
if (db.KT.indexOf(ip) > -1) {
result = 'KT';
color = styles$1.blue;
} else if (db.SK.indexOf(ip) > -1) {
result = 'SK';
color = styles$1.blue;
} else if (db.LG.indexOf(ip) > -1) {
result = 'LG';
color = styles$1.blue;
} else if (db.proxy.indexOf(ip) > -1) {
result = '젠메이트';
color = styles$1.red;
} else if (db.tor.indexOf(ip) > -1) {
result = '토르';
color = styles$1.red;
} else if (db.hola.indexOf(ip) > -1) {
result = '홀라';
color = styles$1.red;
}
return [result, color];
}
function apply$3(target) {
const users = document.querySelectorAll('.content-wrapper .user-info');
const memos = GM_getValue('userMemo', defaultConfig.userMemo);
users.forEach(user => {
let id = user.dataset.id;
if (id == undefined) {
id = user.innerText.trim();
const subid = user.querySelector('a[title], span[title]');
if (subid && subid.title.indexOf('#') > -1) {
id = subid.title.substring(subid.title.indexOf('#'));
}
user.dataset.id = id;
}
if (target && id != target) return;
let slot = user.querySelector('.memo');
if (memos[id]) {
if (slot == null) {
slot = VM.createElement("span", {
class: "memo"
});
user.append(slot);
}
slot.textContent = ` - ${memos[id]}`;
user.title = memos[id];
} else if (slot) {
slot.remove();
user.title = '';
}
});
}
function applyHandler() {
const memos = GM_getValue('userMemo', defaultConfig.userMemo);
const wrapper = document.querySelector('article .article-wrapper');
if (wrapper == null) return;
wrapper.addEventListener('click', event => {
if (event.target.tagName != 'SPAN' && event.target.tagName != 'SMALL') return;
const user = event.target.closest('.user-info');
if (user == null) return;
const id = user.getAttribute('data-id');
let memo = memos[id];
memo = prompt('이용자 메모를 설정합니다.\n', memo || '');
if (memo == null) return;
let slot = user.querySelector('.memo');
if (slot == null) {
slot = VM.createElement("span", {
class: "memo"
});
user.append(slot);
}
if (memo) {
slot.textContent = ` - ${memo}`;
memos[id] = memo;
} else {
slot.remove();
delete memos[id];
}
GM_setValue('userMemo', memos);
apply$3(id);
});
}
function applyRefreshBtn(commentArea) {
if (commentArea.querySelector('.alert')) {
// 댓글 작성 권한 없음
return;
}
const btn = VM.createElement("button", {
class: "btn btn-success",
style: "margin-left: 1rem"
}, VM.createElement("span", {
class: "icon ion-android-refresh"
}), VM.createElement("span", null, " \uC0C8\uB85C\uACE0\uCE68"));
const clonebtn = btn.cloneNode(true);
commentArea.querySelector('.title a').insertAdjacentElement('beforebegin', btn);
commentArea.querySelector('.subtitle').append(clonebtn);
async function onClick(event) {
event.preventDefault();
btn.disabled = true;
clonebtn.disabled = true;
const response = await getRefreshData();
const newComments = response.querySelector('.article-comment .list-area');
try {
commentArea.querySelector('.list-area').remove();
} // eslint-disable-next-line no-empty
catch (_unused) {}
if (newComments) {
newComments.querySelectorAll('time').forEach(time => {
time.textContent = getDateStr(time.dateTime);
});
commentArea.querySelector('.title').insertAdjacentElement('afterend', newComments);
const items = newComments.querySelectorAll('.comment-item');
apply$3();
applyComments(items);
blockComment(items);
blockEmoticon(items);
applyEmoticonBlockBtn(commentArea);
}
btn.disabled = false;
clonebtn.disabled = false;
}
btn.addEventListener('click', onClick);
clonebtn.addEventListener('click', onClick);
}
function getRefreshData() {
return new Promise(resolve => {
const req = new XMLHttpRequest();
req.open('GET', window.location.href);
req.responseType = 'document';
req.addEventListener('load', () => {
resolve(req.response);
});
req.send();
});
}
function applyEmoticonBlockBtn(commentArea) {
const emoticons = commentArea.querySelectorAll('.emoticon');
emoticons.forEach(item => {
const btn = VM.createElement("span", null, '\n | ', VM.createElement("a", {
href: "#",
class: "block-emoticon",
"data-id": item.dataset.id
}, VM.createElement("span", {
class: "ion-ios-close"
}), ' 아카콘 뮤트'));
const timeElement = item.closest('.content').querySelector('.right > time');
timeElement.insertAdjacentElement('afterend', btn);
});
commentArea.addEventListener('click', async event => {
if (event.target.tagName != 'A') return;
if (!event.target.classList.contains('block-emoticon')) return;
event.preventDefault();
event.target.textContent = '뮤트 처리 중...';
event.target.classList.remove('block-emoticon');
const id = event.target.getAttribute('data-id');
const [name, bundleID] = await getEmoticonInfo(id);
const bundle = await getEmoticonBundle(bundleID);
const blockEmoticon = GM_getValue('blockEmoticon', defaultConfig.blockEmoticon);
blockEmoticon[bundleID] = {
name,
bundle
};
GM_setValue('blockEmoticon', blockEmoticon);
location.reload();
});
}
function getEmoticonInfo(id) {
return new Promise(resolve => {
const req = new XMLHttpRequest();
req.open('GET', `/api/emoticon/shop/${id}`);
req.responseType = 'document';
req.addEventListener('load', () => {
const name = req.response.querySelector('.article-head .title').innerText;
const bundleID = req.response.URL.split('/e/')[1];
resolve([name, bundleID]);
});
req.send();
});
}
function getEmoticonBundle(bundleID) {
return new Promise(resolve => {
const req = new XMLHttpRequest();
req.open('GET', `/api/emoticon/${bundleID}`);
req.responseType = 'json';
req.addEventListener('load', () => {
const bundle = Object.keys(req.response);
resolve(bundle);
});
req.send();
});
}
function applyFullAreaRereply(commentArea) {
commentArea.addEventListener('click', event => {
const checkWriteForm = event.target.closest('form');
if (checkWriteForm) return;
const element = event.target.closest('a, .emoticon, .btn-more, .message');
if (element == null) return;
if (!element.classList.contains('message')) return;
event.preventDefault();
element.parentNode.querySelector('.reply-link').click();
});
}
var styles$2 = {"loader":"Refresher-module_loader__2EBKq","target":"Refresher-module_target__hOVDj","light":"Refresher-module_light__2hVGO","loaderspin":"Refresher-module_loaderspin__3kEgT"};
var stylesheet$2="@keyframes Refresher-module_light__2hVGO{\r\n 0% {\r\n background-color: rgb(246, 247, 239);\r\n }\r\n 100% {\r\n background-color: rgba(255, 255, 255, 0);\r\n }\r\n\r\n}\r\n\r\n@keyframes Refresher-module_loaderspin__3kEgT {\r\n 0% { transform: rotate(0deg);\r\n box-shadow: 0 0 15px #3d414d;\r\n }\r\n 5% {\r\n box-shadow: 0 0 -10px #3d414d;\r\n }\r\n 15%{\r\n box-shadow: 0 0 0px #3d414d;\r\n }\r\n 100% { transform: rotate(360deg);\r\n box-shadow: 0 0 0px #3d414d;\r\n }\r\n}\r\n\r\n.Refresher-module_loader__2EBKq {\r\n border: 6px solid #d3d3d3;\r\n border-top: 6px solid #3d414d;\r\n border-radius: 50%;\r\n position: fixed;\r\n bottom: 30px;\r\n left: 10px;\r\n width: 40px;\r\n height: 40px;\r\n z-index: 20;\r\n}\r\n\r\n.Refresher-module_target__hOVDj {\r\n background-color: #e6aaaa;\r\n}\r\n\r\n.badge {\r\n transition: none;\r\n}";
function removeArticle(articles) {
const form = document.querySelector('.batch-delete-form');
if (form == null) return false;
const userlist = GM_getValue('autoRemoveUser', defaultConfig.autoRemoveUser);
const keywordlist = GM_getValue('autoRemoveKeyword', defaultConfig.autoRemoveKeyword);
const testMode = GM_getValue('useAutoRemoverTest', defaultConfig.useAutoRemoverTest);
const articleid = [];
articles.forEach(item => {
const title = item.querySelector('.col-title');
const author = item.querySelector('.col-author');
const checkbox = item.querySelector('.batch-check');
const authorAllow = userlist.length == 0 ? false : new RegExp(userlist.join('|')).test(author.innerText);
const titleAllow = keywordlist.length == 0 ? false : new RegExp(keywordlist.join('|')).test(title.innerText);
if (titleAllow || authorAllow) {
if (testMode) {
item.classList.add(styles$2.target);
} else {
articleid.push(checkbox.getAttribute('data-id'));
}
}
});
if (articleid.length > 0 && !testMode) {
form.querySelector('input[name="articleIds"]').value = articleid.join(',');
form.submit();
return true;
}
return false;
}
function applyArticles$1(articles, channel) {
const categoryConfig = GM_getValue('category', defaultConfig.category);
articles.forEach(article => {
const category = article.querySelector('.badge');
if (category == null) return;
let color = '';
if (categoryConfig[channel] && categoryConfig[channel][category.textContent]) {
color = categoryConfig[channel][category.textContent].color;
}
const textColor = getContrastYIQ(color);
if (color != '') {
category.style.backgroundColor = `#${color}`;
category.style.color = textColor;
}
});
}
function initLoader() {
document.head.append(VM.createElement("style", null, stylesheet$2));
const loader = VM.createElement("div", {
id: "article_loader",
class: styles$2.loader
});
document.body.append(loader);
return loader;
}
function playLoader(loader, time) {
if (loader) {
loader.removeAttribute('style');
setTimeout(() => {
loader.setAttribute('style', `animation: ${styles$2.loaderspin} ${time}s ease-in-out`);
}, 50);
}
}
function getNewArticles() {
return new Promise(resolve => {
const req = new XMLHttpRequest();
req.open('GET', window.location.href);
req.responseType = 'document';
req.addEventListener('load', () => {
const articles = req.response.querySelectorAll('a.vrow');
resolve(articles);
});
req.send();
});
}
function swapNewArticle(newArticles) {
const board = document.querySelector('.board-article-list .list-table, .included-article-list .list-table');
const oldArticles = board.querySelectorAll('a.vrow');
const oldnums = [];
for (const o of oldArticles) {
oldnums.push(o.pathname.split('/')[3]);
o.remove();
}
for (const n of newArticles) {
if (oldnums.indexOf(n.pathname.split('/')[3]) == -1) {
n.setAttribute('style', `animation: ${styles$2.light} 0.5s`);
}
const lazywrapper = n.querySelector('noscript');
if (lazywrapper) lazywrapper.outerHTML = lazywrapper.innerHTML;
const time = n.querySelector('time');
if (time && in24(time.dateTime)) {
time.innerText = getTimeStr(time.dateTime);
}
}
board.append(...newArticles);
}
function run(board, channel) {
const refreshTime = GM_getValue('refreshTime', defaultConfig.refreshTime);
if (refreshTime == 0) return;
let loader = null;
if (!GM_getValue('hideRefresher', defaultConfig.hideRefresher)) {
loader = initLoader();
}
playLoader(loader, refreshTime);
let loadLoop = null;
async function routine() {
playLoader(loader, refreshTime);
const articles = await getNewArticles();
swapNewArticle(articles);
apply$3();
applyArticles$1(articles, channel);
filter(articles, channel);
applyArticles(articles);
blockArticle(board, articles, channel);
if (removeArticle(articles)) {
clearInterval(loadLoop);
loadLoop = null;
}
}
loadLoop = setInterval(routine, refreshTime * 1000);
document.addEventListener('visibilitychange', () => {
if (document.hidden) {
clearInterval(loadLoop);
loadLoop = null;
} else {
if (loadLoop == null) {
playLoader(loader, refreshTime);
loadLoop = setInterval(routine, refreshTime * 1000);
}
}
});
board.addEventListener('click', event => {
if (event.target.tagName != 'INPUT') return;
if (event.target.classList.contains('batch-check-all')) {
if (event.target.checked) {
clearInterval(loadLoop);
loadLoop = null;
} else {
playLoader(loader, refreshTime);
loadLoop = setInterval(routine, refreshTime * 1000);
}
} else {
const btns = document.querySelectorAll('.batch-check');
for (const btn of btns) {
if (btn.checked) {
clearInterval(loadLoop);
loadLoop = null;
return;
}
}
playLoader(loader, refreshTime);
loadLoop = setInterval(routine, refreshTime * 1000);
}
});
}
function applyMyImage(editor) {
if (editor.core.isEmpty()) {
const img = GM_getValue('myImage', defaultConfig.myImage);
editor.html.set(img);
editor.html.insert('<p></p>');
editor.selection.setAtEnd(editor.$el.get(0));
}
}
function applyClipboardUpload(editor) {
editor.events.on('paste.before', event => {
const files = event.clipboardData.files;
if (files.length == 0) return true;
editor.image.upload(files);
return false;
}, true);
}
function apply$4(view) {
if (!GM_getValue('useShortcut', defaultConfig.useShortcut)) return;
if (view == 'article') {
document.addEventListener('keydown', onArticle);
} else if (view == 'board') {
document.addEventListener('keydown', onBoard);
}
}
function onArticle(event) {
// A 목록 바로가기
// R 댓글 목록보기
// W 댓글 입력 포커스
if (event.target.nodeName == 'INPUT' || event.target.nodeName == 'TEXTAREA') return;
switch (event.code) {
case 'KeyA':
event.preventDefault();
location.pathname = location.pathname.replace(/\/[0-9]+/, '');
break;
case 'KeyR':
{
event.preventDefault();
const commentForm = document.querySelector('.article-comment');
window.scrollTo({
top: commentForm.offsetTop - 50,
behavior: 'smooth'
});
break;
}
case 'KeyW':
{
event.preventDefault();
const inputForm = document.querySelector('.article-comment .subtitle');
const input = document.querySelector('.article-comment .input textarea');
const top = window.pageYOffset + inputForm.getBoundingClientRect().top;
window.scrollTo({
top: top - 50,
behavior: 'smooth'
});
input.focus({
preventScroll: true
});
break;
}
}
}
function onBoard(event) {
// W 게시물 쓰기
// E 헤드라인
// D 이전 페이지
// F 다음 페이지
if (event.target.nodeName == 'INPUT' || event.target.nodeName == 'TEXTAREA') return;
switch (event.code) {
case 'KeyW':
{
event.preventDefault();
const path = location.pathname.split('/');
let writePath = '';
if (path[path.length - 1] == '') {
path[path.length - 1] = 'write';
} else {
path.push('write');
}
writePath = path.join('/');
location.pathname = writePath;
break;
}
case 'KeyE':
{
event.preventDefault();
if (location.search.indexOf('mode=best') > -1) {
location.search = '';
} else {
location.search = '?mode=best';
}
break;
}
case 'KeyD':
{
event.preventDefault();
const active = document.querySelector('.pagination .active');
if (active.previousElementSibling) {
active.previousElementSibling.firstChild.click();
}
break;
}
case 'KeyF':
{
event.preventDefault();
const active = document.querySelector('.pagination .active');
if (active.nextElementSibling) {
active.nextElementSibling.firstChild.click();
}
break;
}
}
}
async function waitForElement(selector) {
let targetElement = document.querySelector(selector);
if (targetElement) return Promise.resolve(targetElement);
return new Promise(resolve => {
const observer = new MutationObserver(() => {
targetElement = document.querySelector(selector);
if (targetElement) {
observer.disconnect();
resolve(targetElement);
}
});
observer.observe(document, {
childList: true,
subtree: true
});
});
}
var css_248z$2 = ".body .root-container {\r\n padding-top: 42px;\r\n}\r\n.body .navbar-wrapper {\r\n top: 0px;\r\n position: fixed !important;\r\n width: 100%;\r\n z-index: 20;\r\n}";
var css_248z$3 = ".hidden {\r\n display: none !important;\r\n}\r\n\r\n.appear {\r\n animation: fadein 0.25s;\r\n animation-fill-mode: forwards;\r\n}\r\n\r\n.disappear {\r\n animation: fadeout 0.25s;\r\n animation-fill-mode: forwards;\r\n}\r\n\r\n@keyframes fadein {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n@keyframes fadeout {\r\n from {\r\n opacity: 1;\r\n }\r\n to {\r\n opacity: 0;\r\n }\r\n}";
var css_248z$4 = ".content-wrapper.hide-avatar .avatar {\r\n display: none !important;\r\n}\r\n.content-wrapper.hide-avatar .input-wrapper > .input {\r\n width: calc(100% - 4.5rem - .5rem) !important;\r\n}\r\n\r\n.list-table.hide-notice a.notice {\r\n display: none !important;\r\n}\r\n\r\n.content-wrapper.hide-media .article-body img, \r\n.content-wrapper.hide-media .article-body video {\r\n display: none;\r\n}\r\n\r\n.content-wrapper.hide-modified b.modified {\r\n display: none !important;\r\n}\r\n\r\n.content-wrapper.hide-sidemenu .right-sidebar {\r\n display: none;\r\n}\r\n\r\n@media screen and (min-width: 991px) {\r\n .content-wrapper.hide-sidemenu .board-article {\r\n padding: 1rem;\r\n margin: 0;\r\n }\r\n}";
var css_248z$5 = ".body .board-article .article-list .list-table.show-filtered-category .vrow.filtered-category {\r\n display: flex;\r\n}";
(async function () {
document.head.append(VM.createElement("style", null, css_248z$2));
document.head.append(VM.createElement("style", null, css_248z$3));
document.head.append(VM.createElement("style", null, css_248z$4));
document.head.append(VM.createElement("style", null, css_248z$5));
document.head.append(VM.createElement("style", null, stylesheet$1));
const path = location.pathname.split('/');
const channel = path[2] || '';
await waitForElement('.content-wrapper');
const oldData = GM_getValue('Setting');
if (oldData != undefined) {
importConfig(oldData);
GM_deleteValue('Setting');
}
setup();
apply();
await waitForElement('footer');
let targetElement = document.querySelector('article > .article-view, article > div.board-article-list .list-table, article > .article-write');
if (targetElement == null) return;
apply$3();
let type = '';
if (targetElement.classList.contains('article-view')) type = 'article';
if (targetElement.classList.contains('list-table')) type = 'board';
if (targetElement.classList.contains('article-write')) type = 'write';
if (type == 'article') {
try {
applyHandler();
applyAuthor();
apply$2();
blockRatedown();
apply$1();
} catch (error) {
console.warn('게시물 처리 중 오류 발생');
console.error(error);
}
try {
const commentArea = targetElement.querySelector('#comment');
if (commentArea) {
const comments = commentArea.querySelectorAll('.comment-item');
applyComments(comments);
blockComment(comments);
blockEmoticon(comments);
applyRefreshBtn(commentArea);
applyEmoticonBlockBtn(commentArea);
applyFullAreaRereply(commentArea);
}
} catch (error) {
console.warn('댓글 처리 중 오류 발생');
console.error(error);
}
apply$4('article');
targetElement = targetElement.querySelector('.included-article-list .list-table');
if (targetElement) type = 'board-included';
}
if (type.indexOf('board') > -1) {
setupCategory(channel);
const articles = targetElement.querySelectorAll('a.vrow');
applyArticles$1(articles, channel);
filter(articles, channel);
applyArticles(articles);
blockArticle(targetElement, articles, channel);
if (type != 'board-included') {
run(targetElement, channel);
apply$4('board');
}
}
if (type == 'write') {
await waitForElement('.fr-box');
const editor = unsafeWindow.FroalaEditor('#content');
applyClipboardUpload(editor);
applyMyImage(editor);
}
})();
}());
