User:DreamRimmer/UpdateNotificationsWatchlist.js

Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

/*** Update Notifications ***/
// This script updates the notifications when you click the "View New Changes" link on the watchlist page.
// Fork of [[User:BrandonXLF/UpdateNotifications.js]]


$(function() {
    if (mw.config.get('wgCanonicalSpecialPageName') !== 'Watchlist') {
        return;
    }

    var crossWiki = mw.user.options.get('echo-cross-wiki-notifications'),
        shownTime = Date.now();

    function updateIcon(id, data) {
        $('#' + id + ' a')
            .toggleClass('mw-echo-unseen-notifications', data.latest > data.seen)
            .toggleClass('mw-echo-notifications-badge-all-read', !data.count)
            .attr('data-counter-num', data.count)
            .attr('data-counter-text', data.count);
    }

    function updateCount(status) {
        if (!window.noUpdateNotificationNotice && (status.alert.latest > shownTime || status.message.latest > shownTime)) {
            shownTime = Date.now();
            mw.notify('New notification received!');
        }

        updateIcon('pt-notifications-alert', status.alert);
        updateIcon('pt-notifications-notice', status.message);
    }

    function getData() {
        new mw.Api().get({
            action: 'query',
            format: 'json',
            meta: 'notifications',
            notprop: 'list|count|seenTime',
            notlimit: 1,
            notgroupbysection: true,
            notalertunreadfirst: true,
            notmessageunreadfirst: true,
            notcrosswikisummary: crossWiki
        }).then(function(res) {
            var info = res.query.notifications,
                status = {
                    alert: {
                        seen: Date.parse(info.alert.seenTime),
                        latest: info.alert.list[0].timestamp.utcunix,
                        count: info.alert.rawcount
                    },
                    message: {
                        seen: Date.parse(info.message.seenTime),
                        latest: info.message.list[0].timestamp.utcunix,
                        count: info.message.rawcount
                    }
                };

            localStorage.setItem('update-notifications-status', JSON.stringify(status));
            updateCount(status);
        });
    }

    window.addEventListener('storage', function(e) {
        if (e.key == 'update-notifications-status') updateCount(JSON.parse(e.newValue));
    });

    $('.mw-rcfilters-ui-filterWrapperWidget-showNewChanges a').on('click', function() {
        getData();
    });
});