service worker code file some changes done

Author: vigneshwaran-chandrasekaran

public/index.html

@@ -7,11 +7,13 @@
 		<meta name="theme-color" content="#000000" />
 		<meta name="description" content="Todo App" />
 		<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+		<!-- <link rel="apple-touch-icon" href="./logo192.png" /> -->
 		<!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
 		<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+		<!-- <link rel="manifest" href="./manifest.json" /> -->
 		<!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -41,7 +43,9 @@
 			window.addEventListener('load', () => {
 				console.log('serviceWorker custom');
 				navigator.serviceWorker
-					.register('./my-serviceworker.js')
+					.register('./my-serviceworker.js', {
+						// scope: '.', // <--- THIS BIT IS REQUIRED
+					})
 					.then((reg) => console.log('Success: ', reg.scope))
 					.catch((err) => console.log('Failure: ', err));
 			});

public/my-serviceworker.js

@@ -1,5 +1,6 @@
 const CACHE_NAME = 'version-1';
 const urlsToCache = [
+	'/',
 	'index.html',
 	'offline.html',
 	'https://todo-restapi-app.herokuapp.com/api/todos',

src/serviceWorker.js

@@ -34,7 +34,9 @@ export function register(config) {
 		window.addEventListener('load', () => {
 			const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
 
+			console.log('swUrl', swUrl);
 			if (isLocalhost) {
+				console.log('if part');
 				// This is running on localhost. Let's check if a service worker still exists or not.
 				checkValidServiceWorker(swUrl, config);
 
@@ -48,6 +50,7 @@ export function register(config) {
 				});
 			} else {
 				// Is not localhost. Just register service worker
+				console.log('else part');
 				registerValidSW(swUrl, config);
 			}
 		});
@@ -58,6 +61,7 @@ function registerValidSW(swUrl, config) {
 	navigator.serviceWorker
 		.register(swUrl)
 		.then((registration) => {
+			console.log('react sw working ........ . . . . . .');
 			registration.onupdatefound = () => {
 				console.log('serviceWorker working');
 				const installingWorker = registration.installing;