You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
1.0 KiB
JavaScript
46 lines
1.0 KiB
JavaScript
import { Layout } from "./components/layout.js"
|
|
import { Page } from "./components/page.js"
|
|
import { Header } from "./components/header.js"
|
|
import { NavMenu } from "./components/nav-menu.js"
|
|
|
|
customElements.define('m-layout', Layout)
|
|
customElements.define('m-page', Page)
|
|
customElements.define('m-header', Header)
|
|
customElements.define('m-nav-menu', NavMenu)
|
|
|
|
class Setup {
|
|
async run() {
|
|
navigator.serviceWorker
|
|
.addEventListener('controllerchange', () => {
|
|
if (this.registration.active) {
|
|
window.location.reload(true)
|
|
}
|
|
})
|
|
await this.register()
|
|
this.load()
|
|
}
|
|
|
|
async register() {
|
|
try {
|
|
this.registration =
|
|
await navigator.serviceWorker.register(
|
|
'/sw.js',
|
|
{scope: '/'}
|
|
)
|
|
} catch (err) {
|
|
console.error(
|
|
'error registering service worker', err
|
|
)
|
|
}
|
|
}
|
|
|
|
load() {
|
|
if (this.registration.active) {
|
|
document.body.appendChild(
|
|
document.createElement('m-layout')
|
|
)
|
|
}
|
|
}
|
|
}
|
|
|
|
new Setup().run() |