ほぼ完全自動アク禁ブックマークレット2
by
Awn
2017-01-07 [2017/01/07 19:39:10]
@@ -26,11 +26,103 @@
}
}
+ class ResHead {
+ set(dts) {
+ this.dts = dts;
+ }
+
+ parse() {
+ let reshead = [];
+ let main, mail;
+ const REGEXP_MAIN = new RegExp(/^[0-9]{1,4} ：(.*?) ?：.* ID:(.*$)/);
+ const REGEXP_MAIL = new RegExp(/<a href="mailto:(.*?)">/);
+ for (let value of this.dts) {
+ main = value.innerText.match(REGEXP_MAIN);
+ mail = value.outerHTML.match(REGEXP_MAIL);
+ reshead.push({
+ name: main[1],
+ id: main[2].replace("(主)", "").replace(" ", "").replace("×", ""),
+ nusi: main[2].includes("(主)"),
+ mail: mail === null ? null : mail[1]
+ });
+ }
+ this.data = reshead;
+ return reshead;
+ }
+
+ get() {
+ return this.data;
+ }
+ }
+
+ class ResBody {
+ set(dds) {
+ this.dds = dds;
+ }
+
+ parse() {
+ let nodes, nodeName, node, imgurs, arr;
+ let resbody = [];
+ for (let value of this.dds) {
+ nodes = value.childNodes;
+ arr = [];
+ for (let ix = 0, len = nodes.length - 3; ix < len; ix++) {
+ node = nodes[ix];
+ nodeName = node.nodeName.toLowerCase();
+ //note: 通常の目に見えるテキスト,いわゆる本文の各一行
+ if (nodeName === "#text") {
+ arr.push(node.textContent);
+ }
+
+ //note: 文末改行および空行
+ if (nodeName === "br") {
+ //arr.push("<br>");
+ arr.push("\n");
+ //arr.push("↵");
+ }
+
+ //note: リンク
+ if (nodeName === "a") {
+ //note: 安価参照の場合はリンクではなく安価テキスト(e.g. >>243-256 )を取得する
+ if (/^\/test\/read\.cgi\/.*/.test(node.pathname)) {
+ arr.push(node.textContent);
+ } else {
+ arr.push(node.href);
+ }
+ }
+
+ //note: imgur画像は複数毎がグループ化されているので、それを取り出す
+ if (nodeName === "div" && node.className === "group" && node.firstChild.className === "imgur") {
+ imgurs = node.querySelectorAll("a");
+ for (let imgur of imgurs) {
+ arr.push(imgur.href);
+ }
+ }
+
+ if (nodeName === "font") {
+ arr.push(node.textContent);
+ }
+
+ }
+ resbody.push(arr.join(""));
+ }
+ this.data = resbody;
+ return resbody;
+ }
+
+ get() {
+ return this.data;
+ }
+ }
+
+
//member
let _mo;
let _form = {};
-
+ let _idList = {};
+ let _reshead;
+ let _resbody;
//initializer
_init();
@@ -41,8 +133,7 @@
_embedForm();
_setupForm();
_assignEventListener();
- _mo = new MutationListener(_execAkukin);
- _mo.start();
+ _createInstances();
}
function _assignEventListener() {
@@ -52,6 +143,15 @@
SpeedLimitRadioBtnEventListener();
}
+ function _createInstances() {
+ _reshead = new ResHead();
+ _resbody = new ResBody();
+ _mo = new MutationListener(_execAkukin);
+ if (_form["enableAkukin"] === "ON") {
+ _mo.start();
+ }
+ }
+
function _embedForm() {
let section = document.createElement("section");
section.setAttribute("id", "autoAkuSection");
@@ -99,10 +199,12 @@
function _execAkukin(record) {
let dl = record[0].addedNodes[0];
//note: dlの中にdt, ddは１組以上含まれる可能性がある
- let dts = dl.querySelectorAll("dt");
- let dds = dl.querySelectorAll("dd");
- console.dir(dts);
- console.dir(dds);
+ _reshead.set(dl.querySelectorAll("dt"));
+ _resbody.set(dl.querySelectorAll("dd"));
+
+ console.dir(_reshead.parse());
+ console.dir(_resbody.parse());
+
console.dir(_form);
return;
}
@@ -134,6 +236,12 @@
_setStorage(key, value);
}
+ if (_form["enableAkukin"] === "ON") {
+ _mo.start();
+ } else {
+ _mo.stop();
+ }
+
let message = document.querySelector("#autoAku_message");
message.textContent = "保存しますた！";
setTimeout(() => { message.textContent = "" }, 1000);
@@ -152,6 +260,8 @@
}
form.reset();
+ _mo.stop();
+
let target = document.querySelector("#field_speedLimit");
target.setAttribute("style", "display:none;");
}
/*
* @title ほぼ完全自動アク禁ブックマークレット2
* @include http://*.open2ch.net
* @license MIT License
*/
//作った人: Awn
let osirase = "【ほぼ完全自動アク禁ブックマークレット2】\n\nまだ完成していません＞＜";
alert(osirase);
(function() {
//class
class MutationListener {
constructor(f) {
this.target = document.querySelector("div.thread");
this.option = { childList: true };
this.mo = new MutationObserver(f);
}
start() {
this.mo.observe(this.target, this.option);
}
stop() {
this.mo.disconnect();
}
}
class ResHead {
set(dts) {
this.dts = dts;
}
parse() {
let reshead = [];
let main, mail;
const REGEXP_MAIN = new RegExp(/^[0-9]{1,4} ：(.*?) ?：.* ID:(.*$)/);
const REGEXP_MAIL = new RegExp(/<a href="mailto:(.*?)">/);
for (let value of this.dts) {
main = value.innerText.match(REGEXP_MAIN);
mail = value.outerHTML.match(REGEXP_MAIL);
reshead.push({
name: main[1],
id: main[2].replace("(主)", "").replace(" ", "").replace("×", ""),
nusi: main[2].includes("(主)"),
mail: mail === null ? null : mail[1]
});
}
this.data = reshead;
return reshead;
}
get() {
return this.data;
}
}
class ResBody {
set(dds) {
this.dds = dds;
}
parse() {
let nodes, nodeName, node, imgurs, arr;
let resbody = [];
for (let value of this.dds) {
nodes = value.childNodes;
arr = [];
for (let ix = 0, len = nodes.length - 3; ix < len; ix++) {
node = nodes[ix];
nodeName = node.nodeName.toLowerCase();
//note: 通常の目に見えるテキスト,いわゆる本文の各一行
if (nodeName === "#text") {
arr.push(node.textContent);
}
//note: 文末改行および空行
if (nodeName === "br") {
//arr.push("<br>");
arr.push("\n");
//arr.push("↵");
}
//note: リンク
if (nodeName === "a") {
//note: 安価参照の場合はリンクではなく安価テキスト(e.g. >>243-256 )を取得する
if (/^\/test\/read\.cgi\/.*/.test(node.pathname)) {
arr.push(node.textContent);
} else {
arr.push(node.href);
}
}
//note: imgur画像は複数毎がグループ化されているので、それを取り出す
if (nodeName === "div" && node.className === "group" && node.firstChild.className === "imgur") {
imgurs = node.querySelectorAll("a");
for (let imgur of imgurs) {
arr.push(imgur.href);
}
}
if (nodeName === "font") {
arr.push(node.textContent);
}
}
resbody.push(arr.join(""));
}
this.data = resbody;
return resbody;
}
get() {
return this.data;
}
}
//member
let _mo;
let _form = {};
let _idList = {};
let _reshead;
let _resbody;
//initializer
_init();
//function
function _init() {
_embedForm();
_setupForm();
_assignEventListener();
_createInstances();
}
function _assignEventListener() {
ShowBtnEventListener();
SaveBtnEventListener();
DeleteBtnEventListener();
SpeedLimitRadioBtnEventListener();
}
function _createInstances() {
_reshead = new ResHead();
_resbody = new ResBody();
_mo = new MutationListener(_execAkukin);
if (_form["enableAkukin"] === "ON") {
_mo.start();
}
}
function _embedForm() {
let section = document.createElement("section");
section.setAttribute("id", "autoAkuSection");
section.innerHTML = '<hr><h2 style="color:red;">自動アク禁設定</h2><input type="button" name="b_autoAkuShow" id="b_autoAkuShow" value="開く"> <input type="button" name="b_autoAkuDelete" id="b_autoAkuDelete" value="データを全て消す">';
let form = document.createElement("form");
form.setAttribute("name", "fm_autoAku");
form.setAttribute("id", "fm_autoAku");
form.setAttribute("style", "display:none;");
form.innerHTML = '<fieldset><legend>自動アク禁投稿で使用する名前とmailと本文</legend><label>名前：<input type="text" size="40" name="autoAku_defaultName" placeholder="(省略化)自動アク禁用の名前"></label><br><label>mail：<input type="text" size="40" name="autoAku_defaultMail" placeholder="(省略化)自動アク禁用のmail"></label><br><textarea rows="5" cols="56" name="autoAku_defaultText" placeholder="(省略可)ここに書いたメッセージに!aku42といったアク禁コマンドが自動で足されます。"></textarea></fieldset><fieldset><legend>自動アク禁キーワード設定</legend><label>アク禁ワード↓<br><textarea rows="5" cols="56" name="autoAku_words" placeholder="改行区切りで入力"></textarea><br></label><label>アク禁ネーム↓<br><textarea rows="5" cols="56" name="autoAku_names" placeholder="改行区切りで入力"></textarea><br></label><label>アク禁メール↓<br><textarea rows="5" cols="56" name="autoAku_mails" placeholder="改行区切りで入力"></textarea><br></label><label>アク禁id↓<br><textarea rows="5" cols="56" name="autoAku_ids" placeholder="改行区切りで入力"></textarea><br></label></fieldset><fieldset><legend>その他の設定</legend>投稿間隔でアク禁：<input type="radio" name="enableSpeedLimit" value="OFF" checked>OFF<input type="radio" name="enableSpeedLimit" value="ON">ON<span id="field_speedLimit" style="display:none;"><input type="number" size="10" min="1" max="3600" name="autoAku_speedLimit" value="1">秒未満の間隔で投稿するidをアク禁する</span><br>正規表現を利用する：<input type="radio" name="enableRegexp" value="OFF" checked>OFF<input type="radio" name="enableRegexp" value="ON">ON<br>アク禁を実行する ：<input type="radio" name="enableAkukin" value="OFF" checked>OFF<input type="radio" name="enableAkukin" value="ON">ON</fieldset><input type="button" id="b_autoAkuSave" name="b_autoAkuSave" value="アク禁設定を保存する"><span id="autoAku_message" style="color:red;"></span>';
document.body.appendChild(section);
section.appendChild(form);
return;
}
/*
//note: この関数必要？
function _getForm() {
let fd = new FormData(document.forms["fm_autoAku"]);
let obj = {};
for (let [key, value] of fd) {
obj[key] = value;
}
return obj;
}
*/
function _setupForm() {
let form = document.forms["fm_autoAku"];
let fd = new FormData(form);
let temp;
for (let [key, value] of fd) {
temp = _getStorage(key);
_form[key] = temp;
form[key].value = temp;
}
if (_form["enableSpeedLimit"] === "ON") {
let target = document.querySelector("#field_speedLimit");
target.setAttribute("style", "display:inline;");
}
}
function _execAkukin(record) {
let dl = record[0].addedNodes[0];
//note: dlの中にdt, ddは１組以上含まれる可能性がある
_reshead.set(dl.querySelectorAll("dt"));
_resbody.set(dl.querySelectorAll("dd"));
console.dir(_reshead.parse());
console.dir(_resbody.parse());
console.dir(_form);
return;
}
/* Event Listener */
function ShowBtnEventListener() {
let elm = document.querySelector("#b_autoAkuShow");
elm.addEventListener("click", function(ev) {
let form = document.forms["fm_autoAku"];
let style = form.getAttribute("style");
if (style.includes("none")) {
form.setAttribute("style", "display:block;");
elm.value = "開じる";
} else {
form.setAttribute("style", "display:none;");
elm.value = "開く";
}
});
}
function SaveBtnEventListener() {
let elm = document.querySelector("#b_autoAkuSave");
elm.addEventListener("click", function(ev) {
let form = ev.target.form;
let fd = new FormData(form);
for (let [key, value] of fd) {
_form[key] = value;
_setStorage(key, value);
}
if (_form["enableAkukin"] === "ON") {
_mo.start();
} else {
_mo.stop();
}
let message = document.querySelector("#autoAku_message");
message.textContent = "保存しますた！";
setTimeout(() => { message.textContent = "" }, 1000);
});
}
function DeleteBtnEventListener() {
let elm = document.querySelector("#b_autoAkuDelete");
elm.addEventListener("click", function(ev) {
if (confirm("消しますか？")) {
let form = document.forms["fm_autoAku"];
let fd = new FormData(form);
for (let [key, value] of fd) {
_removeStorage(key);
}
form.reset();
_mo.stop();
let target = document.querySelector("#field_speedLimit");
target.setAttribute("style", "display:none;");
}
});
}
function SpeedLimitRadioBtnEventListener() {
let limit_on = document.querySelector("input[type='radio'][name='enableSpeedLimit'][value='ON']");
let limit_off = document.querySelector("input[type='radio'][name='enableSpeedLimit'][value='OFF']");
let target = document.querySelector("#field_speedLimit");
limit_on.addEventListener("click", function(ev) {
target.setAttribute("style", "display:inline;");
});
limit_off.addEventListener("click", function(ev) {
target.setAttribute("style", "display:none;");
});
}
/* wrapper function */
function _getStorage(key) {
return localStorage.getItem(key);
}
function _setStorage(key, val) {
localStorage.setItem(key, val);
}
function _removeStorage(key) {
return localStorage.removeItem(key);
}
return;
})();
- Permalink
- このページへの個別リンクです。
- RAW
- 書かれたコードへの直接のリンクです。
- Packed
- 文字列が圧縮された書かれたコードへのリンクです。
- Userscript
- Greasemonkey 等で利用する場合の .user.js へのリンクです。
- Loader
- @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
- Metadata
- コード中にコメントで @xxx と書かれたメタデータの JSON です。
