pwa-defering-prompt.js

pwa-defering-prompt.js

/*
| --------------------------------------------------------------------------
|  Defering prompt
| --------------------------------------------------------------------------
*/

let deferredPrompt;

window.addEventListener('beforeinstallprompt', event =>{

  console.log('Before installprompt fired');

  event.preventDefault();

  deferredPrompt = event;

  return false; 

});


/**
 *  Invoke showPrompt() to trigger 
 *  the stashed event 
 *
 */
const showPrompt = () => {
    
  if( ! deferredPrompt ) return false;

  deferredPrompt.prompt();

  deferredPrompt.userChoice.then( choiceResult => {

    if (choiceResult.outcome === "dismissed") console.log('User cancelled install');

    if (choiceResult.outcome !== "dismissed") console.log('User added to HomeScreen');

  });

  deferredPrompt = null;

};