Package Exports
- @chaitanyapotti/register-service-worker
- @chaitanyapotti/register-service-worker/index.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@chaitanyapotti/register-service-worker) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
register-service-worker
A script to simplify service worker registration with hooks for common events.
Usage
Note: this script uses ES modules export and is expected to be used with a client side bundler that can handle ES modules syntax.
import { register } from 'register-service-worker'
register('/service-worker.js', {
registrationOptions: { scope: './' },
ready (registration) {
console.log('Service worker is active.')
},
registered (registration) {
console.log('Service worker has been registered.')
},
cached (registration) {
console.log('Content has been cached for offline use.')
},
updatefound (registration) {
console.log('New content is downloading.')
},
updated (registration) {
console.log('New content is available; please refresh.')
},
offline () {
console.log('No internet connection found. App is running in offline mode.')
},
error (error) {
console.error('Error during service worker registration:', error)
}
})The ready, registered, cached, updatefound and updated events passes a ServiceWorkerRegistration instance in their arguments.
The registrationOptions object will be passed as the second argument to ServiceWorkerContainer.register()