Skip to content

Instantly share code, notes, and snippets.

@jakearchibald

jakearchibald/app-v1.js Secret

Last active July 5, 2016 12:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jakearchibald/4927b34bb14c3681a3c1c1ce6ede5b09 to your computer and use it in GitHub Desktop.
Save jakearchibald/4927b34bb14c3681a3c1c1ce6ede5b09 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
app-v1.js
const url = new URL(location);
url.pathname += '.inc'; // just the content html
fetch(url).then(r => r.json()).then(data => {
document.querySelector('.content').innerHTML = data.html;
});
Raw
shell-v1.html
<!DOCTYPE html>
<h1>This is the static header</h1>
<div class="content"></div>
<script src="/app-v1.js"></script>
Raw
sw.js
self.addEventListener('install', event => {
event.waitUntil(
caches.open('static-v1').then(cache =>
cache.addAll([
'/shell-v1.html',
'/app-v1.js'
])
)
);
// Serve same-origin fetches for '/' with the cached copy of shell-v1.html.
// We could race the network here using RaceSources
event.declareRoute({
path: '/'
}, new CachesSource('/shell-v1.html'));
// Serve any-origin fetches using the cache, or a network fetch.
// We could race the network here using RaceSources
event.declareRoute({
origin: ''
}, new FallbackSources(
new CachesStorage(),
new FetchStorage()
));
});
self.addEventListener('activate', event => {
// delete old caches
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment