Skip to content

Instantly share code, notes, and snippets.

View FezVrasta's full-sized avatar
:electron:

Federico Zivolo FezVrasta

:electron:
2.1k followers · 27 following
View GitHub Profile
@FezVrasta
FezVrasta / gist:3a59b77636b97379c28497d5ee85af96
Last active April 29, 2020 08:43
<!DOCTYPE html>
<html>
<head>
<style>
body {
display: flex;
}
.push {
width: 2000px;
@FezVrasta
FezVrasta / bug.html
Created April 29, 2020 08:24
<!DOCTYPE html>
<html>
<head>
<style>
body {
display: flex;
}
.push {
width: 2000px;
@FezVrasta
FezVrasta / apocalypseHandler.js
Last active August 1, 2019 10:36
window.addEventListener('error', async err => {
// Since we are handling the error here, we must make
// sure we log it into the console nonetheless, otherwise
// it will be very difficult to understand why your app
// is crashing.
console.error(err);
// If no service worker is available, our work ends here
// because we don't need to unregister the service worker
// to make sure the user is able to get a newer version of
@FezVrasta
FezVrasta / useServiceWorker.js
Created July 31, 2019 18:39
serviceWorker.register({
onUpdate: registration => {
setWaitingServiceWorker(registration.waiting);
setUpdateAvailable(true);
},
onWaiting: waiting => {
setWaitingServiceWorker(waiting);
setUpdateAvailable(true);
}
});
@FezVrasta
FezVrasta / serviceWorker.js
Created July 31, 2019 18:36
function registerValidSW(swUrl, config) {
navigator.serviceWorker
.register(swUrl)
.then(registration => {
// WE ADD THE CODE BELOW
if (registration.waiting) {
if (config && config.onWaiting) {
config.onWaiting(registration.waiting);
}
}
@FezVrasta
FezVrasta / serviceWorker.js
Created July 31, 2019 18:35
function registerValidSW(swUrl, config) {
navigator.serviceWorker
.register(swUrl)
.then(registration => {
// WE ADD THE CODE BELOW
if (registration.waiting) {
if (config && config.onWaiting) {
config.onWaiting(registration.waiting);
}
}
@FezVrasta
FezVrasta / index.js
Created July 31, 2019 18:27
import { ServiceWorkerProvider, useServiceWorker } from './useServiceWorker';
const App = () => {
const { isUpdateAvailable, updateAssets } = useServiceWorker();
return (
<div>
Hello, World!
{isUpdateAvailable && (
@FezVrasta
FezVrasta / serviceWorker.js
Created July 31, 2019 18:13
function registerValidSW(swUrl, config) {
navigator.serviceWorker
.register(swUrl)
.then(registration => {
registration.onupdatefound = () => {
const installingWorker = registration.installing;
if (installingWorker == null) {
return;
}
installingWorker.onstatechange = () => {
@FezVrasta
FezVrasta / useServiceWorker.js
Last active July 31, 2019 18:23
const ServiceWorkerContext = React.createContext();
export const ServiceWorkerProvider = ({ children }) => {
const [waitingServiceWorker, setWaitingServiceWorker] = useState(null);
const [isUpdateAvailable, setUpdateAvailable] = useState(false);
React.useEffect(() => {
serviceWorker.register({
onUpdate: registration => {
setWaitingServiceWorker(registration.waiting);
@FezVrasta
FezVrasta / index.js
Last active July 31, 2019 17:36
const [waitingServiceWorker, setWaitingServiceWorker] = useState(null);
const [isUpdateAvailable, setUpdateAvailable] = useState(false);
React.useEffect(() => {
serviceWorker.register({
onUpdate: registration => {
setWaitingServiceWorker(registration.waiting);
setUpdateAvailable(true);
}
});