☰

vk.com mark as read

mark posts as read (помечает посты как прочитанные)

目前為 2017-03-05 提交的版本，檢視 最新版本。

// ==UserScript==
// @name        vk.com mark as read
// @namespace   limizin.userscripts
// @description mark posts as read (помечает посты как прочитанные)
// @include     https://vk.com*
// @version     2.0
// @grant       GM_setValue
// @grant       GM_getValue
// ==/UserScript==
(function() {
    var postwall = document.getElementById('page_wall_posts');
    if (!postwall)
        return;

    globals = {};
    globals.firefox = navigator.userAgent.toLowerCase().indexOf('firefox');
    globals.postwall = postwall;
    globals.storageKey = 'usernameReadPost/' + hashCode(location.pathname) + hashCode(reverse(location.pathname));
    globals.top_shadow_post_id = GM_getValue(globals.storageKey);
    globals.shadowMark = false;

    if (!document.querySelector('style#usernameReadPost')) {
        var head = document.querySelector('head');
        stl = head.appendChild(document.createElement('style'));
        stl.id = 'usernameReadPost';
        stl.innerHTML = '.usernameReadPost, .usernameReadPost ~ * {background-color: silver !important;}  .usernameReadBtn {background-color: #507299; color: #ffffff; border: thin solid #C4C4C4; cursor: pointer;}  .usernameReadPostBtn {top:0; right:0; position: absolute;}';
    }

    var buttonBlock = document.createElement('div');
    buttonBlock.style.display = 'inline';
    buttonBlock.style.marginLeft = '-35px';
    buttonBlock.style.marginRight = '7px';
    buttonBlock.style.marginTop = '10px';
    buttonBlock.style.float = 'left';
    var scrollToReadBtn = createButton('>', scrollToRead, 'scroll to read');
    buttonBlock.appendChild(scrollToReadBtn);
    document.querySelector('div.head_nav_item').appendChild(buttonBlock);

    //add buttons ol load
    _addButtons(document.querySelectorAll('div.wall_posts > div.post'));

    //shadow posts on load
    if (globals.top_shadow_post_id) {
        var post = document.getElementById(globals.top_shadow_post_id);
        if (post) {
            post.classList.add('usernameReadPost');
            globals.shadowMark = true;
        }
    }

    //wall observer
    observer = new MutationObserver(onWallChange);
    var config = {
        attributes: false,
        childList: true,
        characterData: false
    };
    observer.observe(globals.postwall, config);

    function onWallChange(mutations) {
        var newPosts = new Array();
        mutations.forEach(function(mutation) {
            if (mutation.type != 'childList')
                return;
            if (mutation.addedNodes) {
                for (i = 0; i < mutation.addedNodes.length; i++) {
                    var post = mutation.addedNodes[i];
                    if (post.classList.contains('no_posts'))
                        continue;
                    newPosts.push(post);
                }
            }
        });

        if (newPosts) {
            _addButtons(newPosts);
            _shadowSubloadedPosts(newPosts);
        }
    }

    function scrollToRead(event) {
        var post = document.querySelector('div.usernameReadPost');
        if (post) {
            var postYOffset = post.offsetTop;
            var median = window.innerHeight / 2;
            var scrollTo = postYOffset - median;
            if (scrollTo < 0) {
                scrollTo = 0;
            }
            window.scrollTo(0, scrollTo);
        }
    }

    function _shadowSubloadedPosts(posts) {
        if (globals.shadowMark || !globals.top_shadow_post_id) {
            return;
        }
        for (var i = 0; i < posts.length; ++i) {
            var post = posts[i];
            var postId = post.getAttribute('id');
            if (postId == globals.top_shadow_post_id) {
                post.classList.add('usernameReadPost');
                globals.shadowMark = true;
                break;
            }
        }
    }

    function markSelectedAsRead(event) {
        var xpath = './ancestor::div[contains(@class, "post") and not(@id="page_wall_posts")]';
        var post = document.evaluate(xpath, event.currentTarget, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
        if (post) {
            GM_setValue(globals.storageKey, post.getAttribute('id'));
            var prevPostsXpath = './preceding-sibling::div[contains(@class, "usernameReadPost")]';
            var prevPosts = document.evaluate(prevPostsXpath, post, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
            for (var i = 0; i < prevPosts.snapshotLength; i++) {
                var prevPost = prevPosts.snapshotItem(i);
                prevPost.classList.remove('usernameReadPost');
            }
            post.classList.add('usernameReadPost');
        }
    }

    function _addButtons(posts) {
        for (var i = 0; i < posts.length; ++i) {
            var post = posts[i];
            var btn = createButton('+', markSelectedAsRead, 'mark as read');
            btn.classList.add('usernameReadPostBtn');
            post.appendChild(btn);
        }
    } /////////// utils ///////////

    function hashCode(value) {
        var hash = 0;
        if (value.length == 0) return hash;
        for (i = 0; i < value.length; i++) {
            char = value.charCodeAt(i);
            hash = ((hash << 5) - hash) + char;
            hash = hash & hash; // Convert to 32bit integer
        }
        return hash;
    }

    function reverse(value) {
        return value.split('').reverse().join('');
    }

    function xpathResultToArray(xpathResult) {
        var nodes = new Array();
        var nextNode = xpathResult.iterateNext();
        while (nextNode) {
            nodes.push(nextNode);
            nextNode = xpathResult.iterateNext();
        }
        return nodes;
    }

    function createButton(content, handler, title) {
        var btn = document.createElement('button');
        btn.textContent = content;
        btn.onclick = handler;
        btn.title = title;
        btn.className = 'usernameReadBtn';
        if (globals.firefox) {
            btn.style.paddingBottom = '2px';
        }
        return btn;
    }
})();