PrecacheFallbackPlugin

First added

Workbox

About

PrecacheFallbackPlugin allows you to specify offline fallbacks to be used when a given strategy is unable to generate a response.

It does this by intercepting the handlerDidError plugin callback and returning a precached response, taking the expected revision parameter into account automatically.

Generally, you don't need to use this plugin directly. Ratherly, you'd use the fallbacks option of the Serwist class.

Options

• fallbackUrls — Precached URLs to be used as the fallback if the associated strategy can’t generate a response.
• serwist — Your Serwist instance.

Usage

sw.ts

import { NetworkOnly, PrecacheFallbackPlugin, Serwist } from "serwist";

const serwist = new Serwist({
  // Assuming that your precache list includes "/fallback.html".
  precacheEntries: self.__SW_MANIFEST,
});

serwist.registerCapture(
  /^\/admin\/.*\.html$/,
  new NetworkOnly({
    plugins: [
      new PrecacheFallbackPlugin({
        fallbackUrls: ["/fallback.html"],
        serwist,
      }),
    ],
  }),
);

serwist.addEventListeners();