Remove old service worker

This commit is contained in:
Nicholas Zuber 2020-01-26 15:32:55 -05:00
parent a442426b50
commit 8a6eb27e96
2 changed files with 114 additions and 110 deletions

View File

@ -504,6 +504,10 @@ module.exports = {
ServiceWorker: {
events: true,
navigateFallbackURL: '/'
},
AppCache: {
events: true
}
}),
].filter(Boolean),

View File

@ -10,122 +10,122 @@
// To learn more about the benefits of this model and instructions on how to
// opt-in, read http://bit.ly/CRA-PWA.
const isLocalhost = Boolean(
window.location.hostname === 'localhost' ||
// [::1] is the IPv6 localhost address.
window.location.hostname === '[::1]' ||
// 127.0.0.1/8 is considered localhost for IPv4.
window.location.hostname.match(
/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
)
);
// const isLocalhost = Boolean(
// window.location.hostname === 'localhost' ||
// // [::1] is the IPv6 localhost address.
// window.location.hostname === '[::1]' ||
// // 127.0.0.1/8 is considered localhost for IPv4.
// window.location.hostname.match(
// /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
// )
// );
export function register(config) {
if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
// The URL constructor is available in all browsers that support SW.
const publicUrl = new URL(process.env.PUBLIC_URL, window.location);
if (publicUrl.origin !== window.location.origin) {
// Our service worker won't work if PUBLIC_URL is on a different origin
// from what our page is served on. This might happen if a CDN is used to
// serve assets; see https://github.com/facebook/create-react-app/issues/2374
return;
}
// export function register(config) {
// if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
// // The URL constructor is available in all browsers that support SW.
// const publicUrl = new URL(process.env.PUBLIC_URL, window.location);
// if (publicUrl.origin !== window.location.origin) {
// // Our service worker won't work if PUBLIC_URL is on a different origin
// // from what our page is served on. This might happen if a CDN is used to
// // serve assets; see https://github.com/facebook/create-react-app/issues/2374
// return;
// }
window.addEventListener('load', () => {
const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
// window.addEventListener('load', () => {
// const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
if (isLocalhost) {
// This is running on localhost. Let's check if a service worker still exists or not.
checkValidServiceWorker(swUrl, config);
// if (isLocalhost) {
// // This is running on localhost. Let's check if a service worker still exists or not.
// checkValidServiceWorker(swUrl, config);
// Add some additional logging to localhost, pointing developers to the
// service worker/PWA documentation.
navigator.serviceWorker.ready.then(() => {
console.log(
'This web app is being served cache-first by a service ' +
'worker. To learn more, visit http://bit.ly/CRA-PWA'
);
});
} else {
// Is not localhost. Just register service worker
registerValidSW(swUrl, config);
}
});
}
}
// // Add some additional logging to localhost, pointing developers to the
// // service worker/PWA documentation.
// navigator.serviceWorker.ready.then(() => {
// console.log(
// 'This web app is being served cache-first by a service ' +
// 'worker. To learn more, visit http://bit.ly/CRA-PWA'
// );
// });
// } else {
// // Is not localhost. Just register service worker
// registerValidSW(swUrl, config);
// }
// });
// }
// }
function registerValidSW(swUrl, config) {
navigator.serviceWorker
.register(swUrl)
.then(registration => {
registration.onupdatefound = () => {
const installingWorker = registration.installing;
installingWorker.onstatechange = () => {
if (installingWorker.state === 'installed') {
if (navigator.serviceWorker.controller) {
// At this point, the updated precached content has been fetched,
// but the previous service worker will still serve the older
// content until all client tabs are closed.
console.log(
'New content is available and will be used when all ' +
'tabs for this page are closed. See http://bit.ly/CRA-PWA.'
);
// function registerValidSW(swUrl, config) {
// navigator.serviceWorker
// .register(swUrl)
// .then(registration => {
// registration.onupdatefound = () => {
// const installingWorker = registration.installing;
// installingWorker.onstatechange = () => {
// if (installingWorker.state === 'installed') {
// if (navigator.serviceWorker.controller) {
// // At this point, the updated precached content has been fetched,
// // but the previous service worker will still serve the older
// // content until all client tabs are closed.
// console.log(
// 'New content is available and will be used when all ' +
// 'tabs for this page are closed. See http://bit.ly/CRA-PWA.'
// );
// Execute callback
if (config && config.onUpdate) {
config.onUpdate(registration);
}
} else {
// At this point, everything has been precached.
// It's the perfect time to display a
// "Content is cached for offline use." message.
console.log('Content is cached for offline use.');
// // Execute callback
// if (config && config.onUpdate) {
// config.onUpdate(registration);
// }
// } else {
// // At this point, everything has been precached.
// // It's the perfect time to display a
// // "Content is cached for offline use." message.
// console.log('Content is cached for offline use.');
// Execute callback
if (config && config.onSuccess) {
config.onSuccess(registration);
}
}
}
};
};
})
.catch(error => {
console.error('Error during service worker registration:', error);
});
}
// // Execute callback
// if (config && config.onSuccess) {
// config.onSuccess(registration);
// }
// }
// }
// };
// };
// })
// .catch(error => {
// console.error('Error during service worker registration:', error);
// });
// }
function checkValidServiceWorker(swUrl, config) {
// Check if the service worker can be found. If it can't reload the page.
fetch(swUrl)
.then(response => {
// Ensure service worker exists, and that we really are getting a JS file.
if (
response.status === 404 ||
response.headers.get('content-type').indexOf('javascript') === -1
) {
// No service worker found. Probably a different app. Reload the page.
navigator.serviceWorker.ready.then(registration => {
registration.unregister().then(() => {
window.location.reload();
});
});
} else {
// Service worker found. Proceed as normal.
registerValidSW(swUrl, config);
}
})
.catch(() => {
console.log(
'No internet connection found. App is running in offline mode.'
);
});
}
// function checkValidServiceWorker(swUrl, config) {
// // Check if the service worker can be found. If it can't reload the page.
// fetch(swUrl)
// .then(response => {
// // Ensure service worker exists, and that we really are getting a JS file.
// if (
// response.status === 404 ||
// response.headers.get('content-type').indexOf('javascript') === -1
// ) {
// // No service worker found. Probably a different app. Reload the page.
// navigator.serviceWorker.ready.then(registration => {
// registration.unregister().then(() => {
// window.location.reload();
// });
// });
// } else {
// // Service worker found. Proceed as normal.
// registerValidSW(swUrl, config);
// }
// })
// .catch(() => {
// console.log(
// 'No internet connection found. App is running in offline mode.'
// );
// });
// }
export function unregister() {
if ('serviceWorker' in navigator) {
navigator.serviceWorker.ready.then(registration => {
registration.unregister();
});
}
}
// export function unregister() {
// if ('serviceWorker' in navigator) {
// navigator.serviceWorker.ready.then(registration => {
// registration.unregister();
// });
// }
// }