jeffposnick/index.html

## index.html
<html>
  <head>
    <title>Test</title>
    <link rel="manifest" href="manifest.json">
  </head>
  <body>
    <p>
      If the <code>beforeinstallprompt</code> event fires, there will be a button displayed allowing
      you to use <code>prompt()</code> on the deferred event.
    </p>
    <button hidden>Show Prompt</button>
    <script>
      if ('serviceWorker' in navigator) {
        navigator.serviceWorker.register('sw.js');

        window.addEventListener('beforeinstallprompt', event => {
          event.preventDefault();
          var button = document.querySelector('button');
          button.removeAttribute('hidden');
          button.addEventListener('click', () => {
            event.prompt();
            button.setAttribute('disabled', true);
          });
        });
      }
    </script>
  </body>
</html>

## manifest.json
{
  "short_name": "PWA Test",
  "name": "PWA Test",
  "icons": [
    {
      "src": "https://raw.githubusercontent.com/jeffposnick/create-react-pwa/master/favicon.ico",
      "sizes": "192x192",
      "type": "image/png"
    }
  ],
  "start_url": "./",
  "display": "standalone"
}

## sw.js
self.addEventListener('install', () => self.skipWaiting());
self.addEventListener('activate', () => self.clients.claim());
	<html>
	<head>
	<title>Test</title>
	<link rel="manifest" href="manifest.json">
	</head>
	<body>
	<p>
	If the <code>beforeinstallprompt</code> event fires, there will be a button displayed allowing
	you to use <code>prompt()</code> on the deferred event.
	</p>
	<button hidden>Show Prompt</button>
	<script>
	if ('serviceWorker' in navigator) {
	navigator.serviceWorker.register('sw.js');

	window.addEventListener('beforeinstallprompt', event => {
	event.preventDefault();
	var button = document.querySelector('button');
	button.removeAttribute('hidden');
	button.addEventListener('click', () => {
	event.prompt();
	button.setAttribute('disabled', true);
	});
	});
	}
	</script>
	</body>
	</html>
	{
	"short_name": "PWA Test",
	"name": "PWA Test",
	"icons": [
	{
	"src": "https://raw.githubusercontent.com/jeffposnick/create-react-pwa/master/favicon.ico",
	"sizes": "192x192",
	"type": "image/png"
	}
	],
	"start_url": "./",
	"display": "standalone"
	}
	self.addEventListener('install', () => self.skipWaiting());
	self.addEventListener('activate', () => self.clients.claim());