106 lines
2.0 KiB
JavaScript
106 lines
2.0 KiB
JavaScript
const isLocalhost = Boolean(
|
|
window.location.hostname === 'localhost' ||
|
|
window.location.hostname === '[::1]' ||
|
|
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)
|
|
{
|
|
const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);
|
|
|
|
if (publicUrl.origin !== window.location.origin)
|
|
return;
|
|
|
|
window.addEventListener('load', () =>
|
|
{
|
|
const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
|
|
|
|
if (isLocalhost)
|
|
{
|
|
checkValidServiceWorker(swUrl, config);
|
|
|
|
navigator.serviceWorker.ready.then(() =>
|
|
{});
|
|
}
|
|
else
|
|
{
|
|
registerValidSW(swUrl, config);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function registerValidSW(swUrl, config)
|
|
{
|
|
navigator.serviceWorker
|
|
.register(swUrl)
|
|
.then((registration) =>
|
|
{
|
|
registration.onupdatefound = () =>
|
|
{
|
|
const installingWorker = registration.installing;
|
|
|
|
if (installingWorker == null)
|
|
return;
|
|
|
|
installingWorker.onstatechange = () =>
|
|
{
|
|
if (installingWorker.state === 'installed')
|
|
{
|
|
if (navigator.serviceWorker.controller)
|
|
{
|
|
if (config && config.onUpdate)
|
|
config.onUpdate(registration);
|
|
}
|
|
else if (config && config.onSuccess)
|
|
config.onSuccess(registration);
|
|
}
|
|
};
|
|
};
|
|
})
|
|
.catch(() =>
|
|
{});
|
|
}
|
|
|
|
function checkValidServiceWorker(swUrl, config)
|
|
{
|
|
fetch(swUrl)
|
|
.then((response) =>
|
|
{
|
|
const contentType = response.headers.get('content-type');
|
|
|
|
if (response.status === 404 ||
|
|
(contentType != null && contentType.indexOf('javascript') === -1))
|
|
{
|
|
navigator.serviceWorker.ready.then((registration) =>
|
|
{
|
|
registration.unregister().then(() =>
|
|
{
|
|
window.location.reload();
|
|
});
|
|
});
|
|
}
|
|
else
|
|
{
|
|
registerValidSW(swUrl, config);
|
|
}
|
|
})
|
|
.catch(() =>
|
|
{});
|
|
}
|
|
|
|
export function unregister()
|
|
{
|
|
if ('serviceWorker' in navigator)
|
|
{
|
|
navigator.serviceWorker.ready.then((registration) =>
|
|
{
|
|
registration.unregister();
|
|
});
|
|
}
|
|
}
|