☰

Greasy Fork is available in English.

X(Twitter) Like, Retweet, and optionally Bookmark with One Click

This script adds a button that combines liking, retweeting, and optionally bookmarking in one click

// ==UserScript==
// @name         X(Twitter) Like, Retweet, and optionally Bookmark with One Click
// @namespace    https://greasyfork.org/en/users/948789
// @version      1.2
// @description  This script adds a button that combines liking, retweeting, and optionally bookmarking in one click
// @author       RayBTA
// @match        https://*.x.com/*
// @grant        GM_setValue
// @grant        GM_getValue
// @grant        GM_registerMenuCommand
// ==/UserScript==

(function() {
    'use strict';

    // Get the setting for bookmark functionality
    let useBookmark = GM_getValue('useBookmark', false);

    // Function to like, retweet, and optionally bookmark
    function likeRetweetBookmark(post, button) {
        const likeButton = post.querySelector('[data-testid="like"]');
        const retweetButton = post.querySelector('[data-testid="retweet"]');
        const unlikeButton = post.querySelector('[data-testid="unlike"]');
        const undoRetweetButton = post.querySelector('[data-testid="unretweet"]');
        const bookmarkButton = post.querySelector('[data-testid="bookmark"]');
        const removeBookmarkButton = post.querySelector('[data-testid="removeBookmark"]');

        // Handle action when button is already liked/retweeted/bookmarked
        if (button.liked) {
            unlikeButton?.click();
            undoRetweetButton?.click();
            setTimeout(() => {
                document.querySelector('[data-testid="unretweetConfirm"]')?.click();
            }, 0);

            if (useBookmark) {
                removeBookmarkButton?.click();
            }
        } else {
            likeButton?.click();
            retweetButton?.click();
            setTimeout(() => {
                document.querySelector('[data-testid="retweetConfirm"]')?.click();
            }, 0);

            if (useBookmark) {
                bookmarkButton?.click();
            }
        }

        button.liked = !button.liked;
    }

    // Function to add "L & R" button (or "L/R/B" if bookmark is on)
    function addLikeRetweetBookmarkButton(post) {
        if (post.querySelector('.auto-like-retweet-bookmark')) return;

        const actionBar = post.querySelector('[role="group"]');
        if (!actionBar) return;

        const likeButton = post.querySelector('[data-testid="like"]');
        const retweetButton = post.querySelector('[data-testid="retweet"]');
        if (!likeButton || !retweetButton) return;

        const button = document.createElement('button');
        button.innerText = useBookmark ? "L/R/B" : "L & R";
        button.classList.add('auto-like-retweet-bookmark');
        button.liked = false;

        Object.assign(button.style, {
            marginLeft: "10px",
            padding: "5px 8px",
            backgroundColor: "transparent",
            color: "#1DA1F2",
            border: "1px solid #1DA1F2",
            borderRadius: "20px",
            cursor: "pointer",
            fontSize: "14px",
            fontWeight: "bold",
            transition: "background-color 0.3s"
        });

        button.onmouseover = () => button.style.backgroundColor = "rgba(29, 161, 242, 0.1)";
        button.onmouseout = () => button.style.backgroundColor = "transparent";

        button.addEventListener('click', () => likeRetweetBookmark(post, button));
        actionBar.appendChild(button);
    }

    // Function to observe new posts
    function observePosts() {
        const observer = new MutationObserver(mutations => {
            mutations.forEach(mutation => {
                mutation.addedNodes.forEach(node => {
                    if (node.nodeType === 1 && node.matches('.css-175oi2r')) {
                        addLikeRetweetBookmarkButton(node);
                    }
                });
            });
        });

        const feed = document.querySelector('main, [role="main"]');
        if (feed) {
            observer.observe(feed, { childList: true, subtree: true });
            feed.querySelectorAll('.css-175oi2r').forEach(post => addLikeRetweetBookmarkButton(post));
        } else {
            setTimeout(observePosts, 2000);
        }
    }

    // Function to toggle the use of the bookmark feature from Tampermonkey settings menu
    function toggleBookmarkFeature() {
        useBookmark = !useBookmark;
        GM_setValue('useBookmark', useBookmark);
        updateButtonLabels();
    }

    // Function to update button labels after toggling the bookmark feature
    function updateButtonLabels() {
        document.querySelectorAll('.auto-like-retweet-bookmark').forEach(button => {
            button.innerText = useBookmark ? "L/R/B" : "L & R";
        });
    }

    // Register the menu command to toggle the bookmark feature
    GM_registerMenuCommand("Toggle Bookmark Feature", toggleBookmarkFeature);

    observePosts();
})();