Greasy Fork

Twitter/X 增强版阅读跟踪器

自动跟踪并保存您在 Twitter/X 上的最后阅读位置,允许在刷新或导航后无缝恢复。

当前为 2024-11-25 提交的版本,查看 最新版本

// ==UserScript==
// @name         Twitter/X Enhanced Reading Tracker
// @name:de      Twitter/X Erweiterter Lesefortschritt-Tracker
// @name:fr      Twitter/X Suivi Amélioré de la Lecture
// @name:es      Twitter/X Rastreador Mejorado de Lectura
// @name:it      Twitter/X Tracker Avanzato di Lettura
// @name:pt      Twitter/X Rastreador Avançado de Leitura
// @name:ru      Twitter/X Улучшенный Трекер Прочтения
// @name:zh-CN   Twitter/X 增强版阅读跟踪器
// @name:ja      Twitter/X 強化型読書トラッカー
// @name:ko      Twitter/X 향상된 읽기 추적기
// @name:hi      Twitter/X उन्नत पठन ट्रैकर
// @name:ar      Twitter/X متتبع القراءة المحسن
// @description  Automatically tracks and saves your last reading position on Twitter/X, allowing seamless resumption after refreshing or navigating away.
// @description:de  Verfolgt und speichert automatisch Ihren letzten Lesefortschritt auf Twitter/X, sodass Sie nach einem Refresh oder Verlassen der Seite nahtlos fortfahren können.
// @description:fr  Suit et enregistre automatiquement votre dernière position de lecture sur Twitter/X, permettant une reprise facile après un rafraîchissement ou un changement de page.
// @description:es  Realiza un seguimiento y guarda automáticamente tu última posición de lectura en Twitter/X, permitiendo continuar sin problemas después de actualizar o cambiar de página.
// @description:it  Tiene traccia e salva automaticamente la tua ultima posizione di lettura su Twitter/X, consentendo una ripresa fluida dopo il refresh o la navigazione altrove.
// @description:pt  Acompanha e salva automaticamente sua última posição de leitura no Twitter/X, permitindo retomar sem interrupções após atualizar ou navegar para outro lugar.
// @description:ru  Автоматически отслеживает и сохраняет вашу последнюю позицию чтения в Twitter/X, позволяя беспрепятственно продолжить чтение после обновления или перехода на другую страницу.
// @description:zh-CN  自动跟踪并保存您在 Twitter/X 上的最后阅读位置,允许在刷新或导航后无缝恢复。
// @description:ja  Twitter/X での最後の読書位置を自動的に追跡して保存し、更新やページ遷移後にシームレスに再開できるようにします。
// @description:ko  Twitter/X에서 마지막 읽기 위치를 자동으로 추적하고 저장하여 새로 고침하거나 다른 페이지로 이동한 후에도 원활하게 이어갈 수 있습니다.
// @description:hi  Twitter/X पर आपके अंतिम पढ़ने की स्थिति को स्वचालित रूप से ट्रैक और सहेजता है, जिससे ताज़ा करने या दूसरी जगह नेविगेट करने के बाद भी आसानी से फिर से शुरू किया जा सके।
// @description:ar  يتتبع ويحفظ تلقائيًا آخر موضع قراءة لك على Twitter/X، مما يسمح بالاستئناف بسلاسة بعد التحديث أو التنقل بعيدًا。
// @description:ar     يقوم بتحميل المنشورات الجديدة تلقائيًا على X.com/Twitter ويعيدك إلى موضع القراءة.
// @icon               https://cdn-icons-png.flaticon.com/128/14417/14417460.png
// @supportURL         https://www.paypal.com/paypalme/Coopiis?country.x=DE&locale.x=de_DE
// @author             Copiis
// @version            2024.11.25-1
// @license            MIT
// @match              https://x.com/home
// @grant              GM_setValue
// @grant              GM_getValue
// @namespace http://tampermonkey.net/
// ==/UserScript==

(function () {
    let isAutoScrolling = false;
    let readPosts = []; // Liste der gelesenen Beiträge

    window.onload = () => {
        console.log("Seite geladen. Initialisiere Script...");
        initializeScript();
    };

    function initializeScript() {
        loadSavedPosts();
        if (readPosts.length > 0) {
            console.log(`Leseliste geladen: ${readPosts.length} Beiträge.`);
            scrollToLastReadPost();
        } else {
            console.log("Leseliste leer. Speichere aktuell sichtbare Beiträge.");
            saveAllVisiblePosts();
        }

        const observer = new MutationObserver(() => {
            const newPostsButton = getNewPostsButton();
            if (newPostsButton) {
                console.log("Neue Beiträge gefunden. Abrufen...");
                newPostsButton.click();
                waitForNewPostsToLoad(() => scrollToLastReadPost());
            }
        });

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

        window.addEventListener('scroll', () => {
            if (isAutoScrolling) return;

            saveCentralVisiblePost();
        });
    }

    function saveCentralVisiblePost() {
        const centralPost = getCentralVisiblePost();
        if (!centralPost) {
            console.log("Kein zentral sichtbarer Beitrag gefunden.");
            return;
        }

        const postTimestamp = getPostTimestamp(centralPost);
        const authorHandler = getPostAuthorHandler(centralPost);

        if (!postTimestamp || !authorHandler) {
            console.log("Zentral sichtbarer Beitrag hat keinen gültigen Timestamp oder Handler.");
            return;
        }

        const isDuplicate = readPosts.some(p => p.timestamp === postTimestamp && p.authorHandler === authorHandler);
        if (isDuplicate) {
            console.log(`Zentral sichtbarer Beitrag bereits in der Leseliste: ${postTimestamp}, @${authorHandler}`);
            return;
        }

        readPosts.push({ timestamp: postTimestamp, authorHandler });
        console.log(`Zentral sichtbarer Beitrag gespeichert: ${postTimestamp}, @${authorHandler}`);
        savePostsToStorage();
        cleanUpOldPosts();
    }

    function getCentralVisiblePost() {
        const posts = Array.from(document.querySelectorAll("article"));
        const centerY = window.innerHeight / 2;

        return posts.find(post => {
            const rect = post.getBoundingClientRect();
            return rect.top <= centerY && rect.bottom >= centerY; // Beitrag, der zentral sichtbar ist
        });
    }

    function saveAllVisiblePosts() {
        const posts = Array.from(document.querySelectorAll("article"));
        if (posts.length === 0) {
            console.log("Keine sichtbaren Beiträge gefunden.");
            return;
        }

        posts.forEach(post => {
            const postTimestamp = getPostTimestamp(post);
            const authorHandler = getPostAuthorHandler(post);

            if (!postTimestamp || !authorHandler) {
                console.log("Beitrag ohne gültigen Timestamp oder Handler übersprungen.");
                return;
            }

            const isDuplicate = readPosts.some(p => p.timestamp === postTimestamp && p.authorHandler === authorHandler);
            if (!isDuplicate) {
                readPosts.push({ timestamp: postTimestamp, authorHandler });
                console.log(`Gespeichert: ${postTimestamp}, @${authorHandler}`);
            }
        });

        savePostsToStorage();
    }

    function cleanUpOldPosts() {
        const thirtyDaysAgo = new Date();
        thirtyDaysAgo.setDate(thirtyDaysAgo.getDate() - 30);

        const beforeClean = readPosts.length;
        readPosts = readPosts.filter(post => new Date(post.timestamp) >= thirtyDaysAgo);
        const afterClean = readPosts.length;

        if (beforeClean !== afterClean) {
            console.log(`Alte Beiträge entfernt. Vorher: ${beforeClean}, Nachher: ${afterClean}`);
            savePostsToStorage();
        }
    }

    function waitForNewPostsToLoad(callback) {
        const interval = setInterval(() => {
            const posts = document.querySelectorAll("article");
            if (posts.length > 0) {
                console.log("Neue Beiträge geladen.");
                clearInterval(interval);
                callback();
            } else {
                console.log("Warte auf das Laden neuer Beiträge...");
            }
        }, 500);
    }

    function scrollToLastReadPost() {
        const lastReadPost = readPosts[readPosts.length - 1];
        if (!lastReadPost) {
            console.log("Kein letzter gelesener Beitrag gefunden. Abbruch.");
            return;
        }

        const interval = setInterval(() => {
            const matchedPost = findPostByData(lastReadPost);
            if (matchedPost) {
                clearInterval(interval);
                console.log(`Zuletzt gelesenen Beitrag gefunden: ${lastReadPost.timestamp}, @${lastReadPost.authorHandler}. Scrolle...`);
                scrollToPost(matchedPost);
            } else if (!isAtBottomOfPage()) {
                console.log("Gespeicherter Beitrag nicht gefunden. Scrolle weiter...");
                window.scrollBy({ top: 500, behavior: "smooth" });
            } else {
                clearInterval(interval);
                console.log("Zuletzt gelesener Beitrag konnte nicht gefunden werden.");
            }
        }, 1000);
    }

    function findPostByData(data) {
        const posts = Array.from(document.querySelectorAll("article"));
        return posts.find(post => {
            const postTimestamp = getPostTimestamp(post);
            const authorHandler = getPostAuthorHandler(post);
            return postTimestamp === data.timestamp && authorHandler === data.authorHandler;
        });
    }

    function getPostTimestamp(post) {
        const timeElement = post.querySelector("time");
        return timeElement ? timeElement.getAttribute("datetime") : null; // Kein optionales Chaining
    }

    function getPostAuthorHandler(post) {
        const handlerElement = post.querySelector('[role="link"][href*="/"]');
        if (handlerElement) {
            const handler = handlerElement.getAttribute("href");
            return handler && handler.startsWith("/") ? handler.slice(1) : null; // Fallback-Syntax ohne optionales Chaining
        }
        return null;
    }

    function isAtBottomOfPage() {
        return window.innerHeight + window.scrollY >= document.body.scrollHeight - 1;
    }

    function scrollToPost(post) {
        isAutoScrolling = true;
        post.scrollIntoView({ behavior: "smooth", block: "center" });
        setTimeout(() => (isAutoScrolling = false), 1000);
    }

    function getNewPostsButton() {
        return Array.from(document.querySelectorAll("button, span")).find(button =>
            /neue Posts anzeigen|Post anzeigen/i.test(button.textContent.trim())
        );
    }

    function loadSavedPosts() {
        const savedData = GM_getValue("readPosts", "[]");
        readPosts = JSON.parse(savedData);
    }

    function savePostsToStorage() {
        GM_setValue("readPosts", JSON.stringify(readPosts));
        console.log(`Beiträge gespeichert: ${readPosts.length}`);
    }
})();