Custom template or extension point?

Hi! Thank you for this plugin, really useful and works well.

I would like to hook into the service worker code (I’d like to have custom logic in the fetch listener), and I was wondering if there was any way to hook into it right now?

Thanks, William

[NekR]

Hi @willdurand,

Yes, you can have custom entry file for SW where you can handle fetch events as you want, but you cannot override behavior for assets listed in caches option. i.e. if you do some API request and want to handle them in SW, just set ServiceWorker.entry option to some JS file, like this:

var OfflinePlugin = require('offline-plugin');

module.exports = {
  // ...

  plugins: [
    // ... other plugins

    new OfflinePlugin({
      // All options are optional
      caches: 'all',
      scope: '/',
      updateStrategy: 'all',
      version: 'v1',

      ServiceWorker: {
        output: 'sw.js',
        entry: 'sw-handler.js'
      },

      AppCache: {
        directory: 'appcache/'
      }
    })
  ]
  // ...
}

and in sw-handler.js:

self.addEventListener('fetch', () => {
  // ...
});

Is it what you wanted?

[NekR]

Tracking cache mapping issue here now: https://github.com/NekR/offline-plugin/issues/59 Not sure about custom templates though, it reduces whole point of this plugin then since it’s an internal thing which depends on particular version of the plugin. I guess just forking plugin and adopt template for your app is fine.