How to use the workbox-streams/strategy.mjs.strategy function in workbox-streams

const pagesMatcher = ({url}) => {
  return url.hostname === location.hostname &&
      (url.pathname === '/' ||
      url.pathname.match(/^\/(?:about|articles)\/([\w-]+\/)?$/));
};

const contentHandler = ({event, url}) => {
  return contentStrategy.handle({
    request: new Request(`${url.pathname}index.content.html`),
    event,
  });
};

const streamHandler = streamsStrategy([
  ({event}) => precacheHandler({
    request: new Request('/shell-start.html'),
    event,
  }),
  contentHandler,
  ({event}) => precacheHandler({
    request: new Request('/shell-end.html'),
    event,
  }),
]);

const pagesHandler = (opts) => {
  // If the request is a navigation request, assume it's going to be consumed
  // by a browser and return the full stream. Otherwise assume it's from
  // either an SPA load or a CACHE_URLS message, so only the content partial
  // needs to be returned.