переработка скрипта

jrh.user.js

@@ -1,156 +1,279 @@
 // ==UserScript==
 // @name         JRH: JoyReactor Helper
-// @description  Улучшаем JoyReactor
+// @description  Вспомогательные инструменты для JoyReactor
-// @version      2.3.1
+// @version      2.4
 // @author       DmitriyMX
 // @namespace    https://gitlab.com/DmitriyMX/joyreactor-helper
 // @downloadURL  https://gitlab.com/DmitriyMX/joyreactor-helper/raw/master/jrh.user.js
 // @updateURL    https://gitlab.com/DmitriyMX/joyreactor-helper/raw/master/jrh.user.js
 // @match        http://joy.reactor.cc/*
-// @match        http://pornreactor.cc/*
 // @grant        none
 // @run-at       document-end
 // ==/UserScript==
 
-const domainAliaces = {
+class Post {
-    "joy.reactor.cc": ['reactor.cc', 'joyreactor.cc'],
+    /**
-    "pornreactor.cc": [],
+     * @param {HTMLElement} elmPost
-};
+     */
+    constructor(elmPost) {
+        const pc_len = 'postContainer'.length;
 
-/**
+        /** @public {Number} */
- * Исправляет внутренние ссылки "реактора"
+        this.id = parseInt(elmPost.id.substring(pc_len));
- */
-function fixReactorLinks() {
-    domainAliaces[document.domain].forEach(domain => {
-        document.querySelectorAll('a[href^="http://' + domain + '/"]').forEach(elm => {
-            elm.href = elm.href.replace('http://' + domain + '/', 'http://' + document.domain + '/');
-        });
 
-        document.querySelectorAll('a[href^="//' + domain + '/"]').forEach(elm => {
+        /** @public {String} */
-            elm.href = elm.href.replace('//' + domain + '/', '//' + document.domain + '/');
+        this.author = elmPost.getElementsByClassName('uhead_nick')[0].getElementsByTagName('a')[0].text;
-        });
+
-    });
+        /** @public {String[]} */
+        this.tags = [];
+        for (const elmChild of elmPost.getElementsByClassName('taglist')[0].children) {
+            this.tags.push(elmChild.textContent.trim());
+        }
+    }
 }
 
-function createTreeButton(listId) {
+class Comment {
-    var aTag = document.createElement('a');
+    /**
-    aTag.href = "#";
+     * @param {HTMLElement} elmComment
-    aTag.classList.toggle('collapse-comments');
+     */
-    aTag.text = '[-]';
+    constructor(elmComment) {
-    aTag.dataset.listid = listId;
+        const cm_len = 'comment'.length;
 
-    aTag.style.fontWeight = 'bold';
+        /** @public {HTMLElement} */
-    aTag.style.color = '#656464';
+        this.element = elmComment;
-    aTag.style.lineHeight = '31px';
-    aTag.style.textDecoration = 'none';
-    aTag.style.margin = '0 10px';
-    aTag.style.padding = '0 10px';
-    aTag.style.borderRadius = '15px';
-    aTag.style.background = '#dfdfdf';
 
-    aTag.onclick = function() {
+        /** @public {Number} */
-        var listId = this.dataset.listid;
+        this.id = parseInt(elmComment.id.substring(cm_len));
-        var commentListElement = document.getElementById(listId);
 
-        if (commentListElement.style.display === 'none') {
+        const elmsTxt = elmComment.getElementsByClassName('txt');
-            commentListElement.style.display = '';
+
-            this.text = '[-]';
+        /** @public {String} */
-        } else {
+        this.author = null;
-            commentListElement.style.display = 'none';
+        /** @public {String} */
-            this.text = '[+]';
+        this.text = null;
+        if (elmsTxt.length > 0) {
+            let elms = elmsTxt[0].getElementsByClassName('comment_username');
+            if (elms.length > 0) {
+                this.author = elmsTxt[0].getElementsByClassName('comment_username')[0].textContent;
+                this.text = elmsTxt[0].children[0].textContent;
+            } else if (elmComment.getElementsByClassName('comment_show').length > 0) {
+                this.author = elmComment.getElementsByClassName('comments_bottom')[0].children[1].children[0].textContent;
+                this.text = '[HIDDEN COMMENT]';
+            }
         }
 
-        return false;
+        if (this.author === null) {
-    };
+            throw new Error('author is NULL');
+        }
 
-    return aTag;
+        /** @public {String} */
+        this.image = null;
+        if (elmComment.getElementsByClassName('image').length > 0) {
+            this.image = elmComment.getElementsByClassName('image')[0].children[0].href;
+        }
+
+        /** @public {Comment[]} */
+        this.children = [];
+        for (const childComment of document.getElementById('comment_list_comment_' + this.id).children) {
+            if (childComment.id.startsWith('comment_list_comment_')) {
+                continue;
+            }
+
+            try {
+                this.children.push(new Comment(childComment));
+            } catch (e) {
+                console.error("--- ERROR ---");
+                console.error(childComment);
+                console.error(e);
+                console.error("--- END ---");
+            }
+        }
+    }
 }
 
-/**
+class JRApi {
- * Добавляем кнопку сворачивания комментариев
+    constructor() {
- */
+        /** @private {RegExp} */
-function collapseTreeComments() {
+        this._urlPostRegexp = new RegExp("https?:\/\/.+/post/([0-9]+)");
-    var blocks = document.getElementsByClassName('post_comment_list');
+        /** @private {Comment[]} */
-    var commentBlock = blocks.length === 2 ? blocks[1] : blocks[0];
+        this._comments = null;
+    }
 
-    Array.from(commentBlock.querySelectorAll('div.comment'))
+    /**
-        .filter(elm => { return elm.nextElementSibling !== null; })
+     * @return {Boolean}
-        .filter(elm => { return elm.nextElementSibling.children.length > 0; })
+     */
-        .forEach(elm => {
+    isPostPage() {
-            var listId = elm.nextElementSibling.id;
+        return (document.URL.match(this._urlPostRegexp) !== null);
-            elm.querySelector('span.reply-link').appendChild(createTreeButton(listId));
+    }
-        });
+
+    /**
+     * @return {Post}
+     */
+    post() {
+        const postId = document.URL.match(this._urlPostRegexp)[1];
+        const elmPostContainer = document.getElementById('postContainer' + postId);
+
+        return new Post(elmPostContainer);
+    }
+
+    /**
+     * @return {Post[]}
+     */
+    posts() {
+        const elmPostList = document.getElementById('post_list');
+        const postList = [];
+        for (const elmPostContainer of elmPostList.children) {
+            postList.push(new Post(elmPostContainer));
+        }
+
+        return postList;
+    }
+
+    /**
+     * @return {Comment[]}
+     */
+    comments() {
+        if (this._comments == null) {
+            const postId = document.URL.match(this._urlPostRegexp)[1];
+
+            this._comments = [];
+            for (const elmComment of document.getElementById('comment_list_post_' + postId).children) {
+                if (elmComment.id.startsWith('comment_list_comment_')) {
+                    continue;
+                }
+
+                this._comments.push(new Comment(elmComment));
+            }
+        }
+
+        return this._comments;
+    }
 }
 
-function isPostPage() {
+class JRMod {
-    for (var domain of Object.keys(domainAliaces)) {
+    /**
-        let regexp = new RegExp("http?:\/\/" + domain.replace(/\./g, '\\.') + "\/post");
+     * @param {JRApi} jrApi
-        if (document.URL.match(regexp) !== null) {
+     */
-            return true;
+    constructor(jrApi) {
+        this.jrApi = jrApi;
+    }
+
+    /**
+     * Добавляем кнопку сворачивания ветки комментариев
+     */
+    addCollapseTreeCommentsButton() {
+        /**
+         * @param {Comment} comment
+         * @return {HTMLElement}
+         */
+        const createButton = function (comment) {
+            const aTag = document.createElement('a');
+            aTag.href = "#";
+            aTag.innerHTML = '➖';
+
+            aTag.style.fontWeight = 'bold';
+            aTag.style.color = '#656464';
+            aTag.style.lineHeight = '31px';
+            aTag.style.textDecoration = 'none';
+            aTag.style.margin = '0 10px';
+            aTag.style.padding = '0 10px'
+            aTag.style.borderRadius = '15px';
+            aTag.style.background = '#dfdfdf';
+
+            const elmSubCommentList = document.getElementById('comment_list_comment_' + comment.id);
+            aTag.onclick = function () {
+                if (elmSubCommentList.style.display === 'none') {
+                    elmSubCommentList.style.display = '';
+                    aTag.innerHTML = '➖'; // ➖, -
+                } else {
+                    elmSubCommentList.style.display = 'none';
+                    aTag.innerHTML = '➕'; // ➕, +
+                }
+                return false;
+            }
+
+            return aTag;
+        }
+
+        /** @param {Comment} comment */
+        const func = function (comment) {
+            if (comment.children.length === 0) return;
+            comment.element.getElementsByClassName('reply-link')[0].appendChild(createButton(comment));
+            comment.children.forEach(comment => func(comment));
+        }
+
+        this.jrApi.comments().forEach(comment => func(comment));
+    }
+
+    /**
+     * Удалить пункты меню "Люди" и "О проекте"
+     */
+    removeTopMenuItems() {
+        //@formatter:off
+        Array.from(document.querySelectorAll('#navlist li'))
+            .filter(elm => { return elm.querySelector('a').text === "Люди"
+                || elm.querySelector('a').text === "О проекте" })
+            .forEach(elm => { elm.remove() });
+        //@formatter:on
+    }
+
+    /**
+     * Удалить правую колонку
+     */
+    removeRightColumn() {
+        document.getElementById('sidebar').remove();
+
+        const width = '930px';
+        document.getElementById('header').style.width = width;
+        document.getElementById('page').style.width = width;
+        document.getElementById('topbar').children[0].style.width = width;
+        document.getElementById('container').style.minWidth = '0';
+    }
+
+    /**
+     * Удалить переключатель языков
+     */
+    removeLangSwitch() {
+        Array.from(document.getElementsByClassName('lang_select')).forEach(elm => { elm.remove() });
+    }
+
+    /**
+     * Удалить из поста блоки "Тренды" и "Фэндомы"
+     */
+    removeTrandsAndFandomsBlock() {
+        const elements = document.getElementsByClassName('additional_info');
+        if (elements.length > 0) {
+            elements[0].remove();
         }
     }
 
-    return false;
+    /**
-}
+     * Удалить из поста блок "Похожие посты"
-
+     */
-/**
+    removeSimilarPostsBlock() {
- * Удаляем лишние элементы с сайта
+        const elements = Array.from(document.getElementsByClassName('mainheader'))
- */
+            .filter(elm => { return elm.innerText === "Похожие посты" });
-function removeExcessElements() {
+        if (elements.length === 1) {
-    // Удаляем пункты меню "Люди" и "О проекте"
+            elements[0].nextElementSibling.remove();
-    Array.from(document.querySelectorAll('#navlist li'))
+            elements[0].remove();
-        .filter(elm => { return elm.querySelector('a').text === "Люди"
+        }
-                             || elm.querySelector('a').text === "О проекте" })
-        .forEach(elm => { elm.remove() });
-
-    // Удаляем правую колонку
-    document.getElementById('sidebar').remove();
-
-    // Косметические исправления
-    var width = '930px';
-    document.getElementById('header').style.width = width;
-    document.getElementById('page').style.width = width;
-    document.getElementById('topbar').children[0].style.width = width;
-    document.getElementById('container').style.minWidth = '0';
-
-    // Переключатель языков
-    Array.from(document.getElementsByClassName('lang_select')).forEach(elm => { elm.remove() });
-}
-
-/**
- * Удаляем лишние элементы из поста
- */
-function removeExcessElementsInPost() {
-    // Удаляем "Тренды" и "Фэндомы"
-    var elements = document.getElementsByClassName('additional_info');
-    if (elements.length === 1) {
-        elements[0].remove();
     }
-
-    // Удаляем "Похожие посты"
-    elements = Array.from(document.getElementsByClassName('mainheader'))
-        .filter(elm => { return elm.innerText === "Похожие посты" });
-    if (elements.length === 1) {
-        elements[0].nextElementSibling.remove();
-        elements[0].remove();
-    }
-}
-
-/**
- * Все "новые комментарии" перестают подсвечиваться
- */
-function unNewComments() {
-    document.querySelectorAll('.new').forEach(elm => { elm.classList.toggle('new') });
 }
 
 (function() {
     'use strict';
+    const api = new JRApi();
+    const mod = new JRMod(api);
 
-    removeExcessElements();
+    mod.removeLangSwitch();
-    fixReactorLinks();
+    mod.removeTopMenuItems();
-    if (isPostPage()) {
+    mod.removeRightColumn();
-        removeExcessElementsInPost();
+
-        collapseTreeComments();
+    if (api.isPostPage()) {
-        unNewComments();
+        mod.addCollapseTreeCommentsButton();
+        mod.removeTrandsAndFandomsBlock()
+        mod.removeSimilarPostsBlock()
+    } else {
+        console.log(api.posts());
     }
 })();