[docs] service-worker cache busting mini-guide

Goal

always ensure a certain website displayed to visitor is the latest version, and not an old cached version (eg. with your main.js logic from a previous version)

Methods

are two ways I believe this is possible to implement:

1. make an API call that checks the version on a server/cloud function and returns the version which is to be checked against a version saved in the localStorage. If they don’t match prompt to reload the page.
2. use a service worker.

Service worker approach

I believe the common approach with a service worker is to expand a bit on the updated() hook like so:

updated() {
      console.log('New version needs refresh.');
      Notify.create({
        title: 'New version available: ' + require('./../package').version,
        actions: [
            {
                label: "Refresh",
                handler: () => window.location.reload(true)
            }
        ]
      })
    },

Request

I’m personally however very confused on how to do the whole “check the hash of the app against the new version of the service worker” or something.

There are many articles on this, but they all say different things, and the part about automatically exposing and checking against a hash of some sort is still confusing to me.

I’d love this to be an extra section on the handling-service-worker documentation page of Quasar!

[mesqueeb]

It’s Firebase Hosting apparently that caches index.html which is why my old .js files are being loaded, even when Quasar has hashes in their names.

Problem solved by this thread:

https://stackoverflow.com/questions/48589821/firebase-hosting-how-to-prevent-caching-for-the-index-html-of-an-spa

[mesqueeb]

Is it possible to add just the service worker to an SPA as well? Or do the usage of service workers require an app-manifest to exist as well?

I have some cases where somehow even SPAs sometimes are not loading the latest main.js but serve from cache instead. I want to prevent this by showing an “refresh for latest version” notification.