ほぼ完全自動アク禁ブックマークレット2

    @@ -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は1組以上含まれる可能性がある - 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は1組以上含まれる可能性がある
            _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 です。

History

  1. 2017/01/07 19:39:10 - 2017-01-07
  2. 2017/01/07 19:36:41 - 2017-01-07
  3. 2017/01/07 19:19:23 - 2017-01-07
  4. 2017/01/07 19:05:51 - 2017-01-07
  5. 2017/01/07 18:56:24 - 2017-01-07
  6. 2017/01/07 05:45:10 - 2017-01-07
  7. 2017/01/06 03:07:29 - 2017-01-06
  8. 2017/01/06 02:55:51 - 2017-01-06
  9. 2017/01/06 00:26:19 - 2017-01-06
  10. 2017/01/05 23:46:52 - 2017-01-05
  11. 2017/01/05 00:04:58 - 2017-01-05
  12. 2017/01/04 04:07:48 - 2017-01-04
  13. 2017/01/03 23:47:17 - 2017-01-03