Workbox configuration for Hugo

workbox-config.js

module.exports = {
  cacheId: "imsus.dev-production",
  globDirectory: "./public",
  globPatterns: ["**/*.{css,js,eot,ttf,woff,woff2,otf}"],
  swDest: "./public/service-worker.js",
  modifyURLPrefix: {
    "": "/",
  },
  clientsClaim: true,
  skipWaiting: true,
  ignoreURLParametersMatching: [/./],
  offlineGoogleAnalytics: true,
  maximumFileSizeToCacheInBytes: 50 * 1024 * 1024,
  runtimeCaching: [
    {
      urlPattern: /(?:\/)$/,
      handler: "StaleWhileRevalidate",
      options: {
        cacheName: "html",
        expiration: {
          maxAgeSeconds: 60 * 60 * 24 * 7,
        },
      },
    },
    {
      urlPattern: /\.(?:png|jpg|jpeg|gif|bmp|webp|svg|ico)$/,
      handler: "CacheFirst",
      options: {
        cacheName: "images",
        expiration: {
          maxEntries: 1000,
          maxAgeSeconds: 60 * 60 * 24 * 365,
        },
      },
    },
    {
      urlPattern: /\.(?:mp3|wav|m4a)$/,
      handler: "CacheFirst",
      options: {
        cacheName: "audio",
        expiration: {
          maxEntries: 1000,
          maxAgeSeconds: 60 * 60 * 24 * 365,
        },
      },
    },
    {
      urlPattern: /\.(?:m4v|mpg|avi)$/,
      handler: "CacheFirst",
      options: {
        cacheName: "videos",
        expiration: {
          maxEntries: 1000,
          maxAgeSeconds: 60 * 60 * 24 * 365,
        },
      },
    },
  ],
};