☰

FreshRSS Double-Tap and Auto-Scroll

Double-tap to close active articles and auto-scroll to the active article in FreshRSS

当前为 2025-02-04 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         FreshRSS Double-Tap and Auto-Scroll
  3. // @namespace    http://tampermonkey.net/
  4. // @version      2.1
  5. // @description  Double-tap to close active articles and auto-scroll to the active article in FreshRSS
  6. // @author       Your Name
  7. // @homepage     https://greasyfork.org/en/scripts/525912
  8. // @match        http://192.168.1.2:1030/*
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     'use strict';
  14.     
  15.     // Debug mode
  16.     const DEBUG = false;
  17.     
  18.     function debugLog(message) {
  19.         if (DEBUG) {
  20.             console.log(`[FreshRSS Script]: ${message}`);
  21.         }
  22.     }
  23.     
  24.     debugLog('Script loaded');
  25.  
  26.     // Function to scroll to element
  27.     function scrollToElement(element) {
  28.         if (element) {
  29.             const header = document.querySelector('header');
  30.             const headerHeight = header ? header.offsetHeight : 0;
  31.             const elementPosition = element.getBoundingClientRect().top + window.pageYOffset;
  32.             const offsetPosition = elementPosition - headerHeight - 10;
  33.  
  34.             window.scrollTo({
  35.                 top: offsetPosition,
  36.                 behavior: 'smooth'
  37.             });
  38.             debugLog('Scrolling to element: ' + element.id);
  39.         }
  40.     }
  41.  
  42.     // Handle double-tap to close
  43.     document.addEventListener('dblclick', function(event) {
  44.         const interactiveElements = ['A', 'BUTTON', 'INPUT', 'TEXTAREA', 'SELECT', 'LABEL'];
  45.         if (interactiveElements.includes(event.target.tagName)) {
  46.             debugLog('Ignored double-tap on interactive element');
  47.             return;
  48.         }
  49.  
  50.         const activeElement = event.target.closest('.flux.active');
  51.         if (activeElement) {
  52.             activeElement.classList.remove('active');
  53.             debugLog('Closed article via double-tap');
  54.             // scrollToElement(activeElement);
  55.             activeElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
  56.         }
  57.     });
  58.  
  59.     // mutation observer to catch programmatic changes
  60.     const observer = new MutationObserver((mutations) => {
  61.         mutations.forEach((mutation) => {
  62.             if (mutation.target.classList && mutation.target.classList.contains('flux')) {
  63.                 if (mutation.target.classList.contains('active')) {
  64.                     debugLog('Article became active via mutation');
  65.                     scrollToElement(mutation.target);
  66.                 }
  67.             }
  68.         });
  69.     });
  70.  
  71.     // Start observing the document with the configured parameters
  72.     observer.observe(document.body, {
  73.         attributes: true,
  74.         attributeFilter: ['class'],
  75.         subtree: true
  76.     });
  77. })();