From 3ef5ec378d020844af7d7be99731afc1357a2175 Mon Sep 17 00:00:00 2001 From: mayx Date: Tue, 15 Jul 2025 03:43:20 +0000 Subject: Update 5 files - /.github/PULL_REQUEST_TEMPLATE.yml - /assets/js/rss-feed-preview.js - /links.md - /sitemap.xsl - /.github/PULL_REQUEST_TEMPLATE.md--- assets/js/rss-feed-preview.js | 397 +++++++++++++++++++----------------------- 1 file changed, 179 insertions(+), 218 deletions(-) (limited to 'assets') diff --git a/assets/js/rss-feed-preview.js b/assets/js/rss-feed-preview.js index 2929622..30af324 100644 --- a/assets/js/rss-feed-preview.js +++ b/assets/js/rss-feed-preview.js @@ -2,235 +2,196 @@ * RSS/Atom Feed Preview for Links Table */ -(function() { - const existingPreviews = document.querySelectorAll('#rss-feed-preview'); - existingPreviews.forEach(el => el.remove()); - - const CORS_PROXY = 'https://cors-anywhere.mayx.eu.org/?'; - - const createPreviewElement = () => { - const existingPreview = document.getElementById('rss-feed-preview'); - if (existingPreview) { - return existingPreview; - } - - const previewEl = document.createElement('div'); - previewEl.id = 'rss-feed-preview'; - previewEl.style.cssText = ` - position: fixed; - display: none; - width: 300px; - max-height: 400px; - overflow-y: auto; - background-color: white; - border: 1px solid #ccc; - border-radius: 5px; - padding: 10px; - box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); - z-index: 1000; - font-size: 14px; - line-height: 1.4; - `; - document.body.appendChild(previewEl); - return previewEl; - }; - - const parseRSS = (xmlText) => { - const parser = new DOMParser(); - const xml = parser.parseFromString(xmlText, 'text/xml'); - - const rssItems = xml.querySelectorAll('item'); - if (rssItems.length > 0) { - return Array.from(rssItems).slice(0, 5).map(item => { - return { - title: item.querySelector('title')?.textContent || 'No title', - date: item.querySelector('pubDate')?.textContent || 'No date', - }; - }); - } - - const atomItems = xml.querySelectorAll('entry'); - if (atomItems.length > 0) { - return Array.from(atomItems).slice(0, 5).map(item => { - return { - title: item.querySelector('title')?.textContent || 'No title', - date: item.querySelector('updated')?.textContent || 'No date', - }; - }); - } - - return null; - }; - - const checkFeed = async (url) => { - try { - const response = await fetch(CORS_PROXY + url); - if (!response.ok) { - return null; - } - - const text = await response.text(); - return parseRSS(text); - } catch (error) { - return null; - } - }; - - const findFeedUrl = async (siteUrl, linkElement) => { - if (linkElement && linkElement.hasAttribute('data-feed')) { - const dataFeedUrl = linkElement.getAttribute('data-feed'); - if (dataFeedUrl) { - const feedItems = await checkFeed(dataFeedUrl); - if (feedItems) { - return { url: dataFeedUrl, items: feedItems }; - } - } - } - - return null; - }; - - const escapeHTML = (str) => { - return String(str).replace(/[&<>"'/]/g, (c) => ({ +(function () { + if (window.rssFeedPreviewInitialized) + return; + window.rssFeedPreviewInitialized = true; + + var CORS_PROXY = 'https://cors-anywhere.mayx.eu.org/?'; + + var $previewEl = $('
', { + id: 'rss-feed-preview' + }).css({ + position: 'fixed', + display: 'none', + width: '300px', + maxHeight: '400px', + overflowY: 'auto', + backgroundColor: 'white', + border: '1px solid #ccc', + borderRadius: '5px', + padding: '10px', + fontSize: '14px', + lineHeight: '1.4', + zIndex: 1000, + boxShadow: '0 2px 10px rgba(0,0,0,0.1)' + }); + + $('body').append($previewEl); + + function escapeHTML(str) { + return String(str).replace(/[&<>"']/g, function (c) { + return { '&': '&', '<': '<', '>': '>', '"': '"', - "'": ''', - '/': '/' - }[c])); - }; - - const renderFeedItems = (previewEl, items, siteName) => { - if (!items || items.length === 0) { - previewEl.innerHTML = '

No feed items found.

'; - return; - } - - let html = `

Latest from ${siteName}

'; - previewEl.innerHTML = html; - }; - - const positionPreview = (previewEl, event) => { - const viewportWidth = window.innerWidth; - const viewportHeight = window.innerHeight; - - let left = event.clientX + 20; - let top = event.clientY + 20; - - const rect = previewEl.getBoundingClientRect(); - - if (left + rect.width > viewportWidth) { - left = event.clientX - rect.width - 20; - } - - if (top + rect.height > viewportHeight) { - top = event.clientY - rect.height - 20; + }); + + return result; + } + + function checkFeed(url, callback) { + $.ajax({ + url: CORS_PROXY + url, + type: 'GET', + dataType: 'text', + success: function (data) { + var items = parseRSS(data); + callback(items); + }, + error: function () { + callback(null); } - - left = Math.max(10, left); - top = Math.max(10, top); - - previewEl.style.left = `${left}px`; - previewEl.style.top = `${top}px`; - }; - - const initFeedPreview = () => { - const previewEl = createPreviewElement(); - - const tableLinks = document.querySelectorAll('main table tbody tr td a'); - - const feedCache = {}; - - let currentLink = null; - let loadingTimeout = null; - - tableLinks.forEach(link => { - link.addEventListener('mouseenter', async (event) => { - currentLink = link; - const url = link.getAttribute('href'); - const siteName = link.textContent; - - previewEl.innerHTML = '

Checking for RSS/Atom feed...

'; - previewEl.style.display = 'block'; - positionPreview(previewEl, event); - - if (loadingTimeout) { - clearTimeout(loadingTimeout); + }); + } + + function renderFeedItems(items, siteName) { + if (!items || !items.length) { + $previewEl.html('

No feed items found.

'); + return; + } + + var html = '

Latest from ' + escapeHTML(siteName) + '

'; + $previewEl.html(html); + } + + function positionPreview(e) { + e = e || window.event; + + var x = e.clientX; + var y = e.clientY; + + var offsetWidth = $previewEl.outerWidth(); + var offsetHeight = $previewEl.outerHeight(); + + var left = x + 20; + var top = y + 20; + + if (left + offsetWidth > $(window).width()) { + left = x - offsetWidth - 20; + } + if (top + offsetHeight > $(window).height()) { + top = y - offsetHeight - 20; + } + + $previewEl.css({ + left: Math.max(10, left), + top: Math.max(10, top) + }); + } + + + function init() { + var cache = {}; + var currentLink = null; + var timeout = null; + + $('main table tbody tr td a').each(function () { + var $link = $(this); + + $link.on('mouseenter', function (e) { + currentLink = this; + var siteName = $link.text(); + var url = $link.attr('data-feed'); + if (!url) + return; + + $previewEl.html('

Checking for RSS/Atom feed...

').show(); + positionPreview(e); + + if (timeout) + clearTimeout(timeout); + timeout = setTimeout(function () { + if (cache[url]) { + renderFeedItems(cache[url], siteName); + positionPreview(e); + return; } - - loadingTimeout = setTimeout(async () => { - if (feedCache[url]) { - renderFeedItems(previewEl, feedCache[url].items, siteName); - positionPreview(previewEl, event); // Reposition after content is loaded - return; - } - - const feedData = await findFeedUrl(url, link); - - if (currentLink === link) { - if (feedData) { - feedCache[url] = feedData; - renderFeedItems(previewEl, feedData.items, siteName); - positionPreview(previewEl, event); // Reposition after content is loaded + + if (url) { + checkFeed(url, function (items) { + if (currentLink === $link[0] && items) { + cache[url] = items; + renderFeedItems(items, siteName); + positionPreview(e); } else { - previewEl.style.display = 'none'; + $previewEl.hide(); } - } - }, 300); - }); - - link.addEventListener('mousemove', (event) => { - if (previewEl.style.display === 'block') { - window.requestAnimationFrame(() => { - positionPreview(previewEl, event); }); + } else { + $previewEl.hide(); } - }); - - link.addEventListener('mouseleave', () => { - if (loadingTimeout) { - clearTimeout(loadingTimeout); - loadingTimeout = null; - } - - currentLink = null; - previewEl.style.display = 'none'; - }); + }, 300); }); - - document.addEventListener('click', (event) => { - if (!previewEl.contains(event.target)) { - previewEl.style.display = 'none'; - } + + $link.on('mousemove', function (e) { + if ($previewEl.is(':visible')) + positionPreview(e); }); - }; - - if (!window.rssFeedPreviewInitialized) { - window.rssFeedPreviewInitialized = true; - - if (document.readyState === 'loading') { - document.addEventListener('DOMContentLoaded', initFeedPreview); - } else { - initFeedPreview(); + + $link.on('mouseleave', function () { + clearTimeout(timeout); + timeout = null; + currentLink = null; + $previewEl.hide(); + }); + }); + + $(document).on('click', function (e) { + if (!$(e.target).closest('#rss-feed-preview').length) { + $previewEl.hide(); } - } - })(); - \ No newline at end of file + }); + } + + if (document.readyState === 'complete' || document.readyState === 'interactive') { + init(); + } else { + $(document).ready(init); + } +})(); -- cgit 1.4.1-2-gfad0