☰

Feedly : get back Keep Unread button

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

  1. // ==UserScript==
  2. // @name     Feedly : get back Keep Unread button
  3. // @namespace JML
  4. // @version  1
  5. // @grant    none
  6. // @include  https://feedly.com/*
  7. // @license MIT 
  8. // @description Get back the Keep Unread button visible when reading an article in Feedly.
  9. // ==/UserScript==
  10.  
  11. function simulateKey(letter) {
  12.   // Use the currently active element or body
  13.   const el = document.activeElement || document.body;
  14.   
  15.   // Get the code for the letter
  16.   const code = 'Key' + letter.toUpperCase();
  17.   // Get the keyCode (ASCII code)
  18.   const keyCode = letter.charCodeAt(0);
  19.   
  20.   // Trigger keydown event
  21.   el.dispatchEvent(new KeyboardEvent('keydown', {
  22.     key: letter,
  23.     code: code,
  24.     keyCode: keyCode,
  25.     bubbles: true
  26.   }));
  27.   
  28.   // Trigger keyup event
  29.   el.dispatchEvent(new KeyboardEvent('keyup', {
  30.     key: letter,
  31.     code: code,
  32.     keyCode: keyCode,
  33.     bubbles: true
  34.   }));
  35. }
  36.  
  37. (function() {
  38.     'use strict';
  39.     function modifyButtonBar() {
  40.         console.log("🔍 Attempting to modify the button bar...");
  41.         
  42.         // Check if the button already exists
  43.         if (document.querySelector('.keep-unread-button')) {
  44.             console.log("✅ Button already exists.");
  45.             return; // If the button already exists, don't create it again.
  46.         }
  47.         const buttonBar = document.querySelector('.ShareBar__wrapper');
  48.         
  49.         if (buttonBar) {
  50.             console.log("✅ Button bar found");
  51.           
  52.             // get the "..." menu
  53.             const bMoreServices = document.querySelector('button[title="More services"]');
  54.             if (!bMoreServices) {
  55.                 console.log("❌ More services not found!");
  56.                 return;
  57.             }
  58.             
  59.             // Create Keep Unread button:
  60.             const bKeepUnread = document.createElement('button');
  61.           
  62.             bKeepUnread.addEventListener('click', function() {
  63.                 simulateKey("m");
  64.             });
  65.             
  66.             bKeepUnread.classList.add('keep-unread-button'); // Add a class to avoid recreating it
  67.             bKeepUnread.innerHTML = `
  68.                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="icon__B4xp9 icon color--secondary__WX5GF">
  69.                     <g fill="currentColor" fill-rule="nonzero">
  70.                         <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>
  71.                         <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>
  72.                     </g>
  73.                 </svg>
  74.                 Keep Unread`;
  75.             
  76.             // Add classes css from "..." menu
  77.             bKeepUnread.classList.add(...bMoreServices.classList);
  78.             
  79.             // Add the button to the bar
  80.             //buttonBar.appendChild(bKeepUnread);
  81.             buttonBar.insertBefore(bKeepUnread, buttonBar.firstChild);
  82.         }
  83.     }
  84.     // Execute the function after the page has loaded
  85.     window.addEventListener('load', modifyButtonBar);
  86.     // Observe changes in the DOM in case new elements are added dynamically
  87.     const observer = new MutationObserver(modifyButtonBar);
  88.     observer.observe(document.body, { childList: true, subtree: true });
  89. })();