Feedly : get back Keep Unread button

Get back the Keep Unread button visible when reading an article in Feedly.

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

You will need to install an extension such as Tampermonkey to install this script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

// ==UserScript==
// @name     Feedly : get back Keep Unread button
// @namespace JML
// @version  1
// @grant    none
// @include  https://feedly.com/*
// @license MIT 
// @description Get back the Keep Unread button visible when reading an article in Feedly.
// ==/UserScript==

function simulateKey(letter) {
  // Use the currently active element or body
  const el = document.activeElement || document.body;
  
  // Get the code for the letter
  const code = 'Key' + letter.toUpperCase();
  // Get the keyCode (ASCII code)
  const keyCode = letter.charCodeAt(0);
  
  // Trigger keydown event
  el.dispatchEvent(new KeyboardEvent('keydown', {
    key: letter,
    code: code,
    keyCode: keyCode,
    bubbles: true
  }));
  
  // Trigger keyup event
  el.dispatchEvent(new KeyboardEvent('keyup', {
    key: letter,
    code: code,
    keyCode: keyCode,
    bubbles: true
  }));
}

(function() {
    'use strict';
    function modifyButtonBar() {
        console.log("🔍 Attempting to modify the button bar...");
        
        // Check if the button already exists
        if (document.querySelector('.keep-unread-button')) {
            console.log("✅ Button already exists.");
            return; // If the button already exists, don't create it again.
        }
        const buttonBar = document.querySelector('.ShareBar__wrapper');
        
        if (buttonBar) {
            console.log("✅ Button bar found");
          
            // get the "..." menu
            const bMoreServices = document.querySelector('button[title="More services"]');
            if (!bMoreServices) {
                console.log("❌ More services not found!");
                return;
            }
            
            // Create Keep Unread button:
            const bKeepUnread = document.createElement('button');
          
            bKeepUnread.addEventListener('click', function() {
                simulateKey("m");
            });
            
            bKeepUnread.classList.add('keep-unread-button'); // Add a class to avoid recreating it
            bKeepUnread.innerHTML = `
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="icon__B4xp9 icon color--secondary__WX5GF">
                    <g fill="currentColor" fill-rule="nonzero">
                        <path d="M15.429 8.5a6.071 6.071 0 0 1 .227 12.139l-.227.004h-4.286a.5.5 0 0 1-.09-.992l.09-.008h4.286a5.071 5.071 0 0 0 .22-10.138l-.22-.005H2.57a.5.5 0 0 1-.09-.992l.09-.008z"></path>
                        <path d="M6.504 4.358a.5.5 0 0 1 .765.638l-.058.07-3.933 3.93 3.933 3.934a.5.5 0 0 1 .058.637l-.058.07a.5.5 0 0 1-.638.058l-.07-.058L2.219 9.35a.5.5 0 0 1-.058-.638l.058-.07z"></path>
                    </g>
                </svg>
                Keep Unread`;
            
            // Add classes css from "..." menu
            bKeepUnread.classList.add(...bMoreServices.classList);
            
            // Add the button to the bar
            //buttonBar.appendChild(bKeepUnread);
            buttonBar.insertBefore(bKeepUnread, buttonBar.firstChild);
        }
    }
    // Execute the function after the page has loaded
    window.addEventListener('load', modifyButtonBar);
    // Observe changes in the DOM in case new elements are added dynamically
    const observer = new MutationObserver(modifyButtonBar);
    observer.observe(document.body, { childList: true, subtree: true });
})();