mirror of https://github.com/elk-zone/elk.git
25 lines
873 B
TypeScript
25 lines
873 B
TypeScript
|
export function useWebShareTarget(listener?: (message: MessageEvent) => void) {
|
||
|
|
if (process.server)
|
||
|
|
return
|
||
|
|
|
||
|
|
onBeforeMount(() => {
|
||
|
|
// PWA must be installed to use share target
|
||
|
|
if (useNuxtApp().$pwa.isInstalled && 'serviceWorker' in navigator) {
|
||
|
|
if (listener)
|
||
|
|
navigator.serviceWorker.addEventListener('message', listener)
|
||
|
|
|
||
|
|
navigator.serviceWorker.getRegistration()
|
||
|
|
.then((registration) => {
|
||
|
|
if (registration && registration.active) {
|
||
|
|
// we need to signal the service worker that we are ready to receive data
|
||
|
|
registration.active.postMessage({ action: 'ready-to-receive' })
|
||
|
|
}
|
||
|
|
})
|
||
|
|
.catch(err => console.error('Could not get registration', err))
|
||
|
|
|
||
|
|
if (listener)
|
||
|
|
onBeforeUnmount(() => navigator.serviceWorker.removeEventListener('message', listener))
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|