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.
47 lines
2.1 KiB
47 lines
2.1 KiB
/* |
|
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 { registerRoute } from 'workbox-routing/registerRoute.js'; |
|
import { StaleWhileRevalidate } from 'workbox-strategies/StaleWhileRevalidate.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 [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(({ url }) => url.origin === 'https://fonts.googleapis.com', new StaleWhileRevalidate({ |
|
cacheName: sheetCacheName, |
|
})); |
|
// Cache the underlying font files with a cache-first strategy for 1 year. |
|
registerRoute(({ url }) => url.origin === 'https://fonts.gstatic.com', new CacheFirst({ |
|
cacheName: fontCacheName, |
|
plugins: [ |
|
new CacheableResponsePlugin({ |
|
statuses: [0, 200], |
|
}), |
|
new ExpirationPlugin({ |
|
maxAgeSeconds, |
|
maxEntries, |
|
}), |
|
], |
|
})); |
|
} |
|
export { googleFontsCache };
|
|
|