micgro42 / dokuwiki-plugin-pwaoffline

script.js

if ('serviceWorker' in navigator) {

The variable navigator seems to be never declared. If this is a global, consider adding a /** global: navigator */ comment.

    jQuery(function () {
        showMessage('Service Worker active!', 'success');
    });
    const serviceWorkerScript = DOKU_BASE + 'doku.php?do=pwaoffline_serviceworker';

The variable DOKU_BASE seems to be never declared. If this is a global, consider adding a /** global: DOKU_BASE */ comment.

    navigator.serviceWorker
        .register(serviceWorkerScript, {
                scope: '.'
            }
        )
        .then(function (registration) {
                if (registration.active) {
                    registration.active.postMessage({
                        type: 'getLastUpdate',
                    });
                }
            }
        )
    ;

    navigator.serviceWorker.addEventListener('message', function swMessageListener(event){
        console.log('[Main Script] received message: ', event.data);

console.log looks like debug code. Are you sure you do not want to remove it?

        switch(event.data.type) {
            case 'lastUpdate':
                jQuery.get(DOKU_BASE + 'lib/exe/ajax.php', {

The variable DOKU_BASE seems to be never declared. If this is a global, consider adding a /** global: DOKU_BASE */ comment.

                    call: 'plugin_pwaoffline',
                    ts: event.data.ts,
                }).done(function (data) {
                    navigator.serviceWorker.controller.postMessage({

The variable navigator seems to be never declared. If this is a global, consider adding a /** global: navigator */ comment.

                        type: 'updatePages',
                        pages: data,
                    });
                });
        }
    });

} else {
    jQuery(function () {
        showMessage('Service Worker not supported!', 'error');
    });
}

function reportStorageUsage() {

    /**
     * @param {int} size the size in byte
     * @returns {string} The size in mebibyte with appended unit
     */
    function getAsStringMiB(size) {
        const CONVERSION_FACTOR = 1024;
        return Math.round(size/(CONVERSION_FACTOR * CONVERSION_FACTOR) * 10) / 10 + ' MiB';
    }

    navigator.storage.estimate().then(estimate => {

The variable navigator seems to be never declared. If this is a global, consider adding a /** global: navigator */ comment.

        const perc = Math.round((estimate.usage / estimate.quota) * 100 * 100) / 100;
        const severity = perc > 80 ? 'error' : perc > 20 ? 'notify' : 'info';
        const usage = getAsStringMiB(estimate.usage);
        const quota = getAsStringMiB(estimate.quota);
        const msg = 'Current storage usage on this device for this origin: ' + usage + '/' + quota;
        showMessage(msg + ' ( ' + perc + ' % )', severity);
    });
}

function showMessage(message, severity) {
    let $msgArea = jQuery('div.pwaOfflineMSGArea');
    if (!$msgArea.length) {
        $msgArea = jQuery('<div>').addClass('pwaOfflineMSGArea');
        jQuery('#dokuwiki__header').after($msgArea);
    }
    $msgArea.append(jQuery('<div>')
        .text(message)
        .addClass(severity)
    );
}

jQuery(function () {

    const LIVE_DELAY = 10;
    const now = Math.floor(Date.now() / 1000);

    const lag = now - JSINFO.plugins.pwaoffline.ts;

The variable JSINFO seems to be never declared. If this is a global, consider adding a /** global: JSINFO */ comment.

    if (lag > LIVE_DELAY) {
        showMessage('This page may have been loaded from cache. Age in seconds: ' + lag, 'notify');
        jQuery('.dokuwiki').addClass('pwa--is-offline');
    }

    reportStorageUsage();

// if (!navigator.onLine) {
//     jQuery('<div></div>').text('You appear to be offline')
// }

});