Skip to content

Instantly share code, notes, and snippets.

@jakearchibald jakearchibald/app-v1.js Secret
Last active Jul 5, 2016

Embed
What would you like to do?
fetch('/page-data', {
credentials: 'include'
}).then(r => r.json()).then(data => {
document.querySelector('.content').innerHTML = data.html;
});
<!DOCTYPE html>
<h1>This is the static header</h1>
<div class="content"></div>
<script src="/app-v1.js"></script>
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.
event.declareRoute({
path: '/'
}, new CachesSource('/shell-v1.html'), {
// Also trigger request for /page-data.
// This will go through the route below
preloads: [
new Request('/page-data', {credentials: 'include'})
]
});
// Fetch page-data straight from the network
event.declareRoute({
path: '/page-data'
}, new FetchSource());
// Serve any-origin fetches using the cache, or a network fetch.
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
You can’t perform that action at this time.