workbox-routing#setCatchHandler JavaScript Examples

The following examples show how to use workbox-routing#setCatchHandler. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: service-worker.js    From pack11ty with MIT License 6 votes vote down vote up 
setCatchHandler(({ event }) => {
  switch (event.request.destination) {
    case 'document':
      return matchPrecache(OFFLINE_FALLBACK);

    case 'image':
      return new Response(
        '<svg role="img" aria-labelledby="offline-title" viewBox="0 0 400 225" xmlns="https://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice"><title id="offline-title">Offline</title><path fill="rgba(145,145,145,0.5)" d="M0 0h400v225H0z" /><text fill="rgba(0,0,0,0.33)" font-family="Georgia,serif" font-size="27" text-anchor="middle" x="200" y="113" dominant-baseline="central">offline</text></svg>',
        { headers: { 'Content-Type': 'image/svg+xml' } }
      );

    default:
      return Response.error();
  }
});
Example #2
Source File: service-worker.js    From ReactCookbook-source with MIT License 5 votes vote down vote up 
setCatchHandler(({event}) => {
    if (event.request.destination === 'image') {
        return caches.match('/comingSoon.png');
    }
    return Response.error();
});