runtimeCaching option

[desaintflorent]

Hi there, I'm using the runtimeCaching option with workbox because my images are from a different domain.
I can see that workbox extra options are not supported for this module, could I use this module and still cache images from different domain ?

[kevinmarrec]

Hi @desaintflorent , what would you need as configuration to achieve your goal ? Would you have a piece of code of the resulting worker file you want to have it working ?

[desaintflorent]

That is what I'm using right now with the official nuxt pwa module :

workbox: {
		suffix: "v1",
		runtimeCaching: [
			{
				urlPattern: "http://domain.com/api/.*",
				handler: "networkFirst",
				method: "GET",
				strategyOptions: {
					cacheName: "api",
					cacheableResponse: { statuses: [0, 200] },
				},
			},
			{
				urlPattern: "http://files.domain.com/.*",
				handler: "staleWhileRevalidate",
				strategyOptions: {
					cacheName: "images",
					cacheExpiration: {
						maxEntries: 30,
						maxAgeSeconds: 300, //60 * 60// 1h
					},
					cacheableResponse: { statuses: [0, 200] },
				},
			},
		],
	},

[kevinmarrec]

Great, I'll work on this. Do you need the suffix option too ? I'm not sure what it does but I can anyway check official Nuxt 2 PWA module code.

[kevinmarrec]

@desaintflorent I'm gonna add support for custom workbox template in which you'll be able to fully customize your runtime caching.

We may add module options later on but I want first to provide a way to fully customize the worker with own template first.

[desaintflorent]

Ok great ! keep me updated 🙌