☰

Estimated Read Time

Predict the read time you would take

// ==UserScript==
// @name        Estimated Read Time
// @namespace   Violentmonkey Scripts
// @match       *://*/*
// @grant       GM_getValue
// @grant       GM_setValue
// @version     0.1
// @license     GNU GPL
// @description Predict the read time you would take
// ==/UserScript==

(function () {
    'use strict';
    function init() {
        function removePaywalls() {
            const paywallSelectors = [
                '[class*="paywall"]',
                '[class*="overlay"]',
                '[class*="modal"]',
                '[class*="popup"]',
                '[class*="subscribe"]',
                '[class*="newsletter"]',
                '[id*="paywall"]',
                '[id*="overlay"]',
                '[id*="modal"]',
                '[id*="popup"]',
                '.snippet-promotion',
                '.wsj-snippet-login',
                '.continue-reading',
                '.wsj-ad',
                '[data-module-name="paywall"]',
                '[data-module-name="InlineVideo"]',
                '.media-object-video',
                '#cx-snippet-overlay',
                '.cx-snippet-overlay',
                '.snippet-promotion-container',
                '.piano-overlay',
                '.tp-modal',
                '.fc-consent-root',
                '.qc-cmp2-container',
                '.css-1dbjc4n[style*="position: fixed"]',
                'div[style*="position: fixed"] [style*="z-index"]'
            ];

            paywallSelectors.forEach(selector => {
                document.querySelectorAll(selector).forEach(element => {
                    element.remove();
                });
            });

            document.querySelectorAll('div, section, article').forEach(element => {
                const text = element.textContent || '';
                if (text.includes('Continue reading your article with') ||
                    text.includes('Subscribe to continue reading') ||
                    text.includes('Sign in to continue reading')) {
                        element.remove();
                }
            });

            document.body.style.overflow = '';
            document.documentElement.style.overflow = '';
            document.body.style.position = '';
            document.documentElement.style.position = '';

            document.querySelectorAll('[style*="backdrop"]').forEach(el => el.remove());
        }

        const style = document.createElement('style');
        style.innerHTML = `
        .glass-card {
            min-width: 200px;
            max-width: 300px;
            background: rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(10px);
            border-radius: 20px;
            border: 1px solid rgba(255, 255, 255, 0.2);
            box-shadow:
                0 8px 32px rgba(0, 0, 0, 0.1),
                inset 0 1px 1px rgba(255, 255, 255, 0.5),
                inset 0 -1px 0 rgba(255, 255, 255, 0.1),
                inset 0 0 0px rgba(255, 255, 255, 0);
            position: fixed;
            bottom: 10px;
            right: 10px;
            padding: 8px 12px;
            font-size: 14px;
            color: white;
            z-index: 10000;
            overflow: hidden;
            white-space: nowrap;
        }

        .glass-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: linear-gradient(
                90deg,
                transparent,
                rgba(255, 255, 255, 0.8),
                transparent
            );
        }

        .glass-card::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 1px;
            height: 100%;
            background: linear-gradient(
                180deg,
                rgba(255, 255, 255, 0.8),
                transparent,
                rgba(255, 255, 255, 0.3)
            );
        }`;

        (document.head || document.documentElement).appendChild(style);

        function getUserReadingSpeed(defaultSpeed = 200){
            let speed = GM_getValue("readingSpeed", null);
            if (speed === null) {
                speed = parseInt(prompt("Average reading wpm?: ", defaultSpeed), 10);
                if (!isNaN(speed) && speed > 0) {
                    GM_setValue("readingSpeed", speed);
                } else {
                    speed = defaultSpeed;
                }
            } else {
                speed = parseInt(speed, 10);
            }
            return speed;
        }

        function averageReadingTime(text, wordsPerMinute) {
            text = text.replace(/\s+/g, ' ').trim();
            const wordCount = text.split(' ').filter(word => word.length > 0).length;
            return Math.ceil(wordCount / wordsPerMinute);
        }

        function displayReadTime(text) {
            const readTimeDiv = document.createElement('div');
            readTimeDiv.className = "glass-card";
            readTimeDiv.textContent = text;

            readTimeDiv.addEventListener('click', function() {
                readTimeDiv.remove();
            });

            document.body.appendChild(readTimeDiv);
        }

        removePaywalls();
        setTimeout(removePaywalls, 500);
        setTimeout(removePaywalls, 1000);
        setTimeout(removePaywalls, 2000);

        const observer = new MutationObserver(function(mutations) {
            mutations.forEach(function(mutation) {
                if (mutation.addedNodes.length > 0) {
                    setTimeout(removePaywalls, 100);
                }
            });
        });

        observer.observe(document.body, { childList: true, subtree: true });

        const article = document.querySelector('article');
        const content = article ? article.innerText : document.body.innerText;

        if (content) {
            const userSpeed = getUserReadingSpeed();
            const minutes = averageReadingTime(content, userSpeed);
            displayReadTime(`Estimated read time: ${minutes} minutes`);
        } else {
            displayReadTime(`Can't get text on ${window.location.hostname}`);
        }
    }
    
    if (document.readyState === 'loading') {
        document.addEventlistener('DOMContentLoaded', init);
    } else {
        init();
    }
})();