v1.0 with SW PWA enabled

frontend/node_modules/workbox-recipes/googleFontsCache.js

@@ -0,0 +1,47 @@
+/*
+  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 };