You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

285 lines
11 KiB

this.workbox = this.workbox || {};
this.workbox.recipes = (function (exports, registerRoute_js, StaleWhileRevalidate_js, CacheFirst_js, CacheableResponsePlugin_js, ExpirationPlugin_js, NetworkFirst_js, setCatchHandler_js, matchPrecache_js) {
'use strict';
try {
self['workbox:recipes:6.5.2'] && _();
} catch (e) {}
/*
Copyright 2020 Google LLC
Use of this source code is governed by an MIT-style
license that can be found in the LICENSE file or at
https://opensource.org/licenses/MIT.
*/
/**
* An implementation of the [Google fonts]{@link https://developers.google.com/web/tools/workbox/guides/common-recipes#google_fonts} caching recipe
*
* @memberof workbox-recipes
*
* @param {Object} [options]
* @param {string} [options.cachePrefix] Cache prefix for caching stylesheets and webfonts. Defaults to google-fonts
* @param {number} [options.maxAgeSeconds] Maximum age, in seconds, that font entries will be cached for. Defaults to 1 year
* @param {number} [options.maxEntries] Maximum number of fonts that will be cached. Defaults to 30
*/
function googleFontsCache(options = {}) {
const sheetCacheName = `${options.cachePrefix || 'google-fonts'}-stylesheets`;
const fontCacheName = `${options.cachePrefix || 'google-fonts'}-webfonts`;
const maxAgeSeconds = options.maxAgeSeconds || 60 * 60 * 24 * 365;
const maxEntries = options.maxEntries || 30; // Cache the Google Fonts stylesheets with a stale-while-revalidate strategy.
registerRoute_js.registerRoute(({
url
}) => url.origin === 'https://fonts.googleapis.com', new StaleWhileRevalidate_js.StaleWhileRevalidate({
cacheName: sheetCacheName
})); // Cache the underlying font files with a cache-first strategy for 1 year.
registerRoute_js.registerRoute(({
url
}) => url.origin === 'https://fonts.gstatic.com', new CacheFirst_js.CacheFirst({
cacheName: fontCacheName,
plugins: [new CacheableResponsePlugin_js.CacheableResponsePlugin({
statuses: [0, 200]
}), new ExpirationPlugin_js.ExpirationPlugin({
maxAgeSeconds,
maxEntries
})]
}));
}
/**
* @memberof workbox-recipes
* @param {Object} options
* @param {string[]} options.urls Paths to warm the strategy's cache with
* @param {Strategy} options.strategy Strategy to use
*/
function warmStrategyCache(options) {
self.addEventListener('install', event => {
const done = options.urls.map(path => options.strategy.handleAll({
event,
request: new Request(path)
})[1]);
event.waitUntil(Promise.all(done));
});
}
/*
Copyright 2020 Google LLC
Use of this source code is governed by an MIT-style
license that can be found in the LICENSE file or at
https://opensource.org/licenses/MIT.
*/
/**
* An implementation of the [image caching recipe]{@link https://developers.google.com/web/tools/workbox/guides/common-recipes#caching_images}
*
* @memberof workbox-recipes
*
* @param {Object} [options]
* @param {string} [options.cacheName] Name for cache. Defaults to images
* @param {RouteMatchCallback} [options.matchCallback] Workbox callback function to call to match to. Defaults to request.destination === 'image';
* @param {number} [options.maxAgeSeconds] Maximum age, in seconds, that font entries will be cached for. Defaults to 30 days
* @param {number} [options.maxEntries] Maximum number of images that will be cached. Defaults to 60
* @param {WorkboxPlugin[]} [options.plugins] Additional plugins to use for this recipe
* @param {string[]} [options.warmCache] Paths to call to use to warm this cache
*/
function imageCache(options = {}) {
const defaultMatchCallback = ({
request
}) => request.destination === 'image';
const cacheName = options.cacheName || 'images';
const matchCallback = options.matchCallback || defaultMatchCallback;
const maxAgeSeconds = options.maxAgeSeconds || 30 * 24 * 60 * 60;
const maxEntries = options.maxEntries || 60;
const plugins = options.plugins || [];
plugins.push(new CacheableResponsePlugin_js.CacheableResponsePlugin({
statuses: [0, 200]
}));
plugins.push(new ExpirationPlugin_js.ExpirationPlugin({
maxEntries,
maxAgeSeconds
}));
const strategy = new CacheFirst_js.CacheFirst({
cacheName,
plugins
});
registerRoute_js.registerRoute(matchCallback, strategy); // Warms the cache
if (options.warmCache) {
warmStrategyCache({
urls: options.warmCache,
strategy
});
}
}
/*
Copyright 2020 Google LLC
Use of this source code is governed by an MIT-style
license that can be found in the LICENSE file or at
https://opensource.org/licenses/MIT.
*/
/**
* An implementation of the [CSS and JavaScript files recipe]{@link https://developers.google.com/web/tools/workbox/guides/common-recipes#cache_css_and_javascript_files}
*
* @memberof workbox-recipes
*
* @param {Object} [options]
* @param {string} [options.cacheName] Name for cache. Defaults to static-resources
* @param {RouteMatchCallback} [options.matchCallback] Workbox callback function to call to match to. Defaults to request.destination === 'style' || request.destination === 'script' || request.destination === 'worker';
* @param {WorkboxPlugin[]} [options.plugins] Additional plugins to use for this recipe
* @param {string[]} [options.warmCache] Paths to call to use to warm this cache
*/
function staticResourceCache(options = {}) {
const defaultMatchCallback = ({
request
}) => request.destination === 'style' || request.destination === 'script' || request.destination === 'worker';
const cacheName = options.cacheName || 'static-resources';
const matchCallback = options.matchCallback || defaultMatchCallback;
const plugins = options.plugins || [];
plugins.push(new CacheableResponsePlugin_js.CacheableResponsePlugin({
statuses: [0, 200]
}));
const strategy = new StaleWhileRevalidate_js.StaleWhileRevalidate({
cacheName,
plugins
});
registerRoute_js.registerRoute(matchCallback, strategy); // Warms the cache
if (options.warmCache) {
warmStrategyCache({
urls: options.warmCache,
strategy
});
}
}
/*
Copyright 2020 Google LLC
Use of this source code is governed by an MIT-style
license that can be found in the LICENSE file or at
https://opensource.org/licenses/MIT.
*/
/**
* An implementation of a page caching recipe with a network timeout
*
* @memberof workbox-recipes
*
* @param {Object} [options]
* @param {string} [options.cacheName] Name for cache. Defaults to pages
* @param {RouteMatchCallback} [options.matchCallback] Workbox callback function to call to match to. Defaults to request.mode === 'navigate';
* @param {number} [options.networkTimoutSeconds] Maximum amount of time, in seconds, to wait on the network before falling back to cache. Defaults to 3
* @param {WorkboxPlugin[]} [options.plugins] Additional plugins to use for this recipe
* @param {string[]} [options.warmCache] Paths to call to use to warm this cache
*/
function pageCache(options = {}) {
const defaultMatchCallback = ({
request
}) => request.mode === 'navigate';
const cacheName = options.cacheName || 'pages';
const matchCallback = options.matchCallback || defaultMatchCallback;
const networkTimeoutSeconds = options.networkTimeoutSeconds || 3;
const plugins = options.plugins || [];
plugins.push(new CacheableResponsePlugin_js.CacheableResponsePlugin({
statuses: [0, 200]
}));
const strategy = new NetworkFirst_js.NetworkFirst({
networkTimeoutSeconds,
cacheName,
plugins
}); // Registers the route
registerRoute_js.registerRoute(matchCallback, strategy); // Warms the cache
if (options.warmCache) {
warmStrategyCache({
urls: options.warmCache,
strategy
});
}
}
/*
Copyright 2020 Google LLC
Use of this source code is governed by an MIT-style
license that can be found in the LICENSE file or at
https://opensource.org/licenses/MIT.
*/
/**
* An implementation of the [comprehensive fallbacks recipe]{@link https://developers.google.com/web/tools/workbox/guides/advanced-recipes#comprehensive_fallbacks}. Be sure to include the fallbacks in your precache injection
*
* @memberof workbox-recipes
*
* @param {Object} [options]
* @param {string} [options.pageFallback] Precache name to match for pag fallbacks. Defaults to offline.html
* @param {string} [options.imageFallback] Precache name to match for image fallbacks.
* @param {string} [options.fontFallback] Precache name to match for font fallbacks.
*/
function offlineFallback(options = {}) {
const pageFallback = options.pageFallback || 'offline.html';
const imageFallback = options.imageFallback || false;
const fontFallback = options.fontFallback || false;
self.addEventListener('install', event => {
const files = [pageFallback];
if (imageFallback) {
files.push(imageFallback);
}
if (fontFallback) {
files.push(fontFallback);
}
event.waitUntil(self.caches.open('workbox-offline-fallbacks').then(cache => cache.addAll(files)));
});
const handler = async options => {
const dest = options.request.destination;
const cache = await self.caches.open('workbox-offline-fallbacks');
if (dest === 'document') {
const match = (await matchPrecache_js.matchPrecache(pageFallback)) || (await cache.match(pageFallback));
return match || Response.error();
}
if (dest === 'image' && imageFallback !== false) {
const match = (await matchPrecache_js.matchPrecache(imageFallback)) || (await cache.match(imageFallback));
return match || Response.error();
}
if (dest === 'font' && fontFallback !== false) {
const match = (await matchPrecache_js.matchPrecache(fontFallback)) || (await cache.match(fontFallback));
return match || Response.error();
}
return Response.error();
};
setCatchHandler_js.setCatchHandler(handler);
}
exports.googleFontsCache = googleFontsCache;
exports.imageCache = imageCache;
exports.offlineFallback = offlineFallback;
exports.pageCache = pageCache;
exports.staticResourceCache = staticResourceCache;
exports.warmStrategyCache = warmStrategyCache;
return exports;
}({}, workbox.routing, workbox.strategies, workbox.strategies, workbox.cacheableResponse, workbox.expiration, workbox.strategies, workbox.routing, workbox.precaching));
//# sourceMappingURL=workbox-recipes.dev.js.map