Mastodon feed link reordering userscript.

mastodon_feed_link_reorder.user.js

// ==UserScript==
// @name         Mastodon feed link reordering
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Puts the Notifications link immediately after Home, moving Trending and Live Feeds down. Designed for Mastodon v4.4 and later.
// @author       Graham Sutherland
// @match        https://chaos.social/*
// @icon         https://mastodon.social/favicon.ico
// @grant        none
// ==/UserScript==

(function() {
    'use strict';


    new MutationObserver(mutationList => {
        const HOME_HREF = "https://chaos.social/home";
        const NOTIFICATIONS_HREF = "https://chaos.social/notifications";
        const ATTRIB_NAME = "data-tampermonkey-notifications-moved";

        const menu = document.getElementsByClassName('navigation-panel__menu')[0];
        if (menu == null)
            return;
        if (menu.hasAttribute(ATTRIB_NAME))
            return;

        const menuItems = Array.from(menu.children).filter(a => a.tagName == "A");

        let homeLink = null;
        let notificationsLink = null;
        for (let link of menuItems)
        {
            if (link.href == HOME_HREF)
                homeLink = link;
            else if (link.href == NOTIFICATIONS_HREF)
                notificationsLink = link;
        }
        if (homeLink == null || notificationsLink == null)
        {
            console.log("Oops, couldn't find the home or notifications link. Check the link reordering user script.");
            return;
        }

        menu.insertBefore(notificationsLink, homeLink.nextElementSibling);
        menu.setAttribute(ATTRIB_NAME, "true");
    }).observe(document.body, { childList: true, subtree: true });
    

})();