☰

See unfollows [neocities.org]

See people who unfollowed you. Also shows when people change their site name.

  1. // ==UserScript==
  2. // @name         See unfollows [neocities.org]
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.8.3
  5. // @description  See people who unfollowed you. Also shows when people change their site name.
  6. // @author       https://neocities.org/site/dimden
  7. // @match        https://neocities.org/
  8. // @match        https://neocities.org/?page=*
  9. // @match        https://neocities.org/site/*
  10. // @icon         https://www.google.com/s2/favicons?sz=64&domain=neocities.org
  11. // @grant        none
  12. // @run-at       document-end
  13. // @license      MIT
  14. // ==/UserScript==
  15.  
  16. (async () => {
  17.     let mySite = document.querySelector(".dropdown-menu > li > a[href^='/site/']").href.split('neocities.org/site/')[1];
  18.     if(location.pathname.startsWith('/site/')) {
  19.         let currentLocation = location.pathname.slice(6).split("?")[0].split("#")[0];
  20.         if(currentLocation !== mySite) return;
  21.     }
  22.     function getDateFromTimeAgo(timeString) {
  23.         const timeAgo = { hours: 0, minutes: 0, seconds: 0, days: 0, weeks: 0, months: 0, years: 0 };
  24.  
  25.         const secondsAgoMatches = timeString.match(/^(\d+) (seconds? ago)/);
  26.         const minutesAgoMatches = timeString.match(/^(\d+) (minutes? ago)/);
  27.         const hoursAgoMatches = timeString.match(/^(\d+) (hours? ago)/);
  28.         const daysAgoMatches = timeString.match(/^(\d+) (days? ago)/);
  29.         const weeksAgoMatches = timeString.match(/^(\d+) (weeks? ago)/);
  30.         const monthsAgoMatches = timeString.match(/^(\d+) (months? ago)/);
  31.         const yearsAgoMatches = timeString.match(/^(\d+) (years? ago)/);
  32.  
  33.         if (secondsAgoMatches) {
  34.             timeAgo.seconds = secondsAgoMatches[1];
  35.         }
  36.         if (minutesAgoMatches) {
  37.             timeAgo.minutes = minutesAgoMatches[1];
  38.         }
  39.         if (hoursAgoMatches) {
  40.             timeAgo.hours = hoursAgoMatches[1];
  41.         }
  42.         if (daysAgoMatches) {
  43.             timeAgo.days = daysAgoMatches[1];
  44.         }
  45.         if (weeksAgoMatches) {
  46.             timeAgo.weeks = weeksAgoMatches[1];
  47.         }
  48.         if (monthsAgoMatches) {
  49.             timeAgo.months = monthsAgoMatches[1];
  50.         }
  51.         if (yearsAgoMatches) {
  52.             timeAgo.years = yearsAgoMatches[1];
  53.         }
  54.  
  55.         let d = Date.now();
  56.         d -= timeAgo.seconds * 1000;
  57.         d -= timeAgo.minutes * 60 * 1000;
  58.         d -= timeAgo.hours * 60 * 60 * 1000;
  59.         d -= timeAgo.days * 24 * 60 * 60 * 1000;
  60.         d -= timeAgo.weeks * 7 * 24 * 60 * 60 * 1000;
  61.         d -= timeAgo.months * 30 * 24 * 60 * 60 * 1000;
  62.         d -= timeAgo.years * 365 * 24 * 60 * 60 * 1000;
  63.  
  64.         return d;
  65.     }
  66.  
  67.     function findBetween(date) {
  68.         let news = Array.from(document.getElementsByClassName('news-item')).map(e => ({ el: e, time: getDateFromTimeAgo(e.getElementsByClassName('date')?.[0]?.innerText ?? '1 second ago') }));
  69.         for (let i = 0; i < news.length; i++) {
  70.             if (news[i].time < date && Math.abs(news[i].time-date) < 8.82e+7) {
  71.                 return news[i].el;
  72.             }
  73.         }
  74.     }
  75.     const relativeTimePeriods = [
  76.         [31536000, 'year'],
  77.         [2419200, 'month'],
  78.         [604800, 'week'],
  79.         [86400, 'day'],
  80.         [3600, 'hour'],
  81.         [60, 'minute'],
  82.         [1, 'second']
  83.     ];
  84.  
  85.     function relativeTime(date) {
  86.         if (!(date instanceof Date)) date = new Date(date * 1000);
  87.         const seconds = (new Date() - date) / 1000;
  88.         for (let [secondsPer, name] of relativeTimePeriods) {
  89.             if (seconds >= secondsPer) {
  90.                 const amount = Math.floor(seconds / secondsPer);
  91.                 return `${amount} ${name}${amount && amount !== 1 ? 's' : ''} ago`;
  92.             }
  93.         }
  94.         return 'just now';
  95.     }
  96.     async function getCurrentFollowers() {
  97.         const followerPage = await fetch(`https://neocities.org/site/${mySite}/followers`).then(res => res.text());
  98.         try {
  99.             const parser = new DOMParser();
  100.             const doc = parser.parseFromString(followerPage, "text/html");
  101.             return Array.from(doc.querySelectorAll('.username > a')).map(u => u.innerText.replace(/\n/g, '').trim()).filter(u => !u.includes('/'));
  102.         } catch(e) {
  103.             console.error('error getting followers', e);
  104.             console.log(followerPage);
  105.         }
  106.         return [];
  107.     }
  108.  
  109.     let currentFollowers = await getCurrentFollowers();
  110.     if(currentFollowers.length === 0) return;
  111.  
  112.     let previousFollowers = localStorage.followings ? JSON.parse(localStorage.followings) : [];
  113.     let newUnfollows = previousFollowers.filter(e => !currentFollowers.includes(e));
  114.     let unfollows = localStorage.unfollows ? JSON.parse(localStorage.unfollows) : [];
  115.     let renamed;
  116.     let notifCount = document.getElementsByClassName("notification-value")[0];
  117.     if(newUnfollows.length === 1 && currentFollowers.length === previousFollowers.length && !notifCount) {
  118.         renamed = currentFollowers.find(f => !previousFollowers.includes(f));
  119.     }
  120.  
  121.     for (let i in newUnfollows) {
  122.         unfollows.push([newUnfollows[i], Date.now(), !(await fetch(`https://neocities.org/site/${newUnfollows[i]}`, {redirect: 'manual'})).ok, renamed]);
  123.     }
  124.     unfollows = unfollows.filter(u => !currentFollowers.includes(u[0]));
  125.  
  126.     localStorage.unfollows = JSON.stringify(unfollows);
  127.     localStorage.followings = JSON.stringify(currentFollowers);
  128.  
  129.     unfollows = unfollows.reverse();
  130.     for (let i in unfollows) {
  131.         let [nick, date, disabledProfile, renamed] = unfollows[i];
  132.         let el = findBetween(date);
  133.         if (el) {
  134.             let unfollowElement = document.createElement('div');
  135.             unfollowElement.className = 'news-item unfollow';
  136.             unfollowElement.innerHTML = /*html*/`
  137.         <div class="title">
  138.             <div class="icon"><a href="/site/${nick}" title="${nick}" class="avatar" style="background-image: url(/site_screenshots/21/90/${nick}/index.html.50x50.jpg);"></a></div>
  139.             <div class="text">
  140.                 <a href="/site/${nick}" class="user">${nick}</a> ${renamed ? `renamed to <a href="/site/${renamed}" class="user">${renamed}</a>` : disabledProfile ? 'disabled profile.' : 'unfollowed you!'}
  141.             </div>
  142.             <a class="date" style="color:#aaa" href="https://greasyfork.org/en/scripts/450226-see-unfollows-neocities-org" target="_blank">detected ${relativeTime(new Date(date))}</a>
  143.         </div>`;
  144.             el.before(unfollowElement);
  145.         }
  146.     }
  147. })();