53 lines
1.7 KiB
JavaScript
53 lines
1.7 KiB
JavaScript
export default () => {
|
|
//*** Determine whether or not the PWA has been installed. ***//
|
|
|
|
// Step 1: Check local storage
|
|
let pwaInstalled = localStorage.getItem('pwaInstalled') === 'yes';
|
|
|
|
// Step 2: Check if the display-mode is standalone. (Only permitted for PWAs.)
|
|
if (!pwaInstalled && window.matchMedia('(display-mode: standalone)').matches) {
|
|
localStorage.setItem('pwaInstalled', 'yes');
|
|
pwaInstalled = true;
|
|
}
|
|
|
|
// Step 3: Check if the navigator is in standalone mode. (Again, only permitted for PWAs.)
|
|
if (!pwaInstalled && window.navigator.standalone === true) {
|
|
localStorage.setItem('pwaInstalled', 'yes');
|
|
pwaInstalled = true;
|
|
}
|
|
|
|
//*** If the PWA has not been installed, show the install PWA prompt.. ***//
|
|
let deferredPrompt = null;
|
|
window.addEventListener('beforeinstallprompt', (event) => {
|
|
deferredPrompt = event;
|
|
|
|
// Show the install button if the prompt appeared.
|
|
if (!pwaInstalled) {
|
|
document.querySelector('#installPWA').style.display = 'inline-flex';
|
|
}
|
|
});
|
|
|
|
// When the app is installed, remove install prompts.
|
|
window.addEventListener('appinstalled', (event) => {
|
|
localStorage.setItem('pwaInstalled', 'yes');
|
|
pwaInstalled = true;
|
|
document.getElementById('installPWA').style.display = 'none';
|
|
});
|
|
|
|
// When the app is uninstalled, add the prompts back
|
|
return async () => {
|
|
if (deferredPrompt) {
|
|
deferredPrompt.prompt();
|
|
let outcome = await deferredPrompt.userChoice;
|
|
|
|
if (outcome === 'accepted') {
|
|
console.log('Postwoman was installed successfully.')
|
|
} else {
|
|
console.log('Postwoman could not be installed. (Installation rejected by user.)')
|
|
}
|
|
deferredPrompt = null;
|
|
}
|
|
};
|
|
|
|
};
|