Introduce Service Worker

[blindsweatyhansolo]

Service Worker

Introduce and establish Service Worker to handle caching

Register Service Worker:

• Before the closing tag in the index.html file, set up a function to register the Service Worker, with a conditional that checks for the existence of a SW in the global navigator object

Set up Service Worker:

• Add service-worker.js to root of public directory
  • Create APP_PREFIX variable
  • Create VERSION variable
  • Create CACHE_NAME variable set to concat APP_PREFIX and VERSION
  • Create array FILES_TO_CACHE to hold all files needed to cache
  • Add event listeners:
    • install - event listener that installs the SW and waits until the cache is opened and adds all files from FILES_TO_CACHE array
    • activate - event listener that activates SW and removes old/outdated data from the cache
    • fetch - event listener to intercept fetch requests and respond with cache matches

[blindsweatyhansolo]

Created instance of Service Worker in project, caches all icons, style sheet, index.html, idb.js and index.js files.

! Needs to be updated to cache manifest.json once created

[blindsweatyhansolo]

Updated files to cache to include manifest.json