/* 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. */ import { warmStrategyCache } from './warmStrategyCache'; import { registerRoute } from 'workbox-routing/registerRoute.js'; import { CacheFirst } from 'workbox-strategies/CacheFirst.js'; import { CacheableResponsePlugin } from 'workbox-cacheable-response/CacheableResponsePlugin.js'; import { ExpirationPlugin } from 'workbox-expiration/ExpirationPlugin.js'; import './_version.js'; /** * 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({ statuses: [0, 200], })); plugins.push(new ExpirationPlugin({ maxEntries, maxAgeSeconds, })); const strategy = new CacheFirst({ cacheName, plugins, }); registerRoute(matchCallback, strategy); // Warms the cache if (options.warmCache) { warmStrategyCache({ urls: options.warmCache, strategy }); } } export { imageCache };