diff --git a/devsiteHelper.py b/devsiteHelper.py
index 03fff188db8..9eb58c51b0d 100644
--- a/devsiteHelper.py
+++ b/devsiteHelper.py
@@ -152,7 +152,7 @@ def parseBookYaml(pathToBook, lang='en'):
       upperTabs.append(expandBook(upperTab))
     return result
   except Exception as e:
-    logging.exception('Error in parseBookYaml')
+    logging.exception(e)
   return None
 
 
@@ -199,9 +199,12 @@ def getLowerTabs(bookYaml):
         for lowerTab in tab['lower_tabs']['other']:
           lt = {}
           lt['name'] = lowerTab['name']
-          if 'contents' in lowerTab and 'path' in lowerTab['contents'][0]:
-            lt['path'] = lowerTab['contents'][0]['path']
-            result.append(lt)
+          if 'contents' in lowerTab:
+            for lowerTabContent in lowerTab['contents']:
+             if 'path' in lowerTabContent:
+                lt['path'] = lowerTabContent['path']
+                result.append(lt)
+                break
   except Exception as e:
     logging.exception('Unable to read/parse the lower tabs')
   return result
@@ -220,8 +223,16 @@ def getLeftNav(requestPath, bookYaml, lang='en'):
     for upperTab in bookYaml['upper_tabs']:
       if 'path' in upperTab and requestPath.startswith(upperTab['path']):
         for lowerTab in upperTab['lower_tabs']['other']:
-          if ('path' not in lowerTab['contents'][0] or
-            requestPath.startswith(lowerTab['contents'][0]['path'])):
+          firstPathInLowerTab = None
+          for lowerTabContent in lowerTab['contents']:
+             if 'path' in lowerTabContent:
+                firstPathInLowerTab = lowerTabContent['path']
+                break
+          if (firstPathInLowerTab is None):
+            if 'path' in lowerTab:
+              firstPathInLowerTab = lowerTab['path']
+          if (firstPathInLowerTab is None or
+            requestPath.startswith(firstPathInLowerTab)):
               result = '<ul class="devsite-nav-list devsite-nav-expandable">\n'
               result += buildLeftNav(lowerTab['contents'])
               result += '</ul>\n'
@@ -229,6 +240,7 @@ def getLeftNav(requestPath, bookYaml, lang='en'):
   except Exception as e:
     msg = ' - Unable to read or parse primary book.yaml'
     logging.exception(msg)
+    logging.exception(e)
     whoops += '<p>Exception occured.</p>'
     return whoops
 
@@ -243,6 +255,13 @@ def buildLeftNav(bookYaml, lang='en'):
       result += '<span>' + cgi.escape(item['title']) + '</span>\n'
       result += '</a>\n'
       result += '</li>\n'
+    elif 'heading' in item:
+      result += '<li class="devsite-nav-item devsite-nav-item-heading">\n';
+      result += '<span class="devsite-nav-title devsite-nav-title-no-path" ';
+      result += 'track-type="leftNav" track-name="expandNavSectionNoLink" ';
+      result += 'track-metadata-position="0">\n';
+      result += '<span>' + cgi.escape(item['heading']) + '</span>\n';
+      result += '</span>\n</li>\n';
     elif 'section' in item:
       # Sub-section
       result += '<li class="devsite-nav-item devsite-nav-item-section-expandable">\n'
diff --git a/devsiteParseYAML.py b/devsiteParseYAML.py
index f0708208c13..860baaf2630 100644
--- a/devsiteParseYAML.py
+++ b/devsiteParseYAML.py
@@ -58,6 +58,8 @@ def parse(requestPath, fileLocation, rawYaml, lang='en'):
     if 'heading' in row:
       section += '<h2 id="' + devsiteHelper.slugify(row['heading']) +'">'
       section += row['heading'] + '</h2>'
+    if 'description' in row:
+      section += row['description']
     if 'items' in row:
       section += '<div class="devsite-landing-row-group">'
       section += parseIndexYamlItems(row['items'])
diff --git a/gulp-tasks/build.js b/gulp-tasks/build.js
index 429695233cf..cbcac4ba477 100644
--- a/gulp-tasks/build.js
+++ b/gulp-tasks/build.js
@@ -20,6 +20,10 @@ gulp.task('build:announcement', function() {
   const globOpts = {
     srcBase: 'src/content/en/',
     prefixBase: true,
+    ignore: [
+      // Disable forced announcements on Workbox.
+      '**/workbox/**/_project.yaml',
+    ]
   };
   const dumpYamlOpts = {lineWidth: 1000};
   const projectYamlFiles = glob.find('**/_project.yaml', globOpts);
diff --git a/gulp-tasks/workbox-v3-ref-docs.js b/gulp-tasks/workbox-v3-ref-docs.js
new file mode 100644
index 00000000000..e5f3b9cd816
--- /dev/null
+++ b/gulp-tasks/workbox-v3-ref-docs.js
@@ -0,0 +1,194 @@
+const gulp = require('gulp');
+const remoteGitTags = require('remote-git-tags');
+const semver = require('semver');
+const fse = require('fs-extra');
+const path = require('path');
+const os = require('os');
+const spawn = require('child_process').spawn;
+const glob = require('glob');
+
+const PREVIOUS_RELEASES = 0;
+
+const buildJSDocs = (srcCodePath, docOutputPath, jsdocConfPath) => {
+  console.log(`\n\n    Building JSDocs to '${path.relative(process.cwd(), docOutputPath)}'.`);
+
+  try {
+    fse.accessSync(jsdocConfPath, fse.F_OK);
+  } catch (err) {
+    console.warn(`Unable to find jsdoc Config File @ '${jsdocConfPath}'`);
+    console.warn(err);
+    return;
+  }
+
+  const contentPath = path.join(__dirname, '..', 'src', 'content', 'en');
+  const templateBasePath = path.join(
+    path.posix.sep,
+    'web',
+    path.relative(contentPath, docOutputPath)
+  );
+  console.log(`\n\n    Using JSDoc basepath=${templateBasePath}.`);
+
+  const jsdocConfigContents = fse.readFileSync(jsdocConfPath);
+  const jsdocConfig = JSON.parse(jsdocConfigContents);
+  if (!jsdocConfig.webFundamentals) {
+    console.warn(`In your JSDoc config file you MUST provide a 'webFundamentals' property with:`);
+    console.warn(`    projectRoot`);
+    console.warn(`    productName`);
+    return;
+  }
+
+  const queryString = [
+    `projectRoot=${jsdocConfig.webFundamentals.projectRoot}`,
+    `basepath=${templateBasePath}`,
+    `productName=${jsdocConfig.webFundamentals.productName}`,
+  ].join('&');
+
+  const jsDocParams = [
+    '--template', path.join(
+      __dirname, '..', 'src', 'templates', 'reference-docs', 'jsdoc'
+    ),
+    '-c', jsdocConfPath,
+    '-d', docOutputPath,
+    '--query', queryString,
+  ];
+
+  console.log(`    JSDoc Params: `, jsDocParams);
+
+  const jsdocPath = path.join(__dirname, '..', 'node_modules', 'jsdoc', 'jsdoc.js');
+
+  return new Promise((resolve, reject) => {
+    const jsdocProcess = spawn(jsdocPath, jsDocParams, {
+      cwd: srcCodePath,
+      stdio: 'inherit',
+    });
+
+    jsdocProcess.on('error', (err) => {
+      console.error('\n\nUnable to run jsdoc.');
+      console.error(err);
+    });
+
+    jsdocProcess.on('close', (code) => {
+      if (code === 0) {
+        resolve(docOutputPath);
+      } else {
+        reject(`Error code: ${code}`);
+      }
+    });
+  })
+  .then((docOutputPath) => {
+    // jsdoc-baseline copies over these files for it's own template
+    // but we don't use them for devsite - so remove these files.
+    fse.removeSync(path.join(docOutputPath, 'css'));
+    fse.removeSync(path.join(docOutputPath, 'scripts'));
+
+    return docOutputPath;
+  })
+  .then((docOutputPath) => {
+    // Web Fundamentals linting errors on developers.google.com
+    const allFiles = glob.sync(path.join(docOutputPath, '**', '*'), {
+      absolute: true,
+    });
+    allFiles.forEach((filePath) => {
+      const fileContents = fse.readFileSync(filePath).toString();
+      const cleanContents = fileContents
+        .split('https://developers.google.com/').join('/');
+      fse.writeFileSync(filePath, cleanContents);
+    });
+
+    return docOutputPath;
+  })
+  .catch((err) => {
+    // If we error'd, make sure we didn't create a directory that will stop
+    // future doc builds.
+    fse.removeSync(docOutputPath);
+
+    console.error(`\n\nUnable to build docs for: '${path.relative(process.cwd(), docOutputPath)}'`);
+    console.error(err);
+
+    return null;
+  });
+};
+
+const getSourceCode = (gitUrl, tag, tmpPath) => {
+  fse.ensureDirSync(tmpPath);
+
+  return new Promise((resolve, reject) => {
+    const gitDownload = spawn('git', [
+      'clone',
+      '--branch', tag,
+      '--depth', '1',
+      '--config', 'advice.detachedHead=false',
+      gitUrl,
+      tmpPath,
+    ], {
+      stdio: 'inherit',
+    });
+
+    gitDownload.on('error', (err) => {
+      console.error(`\n\nUnable to retrieve tag '${tag}' from Git.`);
+      console.error(err);
+      reject(`Unable to retrieve tag '${tag}' from Git.`);
+    });
+
+    gitDownload.on('close', (code) => {
+      if (code === 0) {
+        resolve(tmpPath);
+      } else {
+        reject(`Error ${code} returned by command: 'git ${params.join(' ')}'`);
+      }
+    });
+  });
+};
+
+const generateRefDocs = (projectName, gitUrl, docPath, tag, jsdocConfPath, isLatest) => {
+  // 1. Check if current tag exists, if so return
+  const outputPath = path.join(docPath, tag);
+  if (fse.pathExistsSync(outputPath)) {
+    return;
+  }
+
+  console.log(`\n\nNeed to build docs for '${projectName}: ${tag}'`);
+
+  const tmpDirectory = path.join(os.tmpdir(), Date.now().toString());
+  const tmpSrCodePath = path.join(tmpDirectory, tag);
+  return getSourceCode(gitUrl, tag, tmpSrCodePath)
+  .then(() => {
+    if (isLatest) {
+      const outputPath = path.join(docPath, 'latest');
+      return buildJSDocs(tmpSrCodePath, outputPath, jsdocConfPath);
+    }
+  })
+  .then(() => {
+    if (PREVIOUS_RELEASES > 0) {
+      return buildJSDocs(tmpSrCodePath, outputPath, jsdocConfPath);
+    }
+  })
+  .then(() => {
+    fse.removeSync(tmpDirectory);
+  }, (err) => {
+    fse.removeSync(tmpDirectory);
+    throw err;
+  });
+};
+
+const buildReferenceDocs = (projectName, gitUrl, localPath, jsdocConfPath) => {
+  fse.removeSync(path.join(localPath, 'latest'));
+
+  return generateRefDocs(
+    projectName,
+    gitUrl,
+    localPath,
+    'v3',
+    jsdocConfPath,
+    true,
+  );
+};
+
+gulp.task('reference-docs:workbox-v3', () => {
+  return buildReferenceDocs(
+    'Workbox',
+    'https://github.com/GoogleChrome/workbox.git',
+    path.join(__dirname, '..', 'src/content/en/tools/workbox/v3/reference-docs/'),
+    path.join(__dirname, '..', 'src/content/en/tools/workbox/v3/_jsdoc.conf')
+  );
+});
diff --git a/gulp-tasks/workbox:generate-contributors.js b/gulp-tasks/workbox:generate-contributors.js
new file mode 100644
index 00000000000..92d60f9ead0
--- /dev/null
+++ b/gulp-tasks/workbox:generate-contributors.js
@@ -0,0 +1,94 @@
+const GitHubApi = require('github');
+const fs = require('fs-extra');
+const path = require('path');
+const gulp = require('gulp');
+
+const MAX_COLLABORATORS = 20;
+
+function getContributorHTML(contributorStats) {
+  const contributor = contributorStats.author;
+  let html = `
+<div class="wb-contrib">
+  <a class="wb-contrib__img-link" href="${contributor.url}" target="_blank">
+    <img class="wb-contrib__image" src="${contributor.avatar_url}">
+  </a>
+  <br />
+  <a class="wb-contrib__link" href="${contributor.url}" target="_blank">
+    ${contributor.login}
+  </a>
+</div>
+`;
+  return html;
+}
+
+gulp.task(`workbox:generate-contributors`, function() {
+  if (!process.env.GITHUB_TOKEN) {
+    console.warn(`Unable to build Workbox contributors due to no ` +
+      `GITHUB_TOKEN existing on the current Path.`);
+
+    // Return a promise so gulp is happy and thinks the task completed
+    return Promise.resolve();
+  }
+
+  const github = new GitHubApi();
+  github.authenticate({
+    type: 'token',
+    token: process.env.GITHUB_TOKEN
+  });
+
+  return github.repos.getStatsContributors({
+    owner: 'googlechrome',
+    repo: 'workbox',
+  })
+  .then((contributorStats) => {
+    contributorStats.sort((a, b) => b.total - a.total);
+    if (contributorStats.length > MAX_COLLABORATORS) {
+      contributorStats = contributorStats.splice(0, MAX_COLLABORATORS);
+    }
+    return contributorStats.map(getContributorHTML).join('');
+  })
+  .then((html) => {
+    const finalHtml = `{% framebox height="auto" %}
+<!-- This file is auto-generated by 'gulp workbox:generate-contributors' -->
+<style>
+.workbox-contributors-container {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-around;
+}
+
+.wb-contrib {
+  text-align: center;
+  margin: 10px;
+}
+
+.wb-contrib a {
+  color: inherit;
+}
+
+.wb-contrib__image {
+  width: 80px;
+  height: 80px;
+  border-radius: 100%;
+  box-shadow: 0 4px 6px #616161;
+
+  background-color: white;
+}
+</style>
+<div class="workbox-contributors-container">
+${html}
+</div>
+{% endframebox %}`;
+    const templatePath = path.join(__dirname, '..', 'src', 'content',
+      'en', 'tools', 'workbox', 'templates', 'contributors.html');
+    return fs.ensureDir(path.dirname(templatePath))
+    .then(() => fs.writeFile(templatePath, finalHtml))
+    .catch((err) => {
+      console.warn(`An error occured when generating the Workbox ` +
+        `collaborators.`);
+      console.warn(`This is not a vital error.`);
+      console.warn(err);
+    });
+  });
+});
diff --git a/src/content/en/images/md-icons/ic_extension_black_24px.svg b/src/content/en/images/md-icons/ic_extension_black_24px.svg
new file mode 100644
index 00000000000..91b12d5e446
--- /dev/null
+++ b/src/content/en/images/md-icons/ic_extension_black_24px.svg
@@ -0,0 +1,4 @@
+<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 0h24v24H0z" fill="none"/>
+    <path d="M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5C13 2.12 11.88 1 10.5 1S8 2.12 8 3.5V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2.7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2.7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5c1.38 0 2.5-1.12 2.5-2.5S21.88 11 20.5 11z"/>
+</svg>
\ No newline at end of file
diff --git a/src/content/en/tools/_book.yaml b/src/content/en/tools/_book.yaml
index 0035874c28b..9494446f039 100644
--- a/src/content/en/tools/_book.yaml
+++ b/src/content/en/tools/_book.yaml
@@ -22,8 +22,8 @@ upper_tabs:
       - name: Workbox
         contents:
         - include: /web/tools/workbox/_toc.yaml
-      - name: Chrome User Experience Report
-        contents:
-        - include: /web/tools/chrome-user-experience-report/_toc.yaml
+#      - name: Chrome User Experience Report
+#        contents:
+#        - include: /web/tools/chrome-user-experience-report/_toc.yaml
   - include: /web/_upper_tabs-Updates.yaml
   - include: /web/_upper_tabs-Showcase.yaml
diff --git a/src/content/en/tools/workbox/_toc.yaml b/src/content/en/tools/workbox/_toc.yaml
index d7c9412a114..801961b3828 100644
--- a/src/content/en/tools/workbox/_toc.yaml
+++ b/src/content/en/tools/workbox/_toc.yaml
@@ -23,3 +23,5 @@ toc:
 - title: Github
   path: https://github.com/GoogleChrome/workbox
   status: external
+# - title: Next Release (Alpha)
+#   path: /web/tools/workbox/v3
diff --git a/src/content/en/tools/workbox/templates/contributors.html b/src/content/en/tools/workbox/templates/contributors.html
new file mode 100644
index 00000000000..522d1e17a6f
--- /dev/null
+++ b/src/content/en/tools/workbox/templates/contributors.html
@@ -0,0 +1,192 @@
+{% framebox height="auto" %}
+<!-- This file is auto-generated by 'gulp workbox:generate-contributors' -->
+<style>
+.workbox-contributors-container {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-around;
+}
+
+.wb-contrib {
+  text-align: center;
+  margin: 10px;
+}
+
+.wb-contrib a {
+  color: inherit;
+}
+
+.wb-contrib__image {
+  width: 80px;
+  height: 80px;
+  border-radius: 100%;
+  box-shadow: 0 4px 6px #616161;
+
+  background-color: white;
+}
+</style>
+<div class="workbox-contributors-container">
+
+<div class="wb-contrib">
+  <a class="wb-contrib__img-link" href="https://api.github.com/users/gauntface" target="_blank">
+    <img class="wb-contrib__image" src="https://avatars0.githubusercontent.com/u/139760?v=4">
+  </a>
+  <br />
+  <a class="wb-contrib__link" href="https://api.github.com/users/gauntface" target="_blank">
+    gauntface
+  </a>
+</div>
+
+<div class="wb-contrib">
+  <a class="wb-contrib__img-link" href="https://api.github.com/users/jeffposnick" target="_blank">
+    <img class="wb-contrib__image" src="https://avatars1.githubusercontent.com/u/1749548?v=4">
+  </a>
+  <br />
+  <a class="wb-contrib__link" href="https://api.github.com/users/jeffposnick" target="_blank">
+    jeffposnick
+  </a>
+</div>
+
+<div class="wb-contrib">
+  <a class="wb-contrib__img-link" href="https://api.github.com/users/jpmedley" target="_blank">
+    <img class="wb-contrib__image" src="https://avatars1.githubusercontent.com/u/8204171?v=4">
+  </a>
+  <br />
+  <a class="wb-contrib__link" href="https://api.github.com/users/jpmedley" target="_blank">
+    jpmedley
+  </a>
+</div>
+
+<div class="wb-contrib">
+  <a class="wb-contrib__img-link" href="https://api.github.com/users/prateekbh" target="_blank">
+    <img class="wb-contrib__image" src="https://avatars2.githubusercontent.com/u/5960497?v=4">
+  </a>
+  <br />
+  <a class="wb-contrib__link" href="https://api.github.com/users/prateekbh" target="_blank">
+    prateekbh
+  </a>
+</div>
+
+<div class="wb-contrib">
+  <a class="wb-contrib__img-link" href="https://api.github.com/users/philipwalton" target="_blank">
+    <img class="wb-contrib__image" src="https://avatars1.githubusercontent.com/u/326742?v=4">
+  </a>
+  <br />
+  <a class="wb-contrib__link" href="https://api.github.com/users/philipwalton" target="_blank">
+    philipwalton
+  </a>
+</div>
+
+<div class="wb-contrib">
+  <a class="wb-contrib__img-link" href="https://api.github.com/users/addyosmani" target="_blank">
+    <img class="wb-contrib__image" src="https://avatars2.githubusercontent.com/u/110953?v=4">
+  </a>
+  <br />
+  <a class="wb-contrib__link" href="https://api.github.com/users/addyosmani" target="_blank">
+    addyosmani
+  </a>
+</div>
+
+<div class="wb-contrib">
+  <a class="wb-contrib__img-link" href="https://api.github.com/users/samdutton" target="_blank">
+    <img class="wb-contrib__image" src="https://avatars0.githubusercontent.com/u/205226?v=4">
+  </a>
+  <br />
+  <a class="wb-contrib__link" href="https://api.github.com/users/samdutton" target="_blank">
+    samdutton
+  </a>
+</div>
+
+<div class="wb-contrib">
+  <a class="wb-contrib__img-link" href="https://api.github.com/users/sethbergman" target="_blank">
+    <img class="wb-contrib__image" src="https://avatars3.githubusercontent.com/u/8031689?v=4">
+  </a>
+  <br />
+  <a class="wb-contrib__link" href="https://api.github.com/users/sethbergman" target="_blank">
+    sethbergman
+  </a>
+</div>
+
+<div class="wb-contrib">
+  <a class="wb-contrib__img-link" href="https://api.github.com/users/markgoho" target="_blank">
+    <img class="wb-contrib__image" src="https://avatars3.githubusercontent.com/u/9759954?v=4">
+  </a>
+  <br />
+  <a class="wb-contrib__link" href="https://api.github.com/users/markgoho" target="_blank">
+    markgoho
+  </a>
+</div>
+
+<div class="wb-contrib">
+  <a class="wb-contrib__img-link" href="https://api.github.com/users/goldhand" target="_blank">
+    <img class="wb-contrib__image" src="https://avatars2.githubusercontent.com/u/1919664?v=4">
+  </a>
+  <br />
+  <a class="wb-contrib__link" href="https://api.github.com/users/goldhand" target="_blank">
+    goldhand
+  </a>
+</div>
+
+<div class="wb-contrib">
+  <a class="wb-contrib__img-link" href="https://api.github.com/users/MaxLeiter" target="_blank">
+    <img class="wb-contrib__image" src="https://avatars3.githubusercontent.com/u/8675906?v=4">
+  </a>
+  <br />
+  <a class="wb-contrib__link" href="https://api.github.com/users/MaxLeiter" target="_blank">
+    MaxLeiter
+  </a>
+</div>
+
+<div class="wb-contrib">
+  <a class="wb-contrib__img-link" href="https://api.github.com/users/samthor" target="_blank">
+    <img class="wb-contrib__image" src="https://avatars0.githubusercontent.com/u/119184?v=4">
+  </a>
+  <br />
+  <a class="wb-contrib__link" href="https://api.github.com/users/samthor" target="_blank">
+    samthor
+  </a>
+</div>
+
+<div class="wb-contrib">
+  <a class="wb-contrib__img-link" href="https://api.github.com/users/johnpapa" target="_blank">
+    <img class="wb-contrib__image" src="https://avatars2.githubusercontent.com/u/1202528?v=4">
+  </a>
+  <br />
+  <a class="wb-contrib__link" href="https://api.github.com/users/johnpapa" target="_blank">
+    johnpapa
+  </a>
+</div>
+
+<div class="wb-contrib">
+  <a class="wb-contrib__img-link" href="https://api.github.com/users/gondar00" target="_blank">
+    <img class="wb-contrib__image" src="https://avatars0.githubusercontent.com/u/12490590?v=4">
+  </a>
+  <br />
+  <a class="wb-contrib__link" href="https://api.github.com/users/gondar00" target="_blank">
+    gondar00
+  </a>
+</div>
+
+<div class="wb-contrib">
+  <a class="wb-contrib__img-link" href="https://api.github.com/users/HoBi" target="_blank">
+    <img class="wb-contrib__image" src="https://avatars2.githubusercontent.com/u/5287596?v=4">
+  </a>
+  <br />
+  <a class="wb-contrib__link" href="https://api.github.com/users/HoBi" target="_blank">
+    HoBi
+  </a>
+</div>
+
+<div class="wb-contrib">
+  <a class="wb-contrib__img-link" href="https://api.github.com/users/arthurevans" target="_blank">
+    <img class="wb-contrib__image" src="https://avatars2.githubusercontent.com/u/1149422?v=4">
+  </a>
+  <br />
+  <a class="wb-contrib__link" href="https://api.github.com/users/arthurevans" target="_blank">
+    arthurevans
+  </a>
+</div>
+
+</div>
+{% endframebox %}
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/_book.yaml b/src/content/en/tools/workbox/v3/_book.yaml
new file mode 100644
index 00000000000..bc3ca90f900
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/_book.yaml
@@ -0,0 +1,22 @@
+upper_tabs:
+  - include: /web/_upper_tabs-Fundamentals.yaml
+  - name: Tools
+    heading: "Workbox"
+    path: /web/tools/
+    lower_tabs:
+      other:
+      - name: Home
+        contents:
+        - title: Home
+          path: /web/tools/workbox/v3/
+      - name: Guides
+        contents:
+        - include: /web/tools/workbox/v3/guides/_toc.yaml
+      - name: Modules
+        contents:
+        - include: /web/tools/workbox/v3/modules/_toc.yaml
+      - name: Reference Docs
+        contents:
+        - include: /web/tools/workbox/v3/reference-docs/_toc.yaml
+  - include: /web/_upper_tabs-Updates.yaml
+  - include: /web/_upper_tabs-Showcase.yaml
diff --git a/src/content/en/tools/workbox/v3/_footer.yaml b/src/content/en/tools/workbox/v3/_footer.yaml
new file mode 100644
index 00000000000..8f813827d0a
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/_footer.yaml
@@ -0,0 +1,27 @@
+footer:
+- linkboxes:
+  - name: Key Topics
+    icon_name: star
+    contents:
+    - label: Guides
+      path: /web/tools/workbox/v3/guides/
+    - label: Modules
+      path: /web/tools/workbox/v3/modules/
+    - label: Reference Docs
+      path: /web/tools/workbox/v3/reference-docs/latest/
+
+  - name: Get in Touch
+    icon_name: star
+    contents:
+    - label: "@workboxjs on Twitter"
+      path: https://twitter.com/workboxjs
+    - label: Join the Slack Channel
+      path: /web/tools/workbox/v3/community
+
+  - name: Contribute
+    icon_name: bug_report
+    contents:
+    - label: Ask a Question on StackOverflow
+      path: https://stackoverflow.com/questions/ask?tags=workbox
+    - label: File an Issue
+      path: https://github.com/googlechrome/workbox/issues
diff --git a/src/content/en/tools/workbox/v3/_index.yaml b/src/content/en/tools/workbox/v3/_index.yaml
new file mode 100644
index 00000000000..8965703c0e1
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/_index.yaml
@@ -0,0 +1,73 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+
+landing_page:
+  header:
+    description: <!-- No Description -->
+
+  rows:
+  - heading: Welcome
+    description: >
+      Welcome to the home of Workbox!
+
+      Workbox is a set of libraries and Node modules that make it easy to cache
+      assets of your sites offline and take full advantage of features used
+      to build progressive web apps.
+
+
+    items:
+    - heading: Get Started
+      description: >
+        Getting started with Workbox is easy, in a few minutes you'll be
+        caching assets for your web site and serving them up in your web app.
+      custom_image:
+        background: google-green
+        icon_name: history
+      buttons:
+      - label: Get started
+        path: /web/tools/workbox/v3/guides/get-started
+
+  - heading: "Workbox @ Chrome Dev Summit"
+    background: grey
+    items:
+    - heading: ""
+      description: >
+        In this talk, Jeff Posnick gives an overview of Workbox's support for
+        caching strategies, precaching, and handling navigation requests. It's
+        filled throughout with real-world examples of how companies like
+        Pinterest and WIRED are using Workbox in production.
+      youtube_id: DtuJ55tmjps
+
+  - heading: "Who's Using Workbox?"
+    description: >
+      <style>
+      .using-workbox {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        align-items: center;
+      }
+
+      .using-workbox div {
+        flex-basis: 33%;
+        text-align: center;
+      }
+      </style>
+      <div class="using-workbox">
+      <div><img src="images/third_party/logos/wired.png" alt="Wired Logo" /></div>
+      <div><img src="images/third_party/logos/pinterest.png" alt="Pinterest Logo" /></div>
+      <div><img src="images/third_party/logos/starbucks.png" alt="Starbucks Logo" /></div>
+
+      <div><img src="images/third_party/logos/forbes.png" alt="Forbes Logo" /></div>
+      <div><img src="images/third_party/logos/iheartradio.png" alt="iHeart Radio Logo" /></div>
+      <div><img src="images/third_party/logos/tinder.png" alt="Tinder Logo" /></div>
+      </div>
+
+  - heading: "Contributors"
+    background: grey
+    description: >
+      <p>Workbox is built and maintained by friendly bunch of contributors
+      without whom none of this would be possible.</p>
+
+      {% include 'web/tools/workbox/templates/contributors.html' %}
diff --git a/src/content/en/tools/workbox/v3/_jsdoc.conf b/src/content/en/tools/workbox/v3/_jsdoc.conf
new file mode 100644
index 00000000000..7dd9e4a60eb
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/_jsdoc.conf
@@ -0,0 +1,16 @@
+{
+  "source": {
+    "include": [
+      "packages"
+    ],
+    "includePattern": ".+\\.(js(doc|x)?|mjs)$",
+    "excludePattern": "((^|\\/|\\\\)build(\\/|\\\\)|(^|\\/|\\\\)test(\\/|\\\\)|(^|\\/|\\\\)node_modules(\\/|\\\\)|(^|\\/|\\\\)demo(\\/|\\\\))"
+  },
+  "opts": {
+    "recurse": true
+  },
+  "webFundamentals": {
+    "projectRoot": "/web/tools/workbox/v3/",
+    "productName": "Workbox"
+  }
+}
diff --git a/src/content/en/tools/workbox/v3/_project.yaml b/src/content/en/tools/workbox/v3/_project.yaml
new file mode 100644
index 00000000000..96d8eac9729
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/_project.yaml
@@ -0,0 +1,11 @@
+name: Workbox
+description: Workbox is a set of service worker libraries that making build progressive web apps easy.
+home_url: /web/tools/workbox/v3/
+buganizer_id: 180451
+color: orange
+content_license: cc3-apache2
+footer_path: /web/tools/workbox/v3/_footer.yaml
+google_analytics_ids:
+  - UA-52746336-1
+icon:
+  path: /web/tools/workbox/v3/images/workbox-icon192x192.png
diff --git a/src/content/en/tools/workbox/v3/community.md b/src/content/en/tools/workbox/v3/community.md
new file mode 100644
index 00000000000..18f39ed4c8b
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/community.md
@@ -0,0 +1,45 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+description: Workbox Examples.
+
+{# wf_published_on: 2017-10-04 #}
+{# wf_updated_on: 2017-10-04 #}
+
+# Community {: .page-title }
+
+There are a few ways you learn more about plans for Workbox, help others,
+and get support.
+
+## Stack Overflow
+
+Stack Overflow is a great place to asking and answering
+questions on how to use Workbox.
+
+If you do raise a question please use the
+[workbox](https://stackoverflow.com/questions/ask?tags=workbox)
+tag. This will help the community easily
+[find](https://stackoverflow.com/questions/tagged/workbox) and answer your
+questions.
+
+## Slack
+
+Once a week the Core Workbox team will be on Slack
+for an hour or so to discuss upcoming changes as well
+as future plans.
+
+If you are interested in taking part please feel free to join
+the **#workbox** room on the
+[ChromiumDev Slack Channel](https://chromiumdev.slack.com/).
+
+If you're not already a member of the channel, you can
+[request access here](https://chromiumdev-slack.herokuapp.com/).
+
+Times of when we'll be meeting are on the calendar below.
+
+## Team Calendar
+
+To find out when the next release will be going out or
+to learn when the team is scheduled to chat
+on Slack, check out the calendar below:
+
+<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showNav=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;mode=WEEK&amp;height=600&amp;wkst=2&amp;bgcolor=%23FFFFFF&amp;src=gsmnmr45i797q67dfhp08t48no%40group.calendar.google.com&amp;color=%23333333&amp;ctz=America%2FLos_Angeles" frameborder="0" scrolling="no" style="width: 100%; min-height: 350px;"></iframe>
diff --git a/src/content/en/tools/workbox/v3/guides/_toc.yaml b/src/content/en/tools/workbox/v3/guides/_toc.yaml
new file mode 100644
index 00000000000..25275bb6081
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/guides/_toc.yaml
@@ -0,0 +1,29 @@
+toc:
+
+- title: Overview
+  path: /web/tools/workbox/v3/guides/
+
+- title: "Get Started"
+  path: /web/tools/workbox/v3/guides/get-started
+- title: "Precache Files"
+  path: /web/tools/workbox/v3/guides/precache-files
+- title: "Route Requests"
+  path: /web/tools/workbox/v3/guides/route-requests
+- title: "Configure Workbox"
+  path: /web/tools/workbox/v3/guides/configure-workbox
+- title: "Handle Third-Party Requests"
+  path: /web/tools/workbox/v3/guides/handle-third-party-requests
+# - title: "Build and Use Plugins"
+#  path: /web/tools/workbox/v3/guides/build-and-use-plugins
+- title: "Common Recipes"
+  path: /web/tools/workbox/v3/guides/common-recipes
+# - title: "Enable Offline Analytics"
+#  path: /web/tools/workbox/v3/guides/enable-offline-analytics
+- title: "Troubleshoot and Debug"
+  path: /web/tools/workbox/v3/guides/troubleshoot-and-debug
+# - title: "Generate a Complete Service Worker"
+#  path: /web/tools/workbox/v3/guides/generate-complete-sw
+# - title: "Migrate from sw-<toolbox|precache>"
+#  path: /web/tools/workbox/v3/guides/migrate
+# - title: "Use as ES2015 Imports"
+#  path: /web/tools/workbox/v3/guides/use-es2015-imports
diff --git a/src/content/en/tools/workbox/v3/guides/common-recipes.md b/src/content/en/tools/workbox/v3/guides/common-recipes.md
new file mode 100644
index 00000000000..b7aeeed7190
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/guides/common-recipes.md
@@ -0,0 +1,126 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+description: A common recipes to use with Workbox.
+
+{# wf_updated_on: 2017-11-06 #}
+{# wf_published_on: 2017-11-06 #}
+
+# Common Recipes {: .page-title }
+
+This page contains a set of example caching strategies you can use with Workbox.
+
+## Google Fonts
+
+You can use a cache first strategy to cache the Google Fonts in your page.
+Here we've limited the cache to 30 entries to ensure we don't balloon a users
+device.
+
+```javascript
+workbox.routing.registerRoute(
+  new RegExp('https://fonts.googleapis.com/(.*)'),
+  workbox.strategies.cacheFirst({
+    cacheName: 'googleapis',
+    cacheExpiration: {
+      maxEntries: 30
+    }
+  })
+);
+```
+
+## Caching Images
+
+You can capture and caching images with a cache first strategy based on
+the extension.
+
+```javascript
+workbox.routing.registerRoute(
+  /\.(?:png|gif|jpg|jpeg|svg)$/,
+  workbox.strategies.cacheFirst({
+    cacheName: 'images',
+    cacheExpiration: {
+      maxEntries: 60,
+      maxAgeSeconds: 30 * 24 * 60 * 60 // 30 Days
+    }
+  })
+);
+```
+
+## Cache CSS and JavaScript Files
+
+You can use a stale while revalidate for CSS and JavaScript files that
+aren't precached.
+
+```javascript
+workbox.routing.registerRoute(
+  /\.(?:js|css)$/,
+  workbox.strategies.staleWhileRevalidate({
+    cacheName: 'static-resources'
+  })
+);
+```
+
+## Caching Content from Multiple Origins
+
+You can create regular expressions to cache similar requests from multiple
+origins in a single route. For example, you can cache assets from origins
+like `googleapis.com` and `gstatic.com` with a single route.
+
+```javascript
+workbox.routing.registerRoute(
+  /.*(?:googleapis|gstatic)\.com.*$/,
+  workbox.strategies.staleWhileRevalidate()
+);
+```
+
+An alternative to the above example is to cache the origins separately to
+store assets in  cache for each origin.
+
+```javascript
+workbox.routing.registerRoute(
+  /.*(?:googleapis)\.com.*$/,
+  workbox.strategies.staleWhileRevalidate({
+    cacheName: 'googleapis'
+  })
+);
+
+workbox.routing.registerRoute(
+  /.*(?:gstatic)\.com.*$/,
+  workbox.strategies.staleWhileRevalidate({
+    cacheName: 'gstatic'
+  })
+);
+```
+
+## Restrict Caches for a Specific Origin
+
+You can cache assets for a specific origin and apply expiration rules on
+that cache. For example, the example below caches up to 50 requests for
+up to 5 minutes.
+
+```javascript
+workbox.routing.registerRoute(
+    'https://hacker-news.firebaseio.com/v0/*',
+    workbox.strategies.cacheFirst({
+        cacheName: 'stories',
+        cacheExpiration: {
+            maxEntries: 50,
+            maxAgeSeconds: 5 * 60 // 5 minutes
+        },
+        cacheableResponse: {statuses: [0, 200]}
+    })
+);
+
+```
+
+## Cache Resources from a Specific Subdirectory
+
+You can use a regular expression to easily route requests to files in a
+specific directory. If we wanted to route requests to files in `/static/`,
+we could use the regular expression `new RegExp('/static/.*/')`, like so:
+
+```javascript
+workbox.routing.registerRoute(
+  new RegExp('/static/(.*)'),
+  workbox.strategies.staleWhileRevalidate()
+);
+```
diff --git a/src/content/en/tools/workbox/v3/guides/configure-workbox.md b/src/content/en/tools/workbox/v3/guides/configure-workbox.md
new file mode 100644
index 00000000000..fb2acf7e955
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/guides/configure-workbox.md
@@ -0,0 +1,137 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+description: A guide on how to configure Workbox.
+
+{# wf_updated_on: 2017-11-06 #}
+{# wf_published_on: 2017-11-06 #}
+
+# Configure Workbox {: .page-title }
+
+Out of the box Workbox comes set up with some default values for cache names and log levels. This guide will cover how you can change these values and what will happen as a result.
+
+## Configure Cache Names
+
+As you start to use Workbox, you'll notice that caches are automatically created.
+
+![Workbox Default Caches](../images/guides/configure-workbox/default-caches.png)
+
+By default, Workbox will only create two caches, one for precaching and one for runtime caching. Using `workbox-core` you can get the current cache names like so:
+
+```javascript
+const precacheCacheName = workbox.core.cacheNames.precache;
+const runtimeCacheName = workbox.core.cacheNames.runtime;
+```
+
+Both the precache and runtime cache names are made of three pieces of information:
+
+`<prefix>-<Cache ID>-<suffix>`
+
+You can alter the cache names by altering all or some of these pieces of information:
+
+```javascript
+workbox.core.setCacheNameDetails({
+  prefix: 'my-app',
+  suffix: 'v1'
+});
+```
+
+The above would produce the cache names:
+
+**Precache:** my-app-precache-v1
+
+**Runtime:** my-app-runtime-v1
+
+You can customize the entire cache name by parsing in a `precache` and
+/ or `runtime` parameter.
+
+```javascript
+workbox.core.setCacheNameDetails({
+  prefix: 'my-app',
+  suffix: 'v1',
+  precache: 'custom-precache-name',
+  runtime: 'custom-runtime-name'
+});
+```
+
+Note: We recommend changing the prefix for each of your projects. This
+allows you to work on multiple projects using the same localhost port number
+without mixing up the caches.
+
+### Custom Cache Names in Strategies
+
+Above discusses how to customise the **default cache names** used
+for precaching and runtime caching, but it’s not uncommon to want
+additional caches for specific uses, like a cache just for images.
+
+In other parts of the Workbox API’s there will in an option to supply a
+`cacheName` property as an option. For example, the [runtime strategies](/web/tools/workbox/v3/modules/workbox-runtime-caching) accepts a `cacheName`
+option. In these cases, the cache name will be used exactly as you define,
+the prefix and suffix **will not be used**.
+
+If you wanted to use a cache for images, you might configure a route like this:
+
+```javascript
+workbox.routing.registerRoute(
+  /.*\.(?:png|jpg|jpeg|svg|gif)/g,
+  new workbox.strategies.CacheFirst({
+    cacheName: 'my-image-cache',
+  })
+);
+```
+
+This will result in images being stored in a cache called `my-image-cache`.
+
+![Using a Custom Cache Name in Workbox](../images/guides/configure-workbox/custom-cache-name.png)
+
+### Configure Debug Builds vs Production Builds
+
+For each of the Workbox service worker libraries, there are two builds, one for development and one for production.
+
+- **Debug Builds:** Come un-minified, have additional logging and performs rigorous assertion checking to make development as easy as possible.
+
+- **Production Builds:** Are minified with any optional logging and logic stripped from the build.
+
+If you are using `workbox-sw`, it’ll automatically use development builds whenever you are developing on a localhost origin, otherwise it’ll use production builds.
+
+![Debug vs Production Builds of Workbox](../images/guides/configure-workbox/debug-vs-prod.png)
+
+You can override this behavior with the `debug` option. Setting to true will force debug builds, setting to false will force production builds.
+
+```javascript
+// Force development builds
+workbox.setConfig({ debug: true });
+
+// Force production builds
+workbox.setConfig({ debug: false });
+```
+
+If you are using the modules directly (via CDN of from NPM modules), you can switch between development and production builds by changing the file extension between `<module>.dev.js` and `<module>.prod.js`.
+
+## Configure Log Levels
+
+Workbox will print messages to the console to help during development.
+
+![Workbox Welcome Message](../images/guides/configure-workbox/welcome-message.png)
+
+You can determine the level of a log from the color code:
+
+![Color coded logs in Workbox](../images/guides/configure-workbox/workbox-core_logs.png)
+
+You can alter the log level to show more or less logs by setting the log level, like so:
+
+```javascript
+// The most verbose - displays all logs.
+workbox.core.setLogLevel(workbox.core.LOG_LEVELS.debug);
+
+// Shows logs, warnings and errors.
+workbox.core.setLogLevel(workbox.core.LOG_LEVELS.log);
+
+// Show warnings and errors.
+workbox.core.setLogLevel(workbox.core.LOG_LEVELS.warn);
+
+// Show *just* errors
+workbox.core.setLogLevel(workbox.core.LOG_LEVELS.error);
+
+// Silence all of the Workbox logs.
+workbox.core.setLogLevel(workbox.core.LOG_LEVELS.silent);
+```
diff --git a/src/content/en/tools/workbox/v3/guides/get-started.md b/src/content/en/tools/workbox/v3/guides/get-started.md
new file mode 100644
index 00000000000..da0635b5f49
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/guides/get-started.md
@@ -0,0 +1,163 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+description:Get Started with Workbox.
+
+{# wf_updated_on: 2017-11-06 #}
+{# wf_published_on: 2017-11-06 #}
+
+# Get Started {: .page-title }
+
+This guide will show you how to get up and running with Workbox to route
+common requests for a web page and demonstrate how to cache using a common
+strategy.
+
+Since most websites contain CSS, JavaScript and images, let’s look at how we
+can cache and serve these files using a service worker and Workbox.
+
+## Create and Register a Service Worker File
+
+Before we can use Workbox, we need to create a service worker file and
+register it to our web site.
+
+Strart by creating a file called `sw.js` at the root of your site and add a
+console message to the file (This is so we can see it load).
+
+```javascript
+console.log('Hello from sw.js');
+```
+
+In your web page register your new service worker file like so:
+
+```javascript
+<script>
+// Check that service workers are registered
+if ('serviceWorker' in navigator) {
+  // Use the window load event to keep the page load performant
+  window.addEventListener('load', () => {
+    navigator.serviceWorker.register('/sw.js');
+  });
+}
+</script>
+```
+
+This tell's the browser this is the service worker to use for site.
+
+If you refresh your page you'll see the log from your service worker file.
+
+![Console message from sw.js in DevTools](../images/guides/get-started/hello-console.png)
+
+Looking in the “Application” tab in Chrome DevTools you should see your service
+worker registered.
+
+![Application Tab displaying a registered service worker.](../images/guides/get-started/application-tab.png)
+
+Note: Click the “Update on reload” checkbox to make it easier to develop with
+your new service worker.
+
+Now that we have a service worker registered, let’s look at how we can use
+Workbox.
+
+## Importing Workbox
+
+To start using Workbox you just need to import the `workbox-sw.js` file in your
+service worker.
+
+Change your service worker so that it has the following `importScripts()` call.
+
+```javascript
+importScripts('https://storage.googleapis.com/workbox-cdn/releases/3.0.0-alpha.24/workbox-sw.js');
+
+if (workbox) {
+  console.log(`Yay! Workbox is loaded 🎉`);
+} else {
+  console.log(`Boo! Workbox didn't load 😬`);
+}
+```
+
+With this you should see the “Yay” message so we know that Workbox is
+officially loaded in our service worker.
+
+![DevTools screenshot of Workbox loading in a service worker.](../images/guides/get-started/yay-loaded.png)
+
+Now we can start using Workbox.
+
+## Using Workbox
+
+One of Workbox’s primary features is it’s routing and and caching strategy
+modules. It allows you to listen for requests from your web page and determine
+if and how that request should be cached and responded to.
+
+Let’s add a cache fallback to our JavaScript files. The easiest way to do this
+is to register a route with Workbox that will match any “.js” files that are
+requested, which we can do with a regular expression:
+
+```javascript
+workbox.routing.registerRoute(new RegExp('.*\.js'), … );
+```
+
+This tells Workbox that when a request is made, it should see if the regular
+expression matches part of the URL, and if it does, do something with that
+request. For this guide, that “do something” is going to be passing the request
+through one of Workbox’s caching strategies.
+
+If we want our JavaScript files to come from the network whenever possible,
+but fallback to the cached version if the network fails, we can use the
+“network first” strategy to achieve this.
+
+```javascript
+workbox.routing.registerRoute(new RegExp('.*\.js'), workbox.strategies.networkFirst());
+```
+
+Add this code to your service worker and refresh the page. If your web page
+has JavaScript files in it, you should see some logs similar to this:
+
+![Example console logs from routing a JavaScript file.](../images/guides/get-started/routing-example.png)
+
+Workbox has routed the request for any “.js” files and used the network first
+strategy to determine how to respond to the request. You can look in the
+caches of DevTools to check that the request has actually been cached.
+
+![Example of a JavaScript file being cached.](../images/guides/get-started/cached-request.png)
+
+Workbox provides a few caching strategies that you can use. For example, your CSS could be served from the cache first and updated in the background or your images could be cached and used until it’s a week old, after which it’ll need updating.
+
+```javascript
+workbox.routing.registerRoute(
+  // Cache CSS files
+  /.*\.css/,
+  // Use cache but update in the background ASAP
+  workbox.strategies.staleWhileRevalidate({
+    // Use a custom cache name
+    cacheName: 'css-cache',
+  })
+);
+
+workbox.routing.registerRoute(
+  // Cache image files
+  /.*\.(?:png|jpg|jpeg|svg|gif)/,
+  // Use the cache if it's available
+  workbox.strategies.cacheFirst({
+    // Use a custom cache name
+    cacheName: 'image-cache',
+    cacheExpiration: {
+      // Cache only 20 images
+      maxEntries: 20,
+      // Cache for a maximum of a week
+      maxAgeSeconds: 7 * 24 * 60 * 60,
+    }
+  })
+);
+```
+
+## What Else Can Workbox Do?
+
+Routing and caching strategies are performed by the `routing` and
+`strategies` modules, but there are plenty of other modules, each offering
+specific behaviours that you can use in your service worker.
+
+You'll find a number of guides that cover other features of Workbox as well
+as more information on configuring Workbox. Find a full list on the left, but
+the next natural step is to enable precaching, which is the process of adding
+files to the cache when your service worker loads.
+
+<a href="./how-to-precache-files" class="button">Learn More About Precaching</a>
diff --git a/src/content/en/tools/workbox/v3/guides/handle-third-party-requests.md b/src/content/en/tools/workbox/v3/guides/handle-third-party-requests.md
new file mode 100644
index 00000000000..bb9977a1605
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/guides/handle-third-party-requests.md
@@ -0,0 +1,104 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+description: A guide on how to handle third party requests with Workbox.
+
+{# wf_updated_on: 2017-11-06 #}
+{# wf_published_on: 2017-11-06 #}
+
+# Handle Third Party Requests {: .page-title }
+
+A lot of websites will use files from a different origin. For example, if you
+use Google Fonts, you’ll be importing the styles and fonts from
+`https://fonts.googleapis.com/`. Any request for a file from a different
+origin is known as a cross-origin request and these requests require special
+handling in Workbox.
+
+In this guide we are going to look at how a cross-origin request can be
+different and what you can do in Workbox to support these requests.
+
+## Cross-Origin Requests and Opaque Responses
+
+One of the security mechanisms in browsers is that when a piece of JavaScript
+requests a URL on a different origin, it’s not prevented from being able to
+view the response. The reason for this is so websites can’t try and scan for
+URLs on a user’s network.
+
+When you get a response like this, it’s known as an "opaque response". Some
+requests can be read in JavaScript if the server returns
+[CORS headers](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS), but a
+number of sites will not do this.
+
+In service workers you can make requests to third-parties and cache the
+responses. For opaque responses the contents of the Response will still
+be hidden. You can’t even check that status code of the response. Because
+of this Workbox treats opaque responses differently.
+
+You can learn more from this
+[Stackoverflow Q&A](https://stackoverflow.com/questions/39109789/what-limitations-apply-to-opaque-responses).
+
+## Workbox Caches Opaque Response Sometimes
+
+In general, Workbox will not cache opaque responses.
+
+The reason for this is that it’s very easy to get into a bad state.
+
+Let’s say a developer set up a route with a "cache first" strategy.
+
+```javascript
+workbox.routing.registerRoute(
+  'https://cdn.google.com/example-script.min.js',
+  workbox.strategies.cacheFirst(),
+);
+```
+
+This response would cache the opaque response and serve it up from that point
+onwards. The problem is that if that request fails for any reason, Workbox
+won’t be able to detect this and will continue to serve up the broken response.
+The user will be in a broken state.
+
+However, it’s not a bad thing to want to try and add some fault tolerance to
+these requests so Workbox will allow opaque responses to be cached with the
+`networkFirst` and `stalteWhileRevalidate` strategies. Since these strategies
+regularly update the cached response it’s much safer to cache them as
+hopefully a bad request will be short lived and used rarely.
+
+```javascript
+workbox.routing.registerRoute(
+  'https://cdn.google.com/example-script.min.js',
+  workbox.strategies.networkFirst(),
+);
+
+// OR
+
+workbox.routing.registerRoute(
+  'https://cdn.google.com/example-script.min.js',
+  workbox.strategies.staleWhileRevalidate(),
+);
+
+```
+
+If you use another caching strategy and an opaque response is returned,
+Workbox will log a warning letting you know that the response wasn’t cached.
+
+![Example warning when an opaque response isn't cached.](../images/guides/third-party-requests/opaque-response-log.png)
+
+## Force Caching of Opaque Responses
+
+If you are certain that you want to cache an opquae response, you can do
+so using the `CachaeablResponsePlugin`, like so:
+
+```javascript
+workbox.routing.registerRoute(
+  'https://cdn.google.com/example-script.min.js',
+  workbox.strategies.cacheFirst({
+    cacheableResponse: {
+      statuses: [0, 200]
+    }
+  }),
+);
+```
+
+<aside markdown="1" class="warning">
+<strong>Warning:</strong> This will cache a response that could be an error and it will not
+get updated!
+</aside>
diff --git a/src/content/en/tools/workbox/v3/guides/index.md b/src/content/en/tools/workbox/v3/guides/index.md
new file mode 100644
index 00000000000..be7dfea2758
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/guides/index.md
@@ -0,0 +1,17 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+description: TODO: Description of Guides.
+
+{# wf_updated_on: 2017-11-06 #}
+{# wf_published_on: 2017-11-06 #}
+
+# Guides {: .page-title}
+
+Workbox offers a range of functionality and features that developers can
+take advantage of.
+
+These guides will introduce you to the Workbox API and step through
+how to use each piece of Workbox and best practices to make the most
+of the libraries.
+
+<a href="./get-started" class="button">Get Started</a>
diff --git a/src/content/en/tools/workbox/v3/guides/precache-files.md b/src/content/en/tools/workbox/v3/guides/precache-files.md
new file mode 100644
index 00000000000..cd4097f2f1e
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/guides/precache-files.md
@@ -0,0 +1,8 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+description: A guide on how to precache files with Workbox.
+
+{# wf_updated_on: 2017-11-06 #}
+{# wf_published_on: 2017-11-06 #}
+
+# Precache Files {: .page-title }
diff --git a/src/content/en/tools/workbox/v3/guides/route-requests.md b/src/content/en/tools/workbox/v3/guides/route-requests.md
new file mode 100644
index 00000000000..76b06f3fd3f
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/guides/route-requests.md
@@ -0,0 +1,237 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+description: A guide on how to route requests with Workbox.
+
+{# wf_updated_on: 2017-11-06 #}
+{# wf_published_on: 2017-11-06 #}
+
+# Route Requests {: .page-title }
+
+Routing in Workbox is the process of a Router *matching* a request to a
+route and the route then *handling* that request (i.e. providing a response).
+
+There are three ways developers can match a request with `workbox-routing`.
+
+1. A string.
+1. A regular expression.
+1. A callback function.
+
+We’ll first look at how you can matching using this three approaches and
+then we’ll go on to cover the handling of a request, which is where the
+`handler` variable will serve as a placeholder.
+
+## Matching a Route with a String
+
+Matching a route with a string is the easiest to understand, but also the least flexible option.
+
+The requests URL is compared to the routes string and if they are equal the request will use that routes handler.
+
+So we could define a route for '/logo.png' like so:
+
+```javascript
+workbox.routing.registerRoute(
+  '/logo.png',
+  handler
+);
+```
+
+The only thing to be weary of is that this would only match for requests
+on your origin. If there was a seperate site what had the URL
+"https://some-other-origin.com/logo.png", this route wouldn’t match, because
+in most cases, that’s not what was intended. Instead you’d need to define
+the entire URL to match.
+
+```javascript
+workbox.routing.registerRoute(
+  'https://some-other-origin.com/logo.png',
+  handler
+);
+```
+
+## Matching a Route with a Regular Expression
+
+When you have a set of URLs that you want to route as a group, Regular Expressions are the best way to go.
+
+The regular expression needs to match part of the URL to be treated as a match for that route. This provides a lot of flexibility as to how you use it.
+If we wanted to route specific file extensions we could write routes such as:
+
+```javascript
+workbox.routing.registerRoute(
+  new RegExp('.*\.js'),
+  jsHandler
+);
+
+workbox.routing.registerRoute(
+  new RegExp('.*\.css'),
+  cssHandler
+);
+```
+
+Or you can write regular expressions that test for a specifc URL format, for example a blog that follows the format `/blog/<year>/<month>/<post title slug>`.
+
+```javascript
+workbox.routing.registerRoute(
+  /\/blog\/\d\d\d\d\/\d\d\/.+/,
+  handler
+);
+```
+
+Just like the string matching, requests for different origins are treated differently. Instead of needing match a part of the URL, it must match from the beginning of the URL. For example,
+`https://some-other-origin.com/blog/<year>/<month>/<post title slug>` would
+need to match against "https://some-other-origin.com" as well as the path
+name. So we’d have to change our regular expression to something like the
+following if we wanted to capture both same origin and third party origin
+requests:
+
+```javascript
+workbox.routing.registerRoute(
+  /(?:https:\/\/.*)?\/blog\/\d\d\d\d\/\d\d\/.+/,
+  handler
+);
+```
+
+## Matching a Route with a Callback Function
+
+To allow developers to do anything they want to match a request, you can also
+provide a function that can determine with a request should match a route on
+any criteria it wishes.
+
+The callback will receive an object with the requests URL and the `FetchEvent`
+received in the service worker.
+
+```javascript
+const matchFunction = ({url, event}) => {
+  // Return true if the route should match
+  return false;
+};
+
+workbox.routing.registerRoute(
+  matchFunction,
+  handler
+);
+```
+
+Now that a request can be matched with a route, it’s time to handle the request (i.e. provide a Response for the request).
+
+There are two ways you can  handle a request:
+
+1. Use one of Workbox’s strategies provided by `workbox.strategies`.
+1. Provide a callback function that returns a Promise that resolves to a
+`Response`.
+
+## Handling a Route with a Workbox Strategy
+
+Most routes can be handled with one of the built in caching strategies.
+
+- Stale While Revalidate
+    - This strategy will use a cached response for a request if it is
+    available and update the cache in the background with a response form
+    the network. (If it’s not cached it will wait for the network response
+    and use that). This is a fairly safe strategy as it means users are
+    regularly updating their cache. The downside of this strategy is that
+    it’s always requesting an asset from the network, using up the user’s
+    bandwidth.
+- Network First
+    - This will try and get a request from the network first. If it receives
+    a response, it’ll pass that to the browser and also save it to a cache.
+    If the network request fails, the last cached response will be used.
+- Cache First
+    - This strategy will check the cache for a response first and use that
+    if one is available. If the request isn’t in the cache, the network will
+    be used and any valid response will be added to the cache before being
+    passed to the browser.
+- Network Only
+    - Force the response to come from the network.
+- Cache Only
+    - Force the response to come from the cache.
+
+Using these as your `handler` can be done like so:
+
+```javascript
+workbox.routing.registerRoute(
+  match,
+  workbox.strategies.staleWhileRevalidate()
+);
+
+workbox.routing.registerRoute(
+  match,
+  workbox.strategies.networkFirst()
+);
+
+workbox.routing.registerRoute(
+  match,
+  workbox.strategies.cacheFirst()
+);
+
+workbox.routing.registerRoute(
+  match,
+  workbox.strategies.networkOnly()
+);
+
+workbox.routing.registerRoute(
+  match,
+  workbox.strategies.cacheOnly()
+);
+```
+
+There are some options you can set on each strategy to customise the behavior
+of a route.
+
+```javascript
+workbox.strategies.staleWhileRevalidate({
+   // Use a custom cache for this route
+  cacheName: 'my-cache-name',
+  // Force the cache to clear out the cached requests
+  cacheExpiration: {
+    // Limit the cache to storing 10 requests
+    maxEntries: 10,
+    // Don’t let a request to be cached longer than 1 hour
+    maxAgeSeconds: 60 * 60,
+  },
+  // Add some plugins to provide extra behaviors
+  plugins: [...]
+});
+```
+
+These options are often needed to make it safer when caching requests
+(i.e. limiting how long they are cached or making sure the data used on a
+device is limited).
+
+## Handling a Route with a Custom Callback
+
+There may be scenarios where you’d like to respond to a request with a
+different strategy of your own or simply generating the request in the
+service worker with templating. For this you can provide a function and
+it’ll be called with an object containing the request url and `FetchEvent`.
+
+```javascript
+const handler = ({url, event}) => {
+  return new Response(`Custom handler response.`);
+};
+
+workbox.routing.registerRoute(match, handler);
+```
+
+One thing to note is that if you return a value in the `match` callback,
+it’ll be passed into the `handler` callback as a `params` argument.
+
+```javascript
+const match = ({url, event}) => {
+  return {
+    name: 'Workbox',
+    type: 'guide',
+  };
+};
+
+const handler = ({url, event, params}) => {
+   // Response will be “A guide on Workbox”
+  return new Response(
+    `A ${params.type} on ${params.name}`
+  );
+};
+
+workbox.routing.registerRoute(match, handler);
+```
+
+This may be helpful if there are pieces of information in the URL that can
+be parsed once in the *match* callback and used in your *handler*.
diff --git a/src/content/en/tools/workbox/v3/guides/troubleshoot-and-debug.md b/src/content/en/tools/workbox/v3/guides/troubleshoot-and-debug.md
new file mode 100644
index 00000000000..c91ab30e1e8
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/guides/troubleshoot-and-debug.md
@@ -0,0 +1,120 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+description: A guide on how to troubleshoot and debugging issues with Workbox.
+
+{# wf_updated_on: 2017-11-06 #}
+{# wf_published_on: 2017-11-06 #}
+
+# Troubleshoot and Debug {: .page-title }
+
+Working with service workers can be challenging, especially when
+starting out. This page will cover a few useful tips to help working
+with service workers and help with Workbox.
+
+## Get to Know Your Developer Tools
+
+Chrome's developer tools have a number of tools to make it easier to
+work with service workers.
+
+The most common features use are the following.
+
+### Update on Reload
+
+The "update on reload" toggle will force Chrome to check for a new service
+worker every time you refresh the page. This means that any new changes will
+be found on each page load.
+
+![image alt text](image_0.png)
+
+### Clear Storage
+
+There will come a point where you'll want to start from a claim state.
+No service workers, not caching, nothing. You can clear everything with
+the "Clear site data" button.
+
+![image alt text](image_1.png)
+
+## Bypass for Network
+
+When you aren't working with service workers at all, you can make the browser
+go straight to the network (i.e. not use the service worker) with the "Bypass
+for Network" toggle.
+
+![image alt text](image_2.png)
+
+You'll know what this is working because the network panel will stop showing
+"(from ServiceWorker)".
+
+![image alt text](image_3.png)
+
+There are plenty more features, the above list should help as you start
+working on your service worker files.
+[Learn what other features exist in DevTools here](https://developers.google.com/web/tools/chrome-devtools/progressive-web-apps#service-workers).
+
+## Common Problems
+
+There are a set of problems that are common for developers to hit when
+working with developers.
+
+**_Q:_** Why isn't my new service worker loading?
+
+**_A:_** The reason that you might find that your service worker isn't
+loading is because it's stuck in a pending state. This is normally caused
+by having multiple tabs or windows open that are using the service worker.
+
+You can determine if this is the case by looking under your service worker
+in Application > Service Workers.
+
+![image alt text](image_4.png)
+
+You can fix this by clicking the "skipWaiting" link or by closing the extra
+tabs so you only have one tab using the website (this enables the service
+worker to update on a refresh).
+
+**_Q:_** My service worker isn't pending, but it's still no loading new changes.
+
+**_A:_** Browsers will actually use a cached version of a service worker if
+the service worker file is served with a cache expiration header. The cached
+version will only be used for up to 24 hours, but it can still be difficult
+to reason with.
+**The best practice is to set the cache expiration header to 0 for your service worker file**.
+This forces the browser to update the service worker whenever your page loads.
+
+## Debugging Workbox
+
+If you are finding it difficult to debug what Workbox is doing there are a few
+things you can do to get some extra information.
+
+### Use a Debug Build
+
+The debug builds of Workbox perform extra checks on the inputs and outputs
+arguments, provide extra logging and come unminified. This should help with
+debug a range of issues.
+
+If you are using `workbox-sw`, you just need to set the config to `debug: true`
+to force Workbox to use debug builds.
+
+```javascript
+workbox.setConfig({
+  debug: true
+});
+```
+
+If you are using the module files directly, just swap `.prod.js` for `.dev.js`.
+
+### Enable 'debug' Logs
+
+To avoid clogging up the console with Workbox logs it has a log level feature
+that by default will be set to `log` for debug builds. Changing the log level
+to `debug` will result in more logs being printed to the console.
+
+```javascript
+workbox.core.setLogLevel(workbox.core.LOG_LEVELS.debug);
+```
+
+## Stackoverflow
+
+If you are still struggling to figure out your problem try posting a question
+to [Stackoverflow with the `workbox` tag](https://stackoverflow.com/questions/ask?tags=workbox).
+This enables a wide audience of people to view, answer and learn from your
+question.
diff --git a/src/content/en/tools/workbox/v3/home.md b/src/content/en/tools/workbox/v3/home.md
new file mode 100644
index 00000000000..d47f9ce8b6a
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/home.md
@@ -0,0 +1,212 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+description: Service Worker Libraries.
+
+{# wf_published_on: 2017-10-04 #}
+{# wf_updated_on: 2017-10-31 #}
+
+<style>
+.index__install-options {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  margin-bottom: 16px;
+}
+
+.index__install-option {
+  display: flex;
+  width: 100%;
+
+  justify-content: center;
+  align-items: center;
+
+  padding: 32px 32px;
+  box-sizing: border-box;
+}
+
+.index__install-option img {
+  width: 100%;
+}
+
+.index__install-webpack {
+  background-color: black;
+}
+
+.index__install-gulp {
+  background-color: #D04843;
+  margin: 10px 0;
+}
+
+.index__install-npm {
+  background-color: #2a333c;
+}
+
+.workbox-logo {
+  padding: 0 30px;
+}
+
+.page-title {
+  display: none;
+}
+
+.workbox-contributors-container {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-around;
+}
+
+.wb-contrib__image {
+  width: 80px;
+  height: 80px;
+  border-radius: 100%;
+  box-shadow: 0 4px 6px #616161;
+  margin: 10px;
+}
+
+@media (min-width: 780px) {
+  .index__install-options {
+    flex-direction: row;
+  }
+
+  .index__install-option {
+    width: 0;
+    flex: 1;
+  }
+
+  .index__install-gulp {
+    margin: 0 10px;
+  }
+}
+</style>
+
+# Workbox {: .page-title }
+
+<figure class="attempt-right workbox-logo">
+  <img src="/web/tools/workbox/thumb.png" alt="Workbox logo">
+</figure>
+
+Workbox is a collection of libraries and build tools that make it easy to
+store your website’s files locally, on your users’ devices. Consider Workbox
+if you want to:
+
+- Make your site work offline.
+- Improve load performance on repeat-visits. Even if you don’t want to go
+fully-offline, you can use Workbox to store and serve common files locally,
+rather than from the network.
+
+<p><a class="button" href="overview">Learn more</a></p>
+
+<div style="clear:both;"></div>
+
+## Get Started
+### Choose your build tool to get started:
+
+<div class="index__install-options">
+  <a href="./get-started/webpack.html" class="index__install-option index__install-webpack">
+    <img src="images/third_party/webpack-logo.svg" alt="Install Workbox's Webpack plugin">
+  </a>
+
+  <a href="./get-started/gulp.html" class="index__install-option index__install-gulp">
+    <img src="images/third_party/gulp-logo.svg" alt="Install Workbox to work with Gulp">
+  </a>
+
+  <a href="./get-started/npm-script.html" class="index__install-option index__install-npm">
+    <img src="images/third_party/npm-logo.svg" alt="Install Workbox to work with NPM Scripts">
+  </a>
+</div>
+
+### Not using a build tool?
+
+Install our command-line interface:
+
+```
+$ npm install workbox-cli --global
+
+# Generate a service worker with some smart defaults
+$ workbox generate:sw
+```
+
+### Want to work directly in your service worker?
+
+We support that too with workbox-sw.
+
+```
+$ npm install --save workbox-sw
+```
+
+Then reference the file from your service worker:
+
+```
+importScripts('/node_modules/workbox-sw/build/workbox-sw.vX.X.X.prod.js');
+```
+
+## Features
+
+### Easy precaching
+
+```javascript
+importScripts('/node_modules/workbox-sw/build/workbox-sw.vX.X.X.prod.js');
+
+const workboxSW = new WorkboxSW();
+workboxSW.precache([
+  {
+    url: '/index.html',
+    revision: 'bb121c',
+  }, {
+    url: '/styles/main.css',
+    revision: 'acd123',
+  }, {
+    url: '/scripts/main.js',
+    revision: 'a32caa',
+  }
+]);
+```
+
+### Comprehensive caching strategies
+
+```javascript
+const workboxSW = new WorkboxSW();
+const networkFirst = workboxSW.strategies.networkFirst();
+workboxSW.router.registerRoute('/schedule', networkFirst);
+```
+
+- Cache only
+- Cache first, falling back to network
+- Cache, with network update
+- Network only
+- Network first, falling back to cache
+
+### Powerful debugging support
+
+<img src="images/workbox-logging.png" alt="Example of Workbox Logging." />
+
+### The next version of sw-precache &amp; sw-toolbox
+
+Workbox is a rethink of our previous service worker libraries with a focus on
+modularity. It aims to reduce friction with a unified interface, while keeping
+the overall library size small. Same great features, easier to use and
+cross-browser compatible.
+
+## Workbox: Flexible PWA Libraries @ Chrome Dev Summit 2017
+
+<div class="attempt-left">
+<p>In this talk, Jeff Posnick gives an overview of Workbox's support for caching
+strategies, precaching, and handling navigation requests. It's filled throughout
+with real-world examples of how companies like Pinterest and WIRED are using
+Workbox in production.</p>
+</div>
+
+<div class="attempt-right" style="width: 100%;">
+  <iframe class="devsite-embedded-youtube-video" data-video-id="DtuJ55tmjps"
+          data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen>
+  </iframe>
+</div>
+
+<div style="clear:both;"></div>
+
+## Contributors
+
+<div class="workbox-contributors-container">
+  {% include "web/tools/workbox/templates/contributors.html" %}
+</div>
diff --git a/src/content/en/tools/workbox/v3/images/guides/configure-workbox/custom-cache-name.png b/src/content/en/tools/workbox/v3/images/guides/configure-workbox/custom-cache-name.png
new file mode 100644
index 00000000000..84bf15ba29e
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/guides/configure-workbox/custom-cache-name.png differ
diff --git a/src/content/en/tools/workbox/v3/images/guides/configure-workbox/debug-vs-prod.png b/src/content/en/tools/workbox/v3/images/guides/configure-workbox/debug-vs-prod.png
new file mode 100644
index 00000000000..abcf93688e6
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/guides/configure-workbox/debug-vs-prod.png differ
diff --git a/src/content/en/tools/workbox/v3/images/guides/configure-workbox/default-caches.png b/src/content/en/tools/workbox/v3/images/guides/configure-workbox/default-caches.png
new file mode 100644
index 00000000000..f398683598b
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/guides/configure-workbox/default-caches.png differ
diff --git a/src/content/en/tools/workbox/v3/images/guides/configure-workbox/welcome-message.png b/src/content/en/tools/workbox/v3/images/guides/configure-workbox/welcome-message.png
new file mode 100644
index 00000000000..9a9037cb1e1
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/guides/configure-workbox/welcome-message.png differ
diff --git a/src/content/en/tools/workbox/v3/images/guides/configure-workbox/workbox-core_logs.png b/src/content/en/tools/workbox/v3/images/guides/configure-workbox/workbox-core_logs.png
new file mode 100644
index 00000000000..51eb041b7b9
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/guides/configure-workbox/workbox-core_logs.png differ
diff --git a/src/content/en/tools/workbox/v3/images/guides/get-started/application-tab.png b/src/content/en/tools/workbox/v3/images/guides/get-started/application-tab.png
new file mode 100644
index 00000000000..2cfaf2d3b0f
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/guides/get-started/application-tab.png differ
diff --git a/src/content/en/tools/workbox/v3/images/guides/get-started/cached-request.png b/src/content/en/tools/workbox/v3/images/guides/get-started/cached-request.png
new file mode 100644
index 00000000000..c57aea83940
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/guides/get-started/cached-request.png differ
diff --git a/src/content/en/tools/workbox/v3/images/guides/get-started/hello-console.png b/src/content/en/tools/workbox/v3/images/guides/get-started/hello-console.png
new file mode 100644
index 00000000000..0dc027dbcef
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/guides/get-started/hello-console.png differ
diff --git a/src/content/en/tools/workbox/v3/images/guides/get-started/routing-example.png b/src/content/en/tools/workbox/v3/images/guides/get-started/routing-example.png
new file mode 100644
index 00000000000..27e39d76328
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/guides/get-started/routing-example.png differ
diff --git a/src/content/en/tools/workbox/v3/images/guides/get-started/yay-loaded.png b/src/content/en/tools/workbox/v3/images/guides/get-started/yay-loaded.png
new file mode 100644
index 00000000000..d0113c1f4be
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/guides/get-started/yay-loaded.png differ
diff --git a/src/content/en/tools/workbox/v3/images/guides/third-party-requests/opaque-response-log.png b/src/content/en/tools/workbox/v3/images/guides/third-party-requests/opaque-response-log.png
new file mode 100644
index 00000000000..2da5ac1fbb2
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/guides/third-party-requests/opaque-response-log.png differ
diff --git a/src/content/en/tools/workbox/v3/images/modules/workbox-core/workbox-core_logs.png b/src/content/en/tools/workbox/v3/images/modules/workbox-core/workbox-core_logs.png
new file mode 100644
index 00000000000..51eb041b7b9
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/modules/workbox-core/workbox-core_logs.png differ
diff --git a/src/content/en/tools/workbox/v3/images/modules/workbox-precaching/precaching-step-1.png b/src/content/en/tools/workbox/v3/images/modules/workbox-precaching/precaching-step-1.png
new file mode 100644
index 00000000000..afa37bab9fd
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/modules/workbox-precaching/precaching-step-1.png differ
diff --git a/src/content/en/tools/workbox/v3/images/modules/workbox-precaching/precaching-step-2.png b/src/content/en/tools/workbox/v3/images/modules/workbox-precaching/precaching-step-2.png
new file mode 100644
index 00000000000..fefa10119b0
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/modules/workbox-precaching/precaching-step-2.png differ
diff --git a/src/content/en/tools/workbox/v3/images/modules/workbox-precaching/precaching-step-3.png b/src/content/en/tools/workbox/v3/images/modules/workbox-precaching/precaching-step-3.png
new file mode 100644
index 00000000000..f3594745da2
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/modules/workbox-precaching/precaching-step-3.png differ
diff --git a/src/content/en/tools/workbox/v3/images/modules/workbox-routing/workbox-routing-diagram.png b/src/content/en/tools/workbox/v3/images/modules/workbox-routing/workbox-routing-diagram.png
new file mode 100644
index 00000000000..6dd71f11a67
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/modules/workbox-routing/workbox-routing-diagram.png differ
diff --git a/src/content/en/tools/workbox/v3/images/modules/workbox-routing/workbox-routing-logs.png b/src/content/en/tools/workbox/v3/images/modules/workbox-routing/workbox-routing-logs.png
new file mode 100644
index 00000000000..cd3a7e794df
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/modules/workbox-routing/workbox-routing-logs.png differ
diff --git a/src/content/en/tools/workbox/v3/images/modules/workbox-routing/workbox-routing-standard-logs.png b/src/content/en/tools/workbox/v3/images/modules/workbox-routing/workbox-routing-standard-logs.png
new file mode 100644
index 00000000000..bfc111c7d1c
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/modules/workbox-routing/workbox-routing-standard-logs.png differ
diff --git a/src/content/en/tools/workbox/v3/images/modules/workbox-strategies/cache-first.png b/src/content/en/tools/workbox/v3/images/modules/workbox-strategies/cache-first.png
new file mode 100644
index 00000000000..dc85d29767c
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/modules/workbox-strategies/cache-first.png differ
diff --git a/src/content/en/tools/workbox/v3/images/modules/workbox-strategies/cache-only.png b/src/content/en/tools/workbox/v3/images/modules/workbox-strategies/cache-only.png
new file mode 100644
index 00000000000..6fedc2d8098
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/modules/workbox-strategies/cache-only.png differ
diff --git a/src/content/en/tools/workbox/v3/images/modules/workbox-strategies/network-first.png b/src/content/en/tools/workbox/v3/images/modules/workbox-strategies/network-first.png
new file mode 100644
index 00000000000..a53c5a17878
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/modules/workbox-strategies/network-first.png differ
diff --git a/src/content/en/tools/workbox/v3/images/modules/workbox-strategies/network-only.png b/src/content/en/tools/workbox/v3/images/modules/workbox-strategies/network-only.png
new file mode 100644
index 00000000000..3cd8f3318e4
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/modules/workbox-strategies/network-only.png differ
diff --git a/src/content/en/tools/workbox/v3/images/modules/workbox-strategies/stale-while-revalidate.png b/src/content/en/tools/workbox/v3/images/modules/workbox-strategies/stale-while-revalidate.png
new file mode 100644
index 00000000000..dbaaff59654
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/modules/workbox-strategies/stale-while-revalidate.png differ
diff --git a/src/content/en/tools/workbox/v3/images/modules/workbox-sw/workbox-sw-loading.png b/src/content/en/tools/workbox/v3/images/modules/workbox-sw/workbox-sw-loading.png
new file mode 100644
index 00000000000..2a64d8f8b0e
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/modules/workbox-sw/workbox-sw-loading.png differ
diff --git a/src/content/en/tools/workbox/v3/images/third_party/gulp-logo.svg b/src/content/en/tools/workbox/v3/images/third_party/gulp-logo.svg
new file mode 100644
index 00000000000..981db61972a
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/images/third_party/gulp-logo.svg
@@ -0,0 +1,2189 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 3500 1400"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   width="100%"
+   height="100%"
+   sodipodi:docname="npm-logo.svg">
+  <metadata
+     id="metadata18">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>logo-on-dark-bg</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs16">
+    <clipPath
+       id="clipPath2608"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2610"
+         clip-rule="evenodd"
+         d="m 1200,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2598"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2600"
+         clip-rule="evenodd"
+         d="m 1400,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2588"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2590"
+         clip-rule="evenodd"
+         d="m 1400,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2578"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2580"
+         clip-rule="evenodd"
+         d="m 1200,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2568"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2570"
+         clip-rule="evenodd"
+         d="m 6800,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2558"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2560"
+         clip-rule="evenodd"
+         d="m 7000,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2548"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2550"
+         clip-rule="evenodd"
+         d="m 7000,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2538"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2540"
+         clip-rule="evenodd"
+         d="m 6800,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2528"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2530"
+         clip-rule="evenodd"
+         d="m 6800,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2518"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2520"
+         clip-rule="evenodd"
+         d="m 7000,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2508"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2510"
+         clip-rule="evenodd"
+         d="m 7000,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2498"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2500"
+         clip-rule="evenodd"
+         d="m 6800,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2488"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2490"
+         clip-rule="evenodd"
+         d="m 6800,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2478"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2480"
+         clip-rule="evenodd"
+         d="m 7000,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2468"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2470"
+         clip-rule="evenodd"
+         d="m 7000,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2458"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2460"
+         clip-rule="evenodd"
+         d="m 6800,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2448"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2450"
+         clip-rule="evenodd"
+         d="m 6800,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2438"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2440"
+         clip-rule="evenodd"
+         d="m 7000,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2428"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2430"
+         clip-rule="evenodd"
+         d="m 7000,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2418"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2420"
+         clip-rule="evenodd"
+         d="m 6800,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2408"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2410"
+         clip-rule="evenodd"
+         d="m 6000,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2398"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2400"
+         clip-rule="evenodd"
+         d="m 6200,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2388"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2390"
+         clip-rule="evenodd"
+         d="m 6200,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2378"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2380"
+         clip-rule="evenodd"
+         d="m 6000,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2368"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2370"
+         clip-rule="evenodd"
+         d="m 6000,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2358"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2360"
+         clip-rule="evenodd"
+         d="m 6200,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2348"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2350"
+         clip-rule="evenodd"
+         d="m 6200,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2338"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2340"
+         clip-rule="evenodd"
+         d="m 6000,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2328"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2330"
+         clip-rule="evenodd"
+         d="m 6000,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2318"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2320"
+         clip-rule="evenodd"
+         d="m 6200,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2308"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2310"
+         clip-rule="evenodd"
+         d="m 6200,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2298"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2300"
+         clip-rule="evenodd"
+         d="m 6000,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2288"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2290"
+         clip-rule="evenodd"
+         d="m 5200,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2278"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2280"
+         clip-rule="evenodd"
+         d="m 5400,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2268"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2270"
+         clip-rule="evenodd"
+         d="m 5400,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2258"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2260"
+         clip-rule="evenodd"
+         d="m 5200,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2248"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2250"
+         clip-rule="evenodd"
+         d="m 5200,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2238"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2240"
+         clip-rule="evenodd"
+         d="m 5400,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2228"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2230"
+         clip-rule="evenodd"
+         d="m 5400,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2218"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2220"
+         clip-rule="evenodd"
+         d="m 5200,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2208"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2210"
+         clip-rule="evenodd"
+         d="m 5200,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2198"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2200"
+         clip-rule="evenodd"
+         d="m 5400,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2188"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2190"
+         clip-rule="evenodd"
+         d="m 5400,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2178"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2180"
+         clip-rule="evenodd"
+         d="m 5200,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2168"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2170"
+         clip-rule="evenodd"
+         d="m 3200,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2158"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2160"
+         clip-rule="evenodd"
+         d="m 3400,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2148"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2150"
+         clip-rule="evenodd"
+         d="m 3400,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2138"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2140"
+         clip-rule="evenodd"
+         d="m 3200,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2128"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2130"
+         clip-rule="evenodd"
+         d="m 3200,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2118"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2120"
+         clip-rule="evenodd"
+         d="m 3400,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2108"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2110"
+         clip-rule="evenodd"
+         d="m 3400,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2098"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2100"
+         clip-rule="evenodd"
+         d="m 3200,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2088"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2090"
+         clip-rule="evenodd"
+         d="m 1200,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2078"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2080"
+         clip-rule="evenodd"
+         d="m 1400,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2068"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2070"
+         clip-rule="evenodd"
+         d="m 1400,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2058"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2060"
+         clip-rule="evenodd"
+         d="m 1200,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2048"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2050"
+         clip-rule="evenodd"
+         d="m 1200,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2038"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2040"
+         clip-rule="evenodd"
+         d="m 1400,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2028"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2030"
+         clip-rule="evenodd"
+         d="m 1400,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2018"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2020"
+         clip-rule="evenodd"
+         d="m 1200,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2008"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2010"
+         clip-rule="evenodd"
+         d="m 4000,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1998"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2000"
+         clip-rule="evenodd"
+         d="m 4200,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1988"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1990"
+         clip-rule="evenodd"
+         d="m 4200,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1978"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1980"
+         clip-rule="evenodd"
+         d="m 4000,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1968"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1970"
+         clip-rule="evenodd"
+         d="m 4000,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1958"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1960"
+         clip-rule="evenodd"
+         d="m 4200,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1948"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1950"
+         clip-rule="evenodd"
+         d="m 4200,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1938"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1940"
+         clip-rule="evenodd"
+         d="m 4000,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1928"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1930"
+         clip-rule="evenodd"
+         d="m 4000,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1918"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1920"
+         clip-rule="evenodd"
+         d="m 4200,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1908"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1910"
+         clip-rule="evenodd"
+         d="m 4200,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1898"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1900"
+         clip-rule="evenodd"
+         d="m 4000,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1888"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1890"
+         clip-rule="evenodd"
+         d="m 4000,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1878"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1880"
+         clip-rule="evenodd"
+         d="m 4200,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1868"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1870"
+         clip-rule="evenodd"
+         d="m 4200,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1858"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1860"
+         clip-rule="evenodd"
+         d="m 4000,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1848"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1850"
+         clip-rule="evenodd"
+         d="m 2000,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1838"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1840"
+         clip-rule="evenodd"
+         d="m 2200,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1828"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1830"
+         clip-rule="evenodd"
+         d="m 2200,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1818"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1820"
+         clip-rule="evenodd"
+         d="m 2000,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1808"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1810"
+         clip-rule="evenodd"
+         d="m 2000,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1798"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1800"
+         clip-rule="evenodd"
+         d="m 2200,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1788"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1790"
+         clip-rule="evenodd"
+         d="m 2200,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1778"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1780"
+         clip-rule="evenodd"
+         d="m 2000,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1768"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1770"
+         clip-rule="evenodd"
+         d="m 2000,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1758"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1760"
+         clip-rule="evenodd"
+         d="m 2200,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1748"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1750"
+         clip-rule="evenodd"
+         d="m 2200,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1738"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1740"
+         clip-rule="evenodd"
+         d="m 2000,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1728"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1730"
+         clip-rule="evenodd"
+         d="m 2000,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1718"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1720"
+         clip-rule="evenodd"
+         d="m 2200,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1708"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1710"
+         clip-rule="evenodd"
+         d="m 2200,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1698"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1700"
+         clip-rule="evenodd"
+         d="m 2000,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1688"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1690"
+         clip-rule="evenodd"
+         d="m 0,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1678"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1680"
+         clip-rule="evenodd"
+         d="m 200,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1668"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1670"
+         clip-rule="evenodd"
+         d="m 200,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1658"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1660"
+         clip-rule="evenodd"
+         d="m 0,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1648"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1650"
+         clip-rule="evenodd"
+         d="m 0,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1638"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1640"
+         clip-rule="evenodd"
+         d="m 200,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1628"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1630"
+         clip-rule="evenodd"
+         d="m 200,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1618"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1620"
+         clip-rule="evenodd"
+         d="m 0,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1608"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1610"
+         clip-rule="evenodd"
+         d="m 0,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1598"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1600"
+         clip-rule="evenodd"
+         d="m 200,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1588"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1590"
+         clip-rule="evenodd"
+         d="m 200,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1578"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1580"
+         clip-rule="evenodd"
+         d="m 0,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1568"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1570"
+         clip-rule="evenodd"
+         d="m 0,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1558"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1560"
+         clip-rule="evenodd"
+         d="m 200,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1548"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1550"
+         clip-rule="evenodd"
+         d="m 200,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1538"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1540"
+         clip-rule="evenodd"
+         d="m 0,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1528"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1530"
+         clip-rule="evenodd"
+         d="m 3200,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1518"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1520"
+         clip-rule="evenodd"
+         d="m 7000,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1508"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1510"
+         clip-rule="evenodd"
+         d="m 6800,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1498"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1500"
+         clip-rule="evenodd"
+         d="m 7000,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1488"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1490"
+         clip-rule="evenodd"
+         d="m 6800,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1478"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1480"
+         clip-rule="evenodd"
+         d="m 6600,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1468"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1470"
+         clip-rule="evenodd"
+         d="m 6400,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1458"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1460"
+         clip-rule="evenodd"
+         d="m 6600,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1448"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1450"
+         clip-rule="evenodd"
+         d="m 6400,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1438"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1440"
+         clip-rule="evenodd"
+         d="m 6200,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1428"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1430"
+         clip-rule="evenodd"
+         d="m 6200,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1418"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1420"
+         clip-rule="evenodd"
+         d="m 6000,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1408"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1410"
+         clip-rule="evenodd"
+         d="m 6000,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1398"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1400"
+         clip-rule="evenodd"
+         d="m 5800,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1388"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1390"
+         clip-rule="evenodd"
+         d="m 5800,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1378"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1380"
+         clip-rule="evenodd"
+         d="m 5600,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1368"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1370"
+         clip-rule="evenodd"
+         d="m 5600,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1358"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1360"
+         clip-rule="evenodd"
+         d="m 5400,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1348"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1350"
+         clip-rule="evenodd"
+         d="m 5200,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1338"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1340"
+         clip-rule="evenodd"
+         d="m 5400,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1328"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1330"
+         clip-rule="evenodd"
+         d="m 5200,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1318"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1320"
+         clip-rule="evenodd"
+         d="m 5000,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1308"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1310"
+         clip-rule="evenodd"
+         d="m 5000,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1298"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1300"
+         clip-rule="evenodd"
+         d="m 4800,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1288"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1290"
+         clip-rule="evenodd"
+         d="m 4800,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1278"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1280"
+         clip-rule="evenodd"
+         d="m 4600,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1268"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1270"
+         clip-rule="evenodd"
+         d="m 4600,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1258"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1260"
+         clip-rule="evenodd"
+         d="m 4400,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1248"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1250"
+         clip-rule="evenodd"
+         d="m 4400,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1238"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1240"
+         clip-rule="evenodd"
+         d="m 4200,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1228"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1230"
+         clip-rule="evenodd"
+         d="m 4200,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1218"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1220"
+         clip-rule="evenodd"
+         d="m 4000,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1208"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1210"
+         clip-rule="evenodd"
+         d="m 4000,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1198"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1200"
+         clip-rule="evenodd"
+         d="m 3800,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1188"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1190"
+         clip-rule="evenodd"
+         d="m 3800,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1178"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1180"
+         clip-rule="evenodd"
+         d="m 3600,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1168"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1170"
+         clip-rule="evenodd"
+         d="m 3600,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1158"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1160"
+         clip-rule="evenodd"
+         d="m 3400,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1148"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1150"
+         clip-rule="evenodd"
+         d="m 3400,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1138"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1140"
+         clip-rule="evenodd"
+         d="m 3200,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1128"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1130"
+         clip-rule="evenodd"
+         d="m 0,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1118"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1120"
+         clip-rule="evenodd"
+         d="m 3400,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1108"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1110"
+         clip-rule="evenodd"
+         d="m 3200,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1098"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1100"
+         clip-rule="evenodd"
+         d="m 3400,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1088"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1090"
+         clip-rule="evenodd"
+         d="m 3200,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1078"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1080"
+         clip-rule="evenodd"
+         d="m 3000,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1068"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1070"
+         clip-rule="evenodd"
+         d="m 2800,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1058"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1060"
+         clip-rule="evenodd"
+         d="m 3000,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1048"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1050"
+         clip-rule="evenodd"
+         d="m 2800,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1038"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1040"
+         clip-rule="evenodd"
+         d="m 2600,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1028"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1030"
+         clip-rule="evenodd"
+         d="m 2400,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1018"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1020"
+         clip-rule="evenodd"
+         d="m 2600,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1008"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1010"
+         clip-rule="evenodd"
+         d="m 2400,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath998"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1000"
+         clip-rule="evenodd"
+         d="m 2200,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath988"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path990"
+         clip-rule="evenodd"
+         d="m 2000,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath978"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path980"
+         clip-rule="evenodd"
+         d="m 2200,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath968"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path970"
+         clip-rule="evenodd"
+         d="m 2000,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath958"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path960"
+         clip-rule="evenodd"
+         d="m 2200,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath948"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path950"
+         clip-rule="evenodd"
+         d="m 2000,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath938"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path940"
+         clip-rule="evenodd"
+         d="m 2200,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath928"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path930"
+         clip-rule="evenodd"
+         d="m 2000,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath918"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path920"
+         clip-rule="evenodd"
+         d="m 1800,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath908"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path910"
+         clip-rule="evenodd"
+         d="m 1800,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath898"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path900"
+         clip-rule="evenodd"
+         d="m 1600,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath888"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path890"
+         clip-rule="evenodd"
+         d="m 1600,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath878"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path880"
+         clip-rule="evenodd"
+         d="m 1400,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath868"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path870"
+         clip-rule="evenodd"
+         d="m 1400,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath858"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path860"
+         clip-rule="evenodd"
+         d="m 1200,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath848"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path850"
+         clip-rule="evenodd"
+         d="m 1200,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath838"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path840"
+         clip-rule="evenodd"
+         d="m 1000,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath828"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path830"
+         clip-rule="evenodd"
+         d="m 1000,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath818"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path820"
+         clip-rule="evenodd"
+         d="m 800,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath808"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path810"
+         clip-rule="evenodd"
+         d="m 800,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath798"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path800"
+         clip-rule="evenodd"
+         d="m 600,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath788"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path790"
+         clip-rule="evenodd"
+         d="m 600,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath778"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path780"
+         clip-rule="evenodd"
+         d="m 400,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath768"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path770"
+         clip-rule="evenodd"
+         d="m 400,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath758"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path760"
+         clip-rule="evenodd"
+         d="m 200,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath748"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path750"
+         clip-rule="evenodd"
+         d="m 200,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath738"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path740"
+         clip-rule="evenodd"
+         d="m 0,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath728"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path730"
+         clip-rule="evenodd"
+         d="m 2400,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath718"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path720"
+         clip-rule="evenodd"
+         d="m 7000,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath708"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path710"
+         clip-rule="evenodd"
+         d="m 7000,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath698"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path700"
+         clip-rule="evenodd"
+         d="m 6800,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath688"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path690"
+         clip-rule="evenodd"
+         d="m 6800,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath678"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path680"
+         clip-rule="evenodd"
+         d="m 6600,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath668"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path670"
+         clip-rule="evenodd"
+         d="m 6600,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath658"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path660"
+         clip-rule="evenodd"
+         d="m 6400,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath648"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path650"
+         clip-rule="evenodd"
+         d="m 6400,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath638"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path640"
+         clip-rule="evenodd"
+         d="m 6200,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath628"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path630"
+         clip-rule="evenodd"
+         d="m 6200,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath618"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path620"
+         clip-rule="evenodd"
+         d="m 6000,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath608"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path610"
+         clip-rule="evenodd"
+         d="m 6000,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath598"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path600"
+         clip-rule="evenodd"
+         d="m 5800,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath588"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path590"
+         clip-rule="evenodd"
+         d="m 5800,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath578"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path580"
+         clip-rule="evenodd"
+         d="m 5600,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath568"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path570"
+         clip-rule="evenodd"
+         d="m 5600,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath558"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path560"
+         clip-rule="evenodd"
+         d="m 5400,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath548"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path550"
+         clip-rule="evenodd"
+         d="m 5400,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath538"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path540"
+         clip-rule="evenodd"
+         d="m 5200,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath528"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path530"
+         clip-rule="evenodd"
+         d="m 5200,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath518"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path520"
+         clip-rule="evenodd"
+         d="m 5000,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath508"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path510"
+         clip-rule="evenodd"
+         d="m 5000,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath498"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path500"
+         clip-rule="evenodd"
+         d="m 4800,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath488"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path490"
+         clip-rule="evenodd"
+         d="m 4800,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath478"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path480"
+         clip-rule="evenodd"
+         d="m 4600,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath468"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path470"
+         clip-rule="evenodd"
+         d="m 4600,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath458"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path460"
+         clip-rule="evenodd"
+         d="m 4400,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath448"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path450"
+         clip-rule="evenodd"
+         d="m 4400,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath438"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path440"
+         clip-rule="evenodd"
+         d="m 4200,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath428"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path430"
+         clip-rule="evenodd"
+         d="m 4200,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath418"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path420"
+         clip-rule="evenodd"
+         d="m 4000,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath408"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path410"
+         clip-rule="evenodd"
+         d="m 4000,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath398"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path400"
+         clip-rule="evenodd"
+         d="m 3800,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath388"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path390"
+         clip-rule="evenodd"
+         d="m 3800,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath378"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path380"
+         clip-rule="evenodd"
+         d="m 3600,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath368"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path370"
+         clip-rule="evenodd"
+         d="m 3600,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath358"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path360"
+         clip-rule="evenodd"
+         d="m 3400,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath348"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path350"
+         clip-rule="evenodd"
+         d="m 3400,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath338"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path340"
+         clip-rule="evenodd"
+         d="m 3200,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath328"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path330"
+         clip-rule="evenodd"
+         d="m 3200,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath318"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path320"
+         clip-rule="evenodd"
+         d="m 3000,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath308"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path310"
+         clip-rule="evenodd"
+         d="m 3000,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath298"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path300"
+         clip-rule="evenodd"
+         d="m 2800,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath288"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path290"
+         clip-rule="evenodd"
+         d="m 2800,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath278"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path280"
+         clip-rule="evenodd"
+         d="m 2600,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath268"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path270"
+         clip-rule="evenodd"
+         d="m 2600,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath258"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path260"
+         clip-rule="evenodd"
+         d="m 2400,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath248"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path250"
+         clip-rule="evenodd"
+         d="m 0,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath238"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path240"
+         clip-rule="evenodd"
+         d="m 2200,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath228"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path230"
+         clip-rule="evenodd"
+         d="m 2200,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath218"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path220"
+         clip-rule="evenodd"
+         d="m 2000,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath208"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path210"
+         clip-rule="evenodd"
+         d="m 2000,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath198"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path200"
+         clip-rule="evenodd"
+         d="m 1800,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath188"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path190"
+         clip-rule="evenodd"
+         d="m 1800,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath178"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path180"
+         clip-rule="evenodd"
+         d="m 1600,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath168"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path170"
+         clip-rule="evenodd"
+         d="m 1600,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath158"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path160"
+         clip-rule="evenodd"
+         d="m 1400,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath148"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path150"
+         clip-rule="evenodd"
+         d="m 1400,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath138"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path140"
+         clip-rule="evenodd"
+         d="m 1200,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath128"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path130"
+         clip-rule="evenodd"
+         d="m 1200,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath118"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path120"
+         clip-rule="evenodd"
+         d="m 1000,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath108"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path110"
+         clip-rule="evenodd"
+         d="m 1000,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath98"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path100"
+         clip-rule="evenodd"
+         d="m 800,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath88"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path90"
+         clip-rule="evenodd"
+         d="m 800,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath78"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path80"
+         clip-rule="evenodd"
+         d="m 600,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath68"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path70"
+         clip-rule="evenodd"
+         d="m 600,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath58"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path60"
+         clip-rule="evenodd"
+         d="m 400,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath48"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path50"
+         clip-rule="evenodd"
+         d="m 400,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath38"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path40"
+         clip-rule="evenodd"
+         d="m 200,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath28"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path30"
+         clip-rule="evenodd"
+         d="m 200,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath18"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path20"
+         clip-rule="evenodd"
+         d="m 0,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1155"
+     inkscape:window-height="874"
+     id="namedview14"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="0.08886619"
+     inkscape:cx="183.90805"
+     inkscape:cy="449.7"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g12" />
+  <title
+     id="title4">logo-on-dark-bg</title>
+  <g
+     transform="matrix(2.9223021,0,0,-2.9223021,697.97124,1109.1223)"
+     inkscape:label="ink_ext_XXXXXX"
+     id="g10">
+    <g
+       transform="scale(0.1,0.1)"
+       id="g12">
+      <g
+         id="g2284">
+        <g
+           clip-path="url(#clipPath2288)"
+           id="g2286">
+          <path
+             inkscape:connector-curvature="0"
+             id="path2292"
+             style="fill:#c92837;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 5061.8565,-900.04641 300,0 0,300 -300,0 0,-300 z" />
+        </g>
+      </g>
+      <g
+         id="Welcome"
+         transform="matrix(29.630599,0,0,-29.630599,405.69736,3342.8279)"
+         style="fill:none;stroke:none">
+        <g
+           transform="translate(-617,-702)"
+           id="Desktop-HD"
+           style="fill:#ffffff;fill-rule:nonzero;stroke:#ffffff">
+          <g
+             transform="translate(618,703)"
+             id="gulp-white-text">
+            <path
+               id="Shape"
+               d="m 57.122775,66.707333 c -0.14887,0.219216 -0.41785,0.909745 -0.807787,2.070745 -0.389937,1.162687 -0.863613,2.619628 -1.421028,4.374197 -0.556569,1.752882 -1.161351,3.714019 -1.810118,5.884254 -0.650459,2.169393 -1.31868,4.383471 -2.00551,6.641393 -0.68683,2.259607 -1.345747,4.472 -1.976751,6.642235 -0.632696,2.169392 -1.197723,4.130529 -1.698466,5.885098 -0.501589,1.752039 -0.918593,3.221625 -1.25355,4.406235 -0.33411,1.18292 -0.538806,1.88357 -0.612395,2.10447 -0.186087,0.70065 -0.48298,1.47886 -0.89068,2.33465 -0.409391,0.8541 -0.891526,1.66604 -1.448095,2.43329 -0.557415,0.76641 -1.168964,1.40214 -1.838031,1.90718 -0.669068,0.50335 -1.355898,0.75545 -2.060491,0.75545 -1.189264,0 -2.052031,-0.39459 -2.589992,-1.18292 -0.539652,-0.79002 -0.807786,-2.23516 -0.807786,-4.33963 l 0,-0.92155 c 0,-0.3069 0.01776,-0.63572 0.05583,-0.98563 0.03637,-0.70149 0.315502,-2.01847 0.8357,-3.94672 0.519351,-1.9291 1.141897,-4.109452 1.865944,-6.542747 0.724048,-2.433294 1.503921,-4.953431 2.339621,-7.562098 0.835699,-2.608666 1.586814,-4.94247 2.255881,-7.004784 -1.969138,2.193843 -4.103217,4.374196 -6.404774,6.543588 -2.30325,2.170235 -4.660633,4.121255 -7.073842,5.852216 -2.414056,1.73349 -4.845874,3.146588 -7.296301,4.241823 -2.450427,1.094393 -4.809502,1.644118 -7.073842,1.644118 -2.599296,0 -4.836569,-0.570804 -6.7118179,-1.709882 -1.875249,-1.140765 -3.4248458,-2.630589 -4.6504822,-4.472 C 2.8183715,89.918902 1.9082371,87.837196 1.3144506,85.51351 0.71981818,83.189824 0.4229249,80.86698 0.4229249,78.543294 l 0,-0.855784 c 0,-0.262216 0.0177628,-0.525275 0.0558261,-0.788334 C 0.70120949,72.690235 1.3043004,68.372529 2.2888696,63.944372 3.2725929,59.516216 4.5625138,55.10998 6.1603241,50.72651 7.7564427,46.343882 9.6037787,42.057372 11.702332,37.870353 c 2.096862,-4.186177 4.380656,-8.14302 6.850538,-11.869686 2.469035,-3.724981 5.096245,-7.155706 7.880782,-10.291334 2.784538,-3.133941 5.64351,-5.8302938 8.577763,-8.0882153 2.932561,-2.2570785 5.893881,-4.0217648 8.883115,-5.2932157 2.988387,-1.2706079 5.950553,-1.90633337 8.883114,-1.90633337 3.378324,0 6.646688,0.92070587 9.802554,2.76127447 3.155019,1.8414118 6.107035,4.8235883 8.856047,8.9431569 0.630158,0.920706 1.030245,1.852373 1.196877,2.794157 0.166633,0.943471 0.250372,1.830451 0.250372,2.66347 0,1.972098 -0.473676,3.530216 -1.420182,4.669295 -0.946506,1.140764 -2.069794,1.709882 -3.369865,1.709882 -1.188419,0 -2.292253,-0.624765 -3.31404,-1.874294 -1.021786,-1.24953 -2.163684,-3.035294 -3.425692,-5.358981 -1.188419,-2.10447 -2.497794,-3.627176 -3.926434,-4.569803 -1.429487,-0.942628 -2.979929,-1.413942 -4.651328,-1.413942 -2.599297,0 -5.37453,1.075 -8.326546,3.222471 -2.952016,2.148314 -5.876119,4.988 -8.772308,8.516529 -2.897036,3.529373 -5.672269,7.561255 -8.327392,12.09902 -2.654276,4.537765 -5.004047,9.184294 -7.045928,13.941274 -2.042728,4.756981 -3.666759,9.448197 -4.872941,14.071118 -1.207028,4.625451 -1.810119,8.778745 -1.810119,12.462412 0,1.226764 0.08374,2.488098 0.250372,3.779784 0.167478,1.293373 0.482134,2.46702 0.947352,3.518412 0.463525,1.052235 1.094529,1.918137 1.893857,2.596863 0.798483,0.682098 1.810119,1.019353 3.035755,1.019353 1.37366,0 2.933407,-0.45951 4.678396,-1.381059 1.744142,-0.919863 3.555106,-2.125549 5.430355,-3.616216 1.874403,-1.490667 3.758957,-3.177784 5.65366,-5.063882 1.893858,-1.883569 3.656609,-3.790745 5.290791,-5.720687 1.633336,-1.928254 3.082277,-3.78147 4.344284,-5.557117 1.262008,-1.774804 2.208514,-3.320275 2.840364,-4.635569 l 5.179984,-15.453863 c 0.631004,-1.665196 1.456554,-2.848117 2.47834,-3.55045 1.020941,-0.700648 2.069795,-1.052236 3.147407,-1.052236 0.519352,0 1.038704,0.08853 1.558902,0.263059 0.519351,0.175372 0.983723,0.449392 1.392268,0.822059 0.408546,0.372667 0.732506,0.854941 0.974419,1.446823 0.241067,0.591883 0.362024,1.282412 0.362024,2.070745 0,2.104471 -0.186087,4.077412 -0.556569,5.918824 -0.371328,1.843098 -0.845004,3.63898 -1.420182,5.392706 -0.576024,1.752882 -1.216332,3.518412 -1.920925,5.293215 -0.704593,1.775648 -1.391423,3.628863 -2.058798,5.557961 z"
+               inkscape:connector-curvature="0" />
+            <path
+               id="path4066"
+               d="m 127.35537,79.596372 c -1.63502,2.192157 -3.53734,4.328667 -5.70863,6.411216 -2.17215,2.082549 -4.41027,3.934922 -6.71182,5.557118 -2.30325,1.621353 -4.56759,2.925686 -6.79471,3.912157 -2.22797,0.98647 -4.23264,1.479706 -6.01484,1.479706 -1.78221,0 -3.230303,-0.591883 -4.345133,-1.774804 -1.113138,-1.182922 -1.670553,-3.199706 -1.670553,-6.050353 0,-2.016785 0.296893,-4.362392 0.89068,-7.036824 -0.965961,1.710726 -2.171297,3.44253 -3.619392,5.195412 -1.44894,1.753725 -3.100885,3.354 -4.957525,4.800823 -1.856641,1.446824 -3.93574,2.618785 -6.238143,3.516726 -2.302403,0.897941 -4.809502,1.34902 -7.518759,1.34902 -1.22479,0 -2.404751,-0.154295 -3.537343,-0.461196 -1.133439,-0.306059 -2.125621,-0.831334 -2.979083,-1.57751 -0.855155,-0.744491 -1.541139,-1.741079 -2.061336,-2.992294 -0.520198,-1.247844 -0.779874,-2.816079 -0.779874,-4.701334 0,-0.04384 0.07443,-0.712451 0.223304,-2.005823 0.147178,-1.29253 0.620854,-3.331236 1.420182,-6.116118 0.797637,-2.782353 2.033423,-6.388451 3.703977,-10.816608 1.671399,-4.428157 4.028782,-9.797255 7.072996,-16.109823 0.779873,-1.666039 1.679857,-2.860765 2.700798,-3.584177 1.021787,-0.723412 2.125621,-1.085117 3.31404,-1.085117 0.520197,0 1.058158,0.07757 1.615573,0.229333 0.557415,0.155137 1.075921,0.394588 1.559747,0.723412 0.482134,0.328823 0.872071,0.746176 1.16981,1.248686 0.297739,0.504196 0.445763,1.084274 0.445763,1.742765 0,0.438431 -0.05583,0.855784 -0.167478,1.247843 -0.186087,0.747863 -0.584483,1.721686 -1.197724,2.926529 -0.613241,1.20653 -1.327138,2.588432 -2.143383,4.14402 -0.817937,1.556431 -1.680704,3.233431 -2.589992,5.031 -0.910135,1.797568 -1.754293,3.660059 -2.534166,5.589157 -0.779874,1.929941 -1.448095,3.891078 -2.004664,5.885098 -0.557415,1.994862 -0.872917,3.934921 -0.946506,5.81849 0,0.79002 0.185241,1.513431 0.556569,2.170235 0.370482,0.657647 0.982877,0.987314 1.838032,0.987314 2.413209,0 4.714766,-0.79002 6.906363,-2.368373 2.190751,-1.577509 4.213178,-3.53949 6.07151,-5.885098 1.855795,-2.343921 3.536498,-4.865745 5.039573,-7.562098 1.503921,-2.696353 2.758317,-5.161686 3.759807,-7.397686 0.70543,-1.490667 1.32629,-3.090941 1.86594,-4.800823 0.53796,-1.70904 1.12244,-3.28655 1.75429,-4.734216 0.63101,-1.446824 1.35505,-2.651667 2.1713,-3.616216 0.81624,-0.964549 1.83803,-1.446823 3.06367,-1.446823 1.33644,0 2.39375,0.505039 3.17447,1.511745 0.77988,1.009235 1.16897,2.214078 1.16897,3.617059 0,0.790019 -0.24953,1.874294 -0.75112,3.254509 -0.50243,1.381902 -1.13344,2.960255 -1.8947,4.735059 -0.76042,1.774804 -1.58682,3.67102 -2.4775,5.687804 -0.89152,2.017628 -1.71876,4.066451 -2.47834,6.148157 -0.76211,2.083392 -1.39227,4.122098 -1.89385,6.116961 -0.50159,1.994019 -0.75196,3.846392 -0.75196,5.555431 0,1.579196 0.81624,2.36753 2.44958,2.36753 1.15035,0 2.58068,-0.394589 4.28761,-1.182079 1.70946,-0.790019 3.50013,-1.897059 5.37537,-3.321117 1.87441,-1.424059 3.74966,-3.101902 5.62491,-5.030157 1.8744,-1.929098 3.53734,-4.011647 4.98459,-6.247648 l 0.5591,8.944 z"
+               inkscape:connector-curvature="0" />
+            <path
+               id="path4068"
+               d="m 129.0826,76.306451 c -0.40855,1.009235 -0.80779,2.182039 -1.19772,3.519255 -0.39078,1.337216 -0.58449,2.531098 -0.58449,3.583333 0,0.656804 0.11166,1.182922 0.33412,1.578353 0.2233,0.394588 0.65045,0.591882 1.2823,0.591882 0.77903,0 1.75345,-0.273176 2.92326,-0.822058 1.16897,-0.54804 2.43097,-1.272294 3.78772,-2.170236 1.35589,-0.897098 2.76677,-1.928254 4.23263,-3.090941 1.46586,-1.161 2.9241,-2.367529 4.3722,-3.616216 1.44894,-1.250372 2.83106,-2.499058 4.14974,-3.747745 1.31783,-1.250372 2.49694,-2.401255 3.53734,-3.452647 0.29689,-0.306902 0.64877,-0.52696 1.05816,-0.657647 0.40685,-0.131529 0.76042,-0.197294 1.05816,-0.197294 0.74181,0 1.35589,0.306902 1.83803,0.921549 0.48129,0.613804 0.7232,1.423216 0.7232,2.433294 0,0.919863 -0.26052,1.950177 -0.77903,3.090098 -0.5202,1.140765 -1.42949,2.258765 -2.7304,3.353157 -2.37684,2.587589 -4.7706,5.041961 -7.18465,7.365647 -2.41406,2.323687 -4.81712,4.37251 -7.21172,6.147314 -2.39544,1.77649 -4.77228,3.189588 -7.12966,4.242667 -2.35823,1.051392 -4.65049,1.577509 -6.8793,1.577509 -1.52253,0 -2.79469,-0.241137 -3.81478,-0.722568 -1.02264,-0.483118 -1.83803,-1.140765 -2.45043,-1.972098 -0.61324,-0.833863 -1.0497,-1.81949 -1.30937,-2.960255 -0.26053,-1.139922 -0.3891,-2.343922 -0.3891,-3.616216 0,-2.148313 0.26898,-4.350588 0.80695,-6.610196 0.53796,-2.256235 1.17826,-4.328666 1.92092,-6.213078 1.29922,-3.420608 2.61875,-6.815922 3.95519,-10.192687 1.3356,-3.375078 2.56124,-6.466019 3.67691,-9.272823 l 16.87471,-42.41402 c 0.66822,-1.709882 1.5682,-2.915568 2.70164,-3.6170585 1.13259,-0.7006471 2.27364,-1.0522353 3.42569,-1.0522353 1.14951,0 2.20006,0.3726667 3.14741,1.118 0.94566,0.7461768 1.42018,1.9510198 1.42018,3.6170588 0,0.789177 -0.15902,1.622196 -0.47452,2.498216 -0.3155,0.878549 -0.71474,1.81949 -1.19688,2.827882 -0.92874,2.060627 -2.03258,4.581608 -3.31404,7.561255 -1.28146,2.982176 -2.65597,6.225725 -4.12267,9.732333 -1.46586,3.508294 -2.97062,7.157392 -4.51007,10.948981 -1.54199,3.791588 -3.04591,7.485372 -4.51261,11.080509 -1.46586,3.595981 -2.83952,7.003098 -4.12098,10.225569 -1.28146,3.222471 -2.38614,6.017471 -3.31404,8.384157 z"
+               inkscape:connector-curvature="0" />
+            <path
+               id="path4070"
+               d="m 208.00462,64.404725 c 0.52019,-0.350745 1.00402,-0.634882 1.44894,-0.855784 0.44491,-0.217529 0.87207,-0.328823 1.28146,-0.328823 0.8154,0 1.42864,0.362549 1.83803,1.085117 0.4077,0.723412 0.6124,1.611236 0.6124,2.663471 0,1.141608 -0.24953,2.300921 -0.75196,3.485529 -0.50075,1.182922 -1.25271,2.169392 -2.25589,2.958569 -3.9738,3.507451 -7.5196,6.707157 -10.63656,9.601647 -3.11949,2.892804 -6.06305,5.381745 -8.82898,7.464294 -2.76593,2.082549 -5.46672,3.693784 -8.10324,4.832863 -2.63651,1.139078 -5.45827,1.709039 -8.46695,1.709039 -2.82176,0 -5.00321,-0.614647 -6.5435,-1.841412 -1.54114,-1.226764 -2.31171,-2.914725 -2.31171,-5.063882 l 0,-0.493235 c 0,-0.152608 0.0178,-0.338942 0.0558,-0.559 0.14718,-1.314451 0.72405,-2.827883 1.72638,-4.536922 1.00318,-1.709882 2.20936,-3.485529 3.62024,-5.326098 1.41087,-1.840569 2.91395,-3.704745 4.51176,-5.59 1.59612,-1.883569 3.07128,-3.67102 4.42802,-5.359823 1.35505,-1.686275 2.47834,-3.231746 3.36818,-4.635569 0.89237,-1.402137 1.33729,-2.541216 1.33729,-3.418922 0,-0.526117 -0.18694,-0.941784 -0.55657,-1.249529 -0.37049,-0.306059 -0.98457,-0.45951 -1.83804,-0.45951 -1.48615,0 -3.0163,0.382784 -4.59465,1.150882 -1.5792,0.765569 -3.13895,1.796726 -4.67924,3.089255 -1.54114,1.294216 -3.04591,2.773922 -4.51177,4.439118 -1.4667,1.666882 -2.83951,3.397843 -4.12182,5.195412 -1.28146,1.798412 -2.44958,3.605255 -3.50859,5.425588 -1.05815,1.818647 -1.95898,3.495647 -2.70079,5.030157 -0.22246,0.482274 -0.53881,1.162686 -0.94736,2.038706 -0.40854,0.877706 -0.85431,1.864176 -1.33559,2.960255 -0.48383,1.095235 -0.99388,2.225882 -1.53268,3.385196 -0.53881,1.162686 -1.03025,2.259608 -1.47517,3.288235 -0.44576,1.030314 -0.84584,1.949333 -1.19772,2.762118 -0.35356,0.810255 -0.60478,1.369255 -0.75196,1.676157 -0.18693,0.394588 -0.49313,1.139076 -0.91944,2.235156 -0.42715,1.09608 -0.91859,2.37765 -1.47685,3.84724 -0.55573,1.4679 -1.1419,3.01337 -1.75345,4.63556 -0.61155,1.6222 -1.18757,3.15671 -1.72638,4.60353 -0.5388,1.44598 -1.01248,2.71744 -1.42018,3.81351 -0.40855,1.09524 -0.66907,1.84142 -0.78072,2.23516 -0.37048,1.13992 -0.80779,2.21324 -1.30853,3.22247 -0.50159,1.00755 -1.07677,1.89537 -1.72638,2.66347 -0.64961,0.76557 -1.39311,1.38022 -2.22797,1.84141 -0.83654,0.46036 -1.77374,0.68969 -2.81245,0.68969 -1.33729,0 -2.44112,-0.31871 -3.31488,-0.95359 -0.87123,-0.63572 -1.30853,-1.85237 -1.30853,-3.64994 0,-0.87686 0.1108,-1.7748 0.33411,-2.69467 0.22415,-0.92154 0.50243,-1.83213 0.8357,-2.73007 0.33411,-0.89879 0.67837,-1.77481 1.03024,-2.62891 0.35357,-0.85578 0.67922,-1.677 0.97442,-2.46702 2.00551,-4.38431 4.04739,-8.77874 6.12649,-13.18498 2.07995,-4.406232 4.07531,-8.766095 5.98693,-13.08633 1.91246,-4.317706 3.68537,-8.55953 5.32039,-12.724628 1.63334,-4.164255 2.98839,-8.15398 4.06516,-11.96749 0.29689,-0.79002 0.70544,-1.907176 1.22563,-3.354843 0.51935,-1.44598 1.11314,-2.870039 1.78221,-4.273863 0.66822,-1.402137 1.42018,-2.618784 2.25503,-3.648255 0.8357,-1.030313 1.73569,-1.546313 2.7008,-1.546313 1.48616,0 2.56208,0.338941 3.2303,1.019353 0.66907,0.680411 1.00318,1.676157 1.00318,2.992294 0,0.263058 -0.0372,0.680411 -0.1108,1.248686 -0.0753,0.569961 -0.16748,1.17449 -0.27829,1.809372 -0.11165,0.635726 -0.23261,1.238569 -0.36287,1.809373 -0.13026,0.569961 -0.25122,0.985628 -0.36287,1.247843 1.37366,-1.490666 2.85897,-2.969529 4.45678,-4.438274 1.59612,-1.467902 3.24891,-2.795843 4.95753,-3.978765 1.70692,-1.182922 3.45276,-2.147471 5.23496,-2.89449 1.78221,-0.74449 3.56441,-1.117157 5.34662,-1.117157 1.22394,0 2.44112,0.175372 3.6473,0.526118 1.20619,0.350745 2.2838,0.865902 3.2303,1.544627 0.94736,0.681255 1.71708,1.535353 2.31087,2.564824 0.59294,1.031156 0.89068,2.225882 0.89068,3.584176 0,1.798412 -0.45423,3.715706 -1.36351,5.754412 -0.91014,2.037862 -2.05204,4.087529 -3.42485,6.147313 -1.37535,2.061471 -2.86066,4.066451 -4.45678,6.017471 -1.59781,1.95102 -3.09074,3.726667 -4.48385,5.326098 -1.39227,1.600275 -2.56124,2.959412 -3.50859,4.076569 -0.9465,1.118843 -1.43963,1.875137 -1.476,2.268882 0,0.526961 0.16747,0.953588 0.50158,1.282412 0.33411,0.328823 0.89153,0.493235 1.6714,0.493235 0.63101,0 1.55975,-0.351588 2.78539,-1.053078 1.22394,-0.700647 2.94186,-1.917294 5.15122,-3.648255 2.20767,-1.731804 5.01335,-4.05549 8.41029,-6.971902 3.39947,-2.909667 7.58558,-6.582373 12.56087,-11.01053 z"
+               inkscape:connector-curvature="0" />
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/content/en/tools/workbox/v3/images/third_party/logos/forbes.png b/src/content/en/tools/workbox/v3/images/third_party/logos/forbes.png
new file mode 100644
index 00000000000..97a2df0e92b
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/third_party/logos/forbes.png differ
diff --git a/src/content/en/tools/workbox/v3/images/third_party/logos/iheartradio.png b/src/content/en/tools/workbox/v3/images/third_party/logos/iheartradio.png
new file mode 100644
index 00000000000..316f1563c99
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/third_party/logos/iheartradio.png differ
diff --git a/src/content/en/tools/workbox/v3/images/third_party/logos/pinterest.png b/src/content/en/tools/workbox/v3/images/third_party/logos/pinterest.png
new file mode 100644
index 00000000000..da32b973e26
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/third_party/logos/pinterest.png differ
diff --git a/src/content/en/tools/workbox/v3/images/third_party/logos/starbucks.png b/src/content/en/tools/workbox/v3/images/third_party/logos/starbucks.png
new file mode 100644
index 00000000000..abd8f81852b
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/third_party/logos/starbucks.png differ
diff --git a/src/content/en/tools/workbox/v3/images/third_party/logos/tinder.png b/src/content/en/tools/workbox/v3/images/third_party/logos/tinder.png
new file mode 100644
index 00000000000..cb614d063ac
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/third_party/logos/tinder.png differ
diff --git a/src/content/en/tools/workbox/v3/images/third_party/logos/wired.png b/src/content/en/tools/workbox/v3/images/third_party/logos/wired.png
new file mode 100644
index 00000000000..87a7881e761
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/third_party/logos/wired.png differ
diff --git a/src/content/en/tools/workbox/v3/images/third_party/npm-logo.svg b/src/content/en/tools/workbox/v3/images/third_party/npm-logo.svg
new file mode 100644
index 00000000000..423b074f374
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/images/third_party/npm-logo.svg
@@ -0,0 +1,2229 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 3500 1400"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   width="100%"
+   height="100%"
+   sodipodi:docname="npm-logo.svg">
+  <metadata
+     id="metadata18">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>logo-on-dark-bg</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs16">
+    <clipPath
+       id="clipPath2608"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2610"
+         clip-rule="evenodd"
+         d="m 1200,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2598"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2600"
+         clip-rule="evenodd"
+         d="m 1400,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2588"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2590"
+         clip-rule="evenodd"
+         d="m 1400,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2578"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2580"
+         clip-rule="evenodd"
+         d="m 1200,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2568"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2570"
+         clip-rule="evenodd"
+         d="m 6800,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2558"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2560"
+         clip-rule="evenodd"
+         d="m 7000,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2548"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2550"
+         clip-rule="evenodd"
+         d="m 7000,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2538"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2540"
+         clip-rule="evenodd"
+         d="m 6800,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2528"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2530"
+         clip-rule="evenodd"
+         d="m 6800,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2518"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2520"
+         clip-rule="evenodd"
+         d="m 7000,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2508"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2510"
+         clip-rule="evenodd"
+         d="m 7000,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2498"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2500"
+         clip-rule="evenodd"
+         d="m 6800,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2488"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2490"
+         clip-rule="evenodd"
+         d="m 6800,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2478"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2480"
+         clip-rule="evenodd"
+         d="m 7000,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2468"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2470"
+         clip-rule="evenodd"
+         d="m 7000,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2458"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2460"
+         clip-rule="evenodd"
+         d="m 6800,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2448"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2450"
+         clip-rule="evenodd"
+         d="m 6800,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2438"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2440"
+         clip-rule="evenodd"
+         d="m 7000,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2428"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2430"
+         clip-rule="evenodd"
+         d="m 7000,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2418"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2420"
+         clip-rule="evenodd"
+         d="m 6800,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2408"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2410"
+         clip-rule="evenodd"
+         d="m 6000,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2398"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2400"
+         clip-rule="evenodd"
+         d="m 6200,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2388"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2390"
+         clip-rule="evenodd"
+         d="m 6200,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2378"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2380"
+         clip-rule="evenodd"
+         d="m 6000,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2368"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2370"
+         clip-rule="evenodd"
+         d="m 6000,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2358"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2360"
+         clip-rule="evenodd"
+         d="m 6200,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2348"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2350"
+         clip-rule="evenodd"
+         d="m 6200,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2338"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2340"
+         clip-rule="evenodd"
+         d="m 6000,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2328"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2330"
+         clip-rule="evenodd"
+         d="m 6000,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2318"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2320"
+         clip-rule="evenodd"
+         d="m 6200,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2308"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2310"
+         clip-rule="evenodd"
+         d="m 6200,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2298"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2300"
+         clip-rule="evenodd"
+         d="m 6000,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2288"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2290"
+         clip-rule="evenodd"
+         d="m 5200,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2278"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2280"
+         clip-rule="evenodd"
+         d="m 5400,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2268"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2270"
+         clip-rule="evenodd"
+         d="m 5400,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2258"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2260"
+         clip-rule="evenodd"
+         d="m 5200,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2248"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2250"
+         clip-rule="evenodd"
+         d="m 5200,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2238"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2240"
+         clip-rule="evenodd"
+         d="m 5400,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2228"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2230"
+         clip-rule="evenodd"
+         d="m 5400,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2218"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2220"
+         clip-rule="evenodd"
+         d="m 5200,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2208"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2210"
+         clip-rule="evenodd"
+         d="m 5200,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2198"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2200"
+         clip-rule="evenodd"
+         d="m 5400,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2188"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2190"
+         clip-rule="evenodd"
+         d="m 5400,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2178"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2180"
+         clip-rule="evenodd"
+         d="m 5200,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2168"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2170"
+         clip-rule="evenodd"
+         d="m 3200,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2158"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2160"
+         clip-rule="evenodd"
+         d="m 3400,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2148"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2150"
+         clip-rule="evenodd"
+         d="m 3400,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2138"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2140"
+         clip-rule="evenodd"
+         d="m 3200,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2128"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2130"
+         clip-rule="evenodd"
+         d="m 3200,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2118"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2120"
+         clip-rule="evenodd"
+         d="m 3400,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2108"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2110"
+         clip-rule="evenodd"
+         d="m 3400,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2098"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2100"
+         clip-rule="evenodd"
+         d="m 3200,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2088"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2090"
+         clip-rule="evenodd"
+         d="m 1200,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2078"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2080"
+         clip-rule="evenodd"
+         d="m 1400,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2068"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2070"
+         clip-rule="evenodd"
+         d="m 1400,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2058"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2060"
+         clip-rule="evenodd"
+         d="m 1200,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2048"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2050"
+         clip-rule="evenodd"
+         d="m 1200,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2038"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2040"
+         clip-rule="evenodd"
+         d="m 1400,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2028"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2030"
+         clip-rule="evenodd"
+         d="m 1400,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2018"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2020"
+         clip-rule="evenodd"
+         d="m 1200,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2008"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2010"
+         clip-rule="evenodd"
+         d="m 4000,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1998"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2000"
+         clip-rule="evenodd"
+         d="m 4200,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1988"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1990"
+         clip-rule="evenodd"
+         d="m 4200,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1978"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1980"
+         clip-rule="evenodd"
+         d="m 4000,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1968"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1970"
+         clip-rule="evenodd"
+         d="m 4000,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1958"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1960"
+         clip-rule="evenodd"
+         d="m 4200,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1948"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1950"
+         clip-rule="evenodd"
+         d="m 4200,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1938"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1940"
+         clip-rule="evenodd"
+         d="m 4000,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1928"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1930"
+         clip-rule="evenodd"
+         d="m 4000,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1918"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1920"
+         clip-rule="evenodd"
+         d="m 4200,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1908"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1910"
+         clip-rule="evenodd"
+         d="m 4200,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1898"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1900"
+         clip-rule="evenodd"
+         d="m 4000,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1888"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1890"
+         clip-rule="evenodd"
+         d="m 4000,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1878"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1880"
+         clip-rule="evenodd"
+         d="m 4200,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1868"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1870"
+         clip-rule="evenodd"
+         d="m 4200,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1858"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1860"
+         clip-rule="evenodd"
+         d="m 4000,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1848"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1850"
+         clip-rule="evenodd"
+         d="m 2000,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1838"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1840"
+         clip-rule="evenodd"
+         d="m 2200,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1828"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1830"
+         clip-rule="evenodd"
+         d="m 2200,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1818"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1820"
+         clip-rule="evenodd"
+         d="m 2000,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1808"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1810"
+         clip-rule="evenodd"
+         d="m 2000,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1798"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1800"
+         clip-rule="evenodd"
+         d="m 2200,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1788"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1790"
+         clip-rule="evenodd"
+         d="m 2200,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1778"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1780"
+         clip-rule="evenodd"
+         d="m 2000,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1768"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1770"
+         clip-rule="evenodd"
+         d="m 2000,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1758"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1760"
+         clip-rule="evenodd"
+         d="m 2200,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1748"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1750"
+         clip-rule="evenodd"
+         d="m 2200,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1738"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1740"
+         clip-rule="evenodd"
+         d="m 2000,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1728"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1730"
+         clip-rule="evenodd"
+         d="m 2000,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1718"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1720"
+         clip-rule="evenodd"
+         d="m 2200,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1708"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1710"
+         clip-rule="evenodd"
+         d="m 2200,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1698"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1700"
+         clip-rule="evenodd"
+         d="m 2000,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1688"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1690"
+         clip-rule="evenodd"
+         d="m 0,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1678"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1680"
+         clip-rule="evenodd"
+         d="m 200,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1668"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1670"
+         clip-rule="evenodd"
+         d="m 200,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1658"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1660"
+         clip-rule="evenodd"
+         d="m 0,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1648"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1650"
+         clip-rule="evenodd"
+         d="m 0,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1638"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1640"
+         clip-rule="evenodd"
+         d="m 200,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1628"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1630"
+         clip-rule="evenodd"
+         d="m 200,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1618"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1620"
+         clip-rule="evenodd"
+         d="m 0,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1608"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1610"
+         clip-rule="evenodd"
+         d="m 0,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1598"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1600"
+         clip-rule="evenodd"
+         d="m 200,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1588"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1590"
+         clip-rule="evenodd"
+         d="m 200,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1578"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1580"
+         clip-rule="evenodd"
+         d="m 0,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1568"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1570"
+         clip-rule="evenodd"
+         d="m 0,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1558"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1560"
+         clip-rule="evenodd"
+         d="m 200,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1548"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1550"
+         clip-rule="evenodd"
+         d="m 200,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1538"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1540"
+         clip-rule="evenodd"
+         d="m 0,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1528"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1530"
+         clip-rule="evenodd"
+         d="m 3200,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1518"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1520"
+         clip-rule="evenodd"
+         d="m 7000,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1508"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1510"
+         clip-rule="evenodd"
+         d="m 6800,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1498"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1500"
+         clip-rule="evenodd"
+         d="m 7000,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1488"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1490"
+         clip-rule="evenodd"
+         d="m 6800,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1478"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1480"
+         clip-rule="evenodd"
+         d="m 6600,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1468"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1470"
+         clip-rule="evenodd"
+         d="m 6400,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1458"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1460"
+         clip-rule="evenodd"
+         d="m 6600,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1448"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1450"
+         clip-rule="evenodd"
+         d="m 6400,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1438"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1440"
+         clip-rule="evenodd"
+         d="m 6200,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1428"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1430"
+         clip-rule="evenodd"
+         d="m 6200,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1418"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1420"
+         clip-rule="evenodd"
+         d="m 6000,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1408"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1410"
+         clip-rule="evenodd"
+         d="m 6000,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1398"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1400"
+         clip-rule="evenodd"
+         d="m 5800,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1388"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1390"
+         clip-rule="evenodd"
+         d="m 5800,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1378"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1380"
+         clip-rule="evenodd"
+         d="m 5600,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1368"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1370"
+         clip-rule="evenodd"
+         d="m 5600,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1358"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1360"
+         clip-rule="evenodd"
+         d="m 5400,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1348"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1350"
+         clip-rule="evenodd"
+         d="m 5200,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1338"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1340"
+         clip-rule="evenodd"
+         d="m 5400,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1328"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1330"
+         clip-rule="evenodd"
+         d="m 5200,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1318"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1320"
+         clip-rule="evenodd"
+         d="m 5000,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1308"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1310"
+         clip-rule="evenodd"
+         d="m 5000,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1298"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1300"
+         clip-rule="evenodd"
+         d="m 4800,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1288"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1290"
+         clip-rule="evenodd"
+         d="m 4800,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1278"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1280"
+         clip-rule="evenodd"
+         d="m 4600,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1268"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1270"
+         clip-rule="evenodd"
+         d="m 4600,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1258"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1260"
+         clip-rule="evenodd"
+         d="m 4400,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1248"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1250"
+         clip-rule="evenodd"
+         d="m 4400,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1238"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1240"
+         clip-rule="evenodd"
+         d="m 4200,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1228"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1230"
+         clip-rule="evenodd"
+         d="m 4200,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1218"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1220"
+         clip-rule="evenodd"
+         d="m 4000,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1208"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1210"
+         clip-rule="evenodd"
+         d="m 4000,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1198"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1200"
+         clip-rule="evenodd"
+         d="m 3800,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1188"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1190"
+         clip-rule="evenodd"
+         d="m 3800,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1178"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1180"
+         clip-rule="evenodd"
+         d="m 3600,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1168"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1170"
+         clip-rule="evenodd"
+         d="m 3600,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1158"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1160"
+         clip-rule="evenodd"
+         d="m 3400,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1148"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1150"
+         clip-rule="evenodd"
+         d="m 3400,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1138"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1140"
+         clip-rule="evenodd"
+         d="m 3200,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1128"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1130"
+         clip-rule="evenodd"
+         d="m 0,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1118"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1120"
+         clip-rule="evenodd"
+         d="m 3400,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1108"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1110"
+         clip-rule="evenodd"
+         d="m 3200,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1098"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1100"
+         clip-rule="evenodd"
+         d="m 3400,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1088"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1090"
+         clip-rule="evenodd"
+         d="m 3200,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1078"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1080"
+         clip-rule="evenodd"
+         d="m 3000,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1068"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1070"
+         clip-rule="evenodd"
+         d="m 2800,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1058"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1060"
+         clip-rule="evenodd"
+         d="m 3000,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1048"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1050"
+         clip-rule="evenodd"
+         d="m 2800,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1038"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1040"
+         clip-rule="evenodd"
+         d="m 2600,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1028"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1030"
+         clip-rule="evenodd"
+         d="m 2400,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1018"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1020"
+         clip-rule="evenodd"
+         d="m 2600,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1008"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1010"
+         clip-rule="evenodd"
+         d="m 2400,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath998"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1000"
+         clip-rule="evenodd"
+         d="m 2200,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath988"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path990"
+         clip-rule="evenodd"
+         d="m 2000,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath978"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path980"
+         clip-rule="evenodd"
+         d="m 2200,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath968"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path970"
+         clip-rule="evenodd"
+         d="m 2000,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath958"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path960"
+         clip-rule="evenodd"
+         d="m 2200,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath948"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path950"
+         clip-rule="evenodd"
+         d="m 2000,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath938"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path940"
+         clip-rule="evenodd"
+         d="m 2200,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath928"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path930"
+         clip-rule="evenodd"
+         d="m 2000,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath918"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path920"
+         clip-rule="evenodd"
+         d="m 1800,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath908"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path910"
+         clip-rule="evenodd"
+         d="m 1800,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath898"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path900"
+         clip-rule="evenodd"
+         d="m 1600,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath888"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path890"
+         clip-rule="evenodd"
+         d="m 1600,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath878"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path880"
+         clip-rule="evenodd"
+         d="m 1400,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath868"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path870"
+         clip-rule="evenodd"
+         d="m 1400,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath858"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path860"
+         clip-rule="evenodd"
+         d="m 1200,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath848"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path850"
+         clip-rule="evenodd"
+         d="m 1200,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath838"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path840"
+         clip-rule="evenodd"
+         d="m 1000,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath828"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path830"
+         clip-rule="evenodd"
+         d="m 1000,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath818"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path820"
+         clip-rule="evenodd"
+         d="m 800,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath808"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path810"
+         clip-rule="evenodd"
+         d="m 800,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath798"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path800"
+         clip-rule="evenodd"
+         d="m 600,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath788"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path790"
+         clip-rule="evenodd"
+         d="m 600,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath778"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path780"
+         clip-rule="evenodd"
+         d="m 400,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath768"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path770"
+         clip-rule="evenodd"
+         d="m 400,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath758"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path760"
+         clip-rule="evenodd"
+         d="m 200,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath748"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path750"
+         clip-rule="evenodd"
+         d="m 200,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath738"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path740"
+         clip-rule="evenodd"
+         d="m 0,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath728"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path730"
+         clip-rule="evenodd"
+         d="m 2400,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath718"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path720"
+         clip-rule="evenodd"
+         d="m 7000,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath708"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path710"
+         clip-rule="evenodd"
+         d="m 7000,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath698"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path700"
+         clip-rule="evenodd"
+         d="m 6800,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath688"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path690"
+         clip-rule="evenodd"
+         d="m 6800,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath678"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path680"
+         clip-rule="evenodd"
+         d="m 6600,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath668"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path670"
+         clip-rule="evenodd"
+         d="m 6600,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath658"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path660"
+         clip-rule="evenodd"
+         d="m 6400,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath648"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path650"
+         clip-rule="evenodd"
+         d="m 6400,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath638"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path640"
+         clip-rule="evenodd"
+         d="m 6200,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath628"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path630"
+         clip-rule="evenodd"
+         d="m 6200,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath618"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path620"
+         clip-rule="evenodd"
+         d="m 6000,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath608"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path610"
+         clip-rule="evenodd"
+         d="m 6000,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath598"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path600"
+         clip-rule="evenodd"
+         d="m 5800,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath588"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path590"
+         clip-rule="evenodd"
+         d="m 5800,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath578"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path580"
+         clip-rule="evenodd"
+         d="m 5600,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath568"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path570"
+         clip-rule="evenodd"
+         d="m 5600,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath558"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path560"
+         clip-rule="evenodd"
+         d="m 5400,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath548"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path550"
+         clip-rule="evenodd"
+         d="m 5400,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath538"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path540"
+         clip-rule="evenodd"
+         d="m 5200,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath528"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path530"
+         clip-rule="evenodd"
+         d="m 5200,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath518"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path520"
+         clip-rule="evenodd"
+         d="m 5000,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath508"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path510"
+         clip-rule="evenodd"
+         d="m 5000,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath498"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path500"
+         clip-rule="evenodd"
+         d="m 4800,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath488"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path490"
+         clip-rule="evenodd"
+         d="m 4800,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath478"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path480"
+         clip-rule="evenodd"
+         d="m 4600,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath468"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path470"
+         clip-rule="evenodd"
+         d="m 4600,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath458"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path460"
+         clip-rule="evenodd"
+         d="m 4400,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath448"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path450"
+         clip-rule="evenodd"
+         d="m 4400,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath438"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path440"
+         clip-rule="evenodd"
+         d="m 4200,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath428"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path430"
+         clip-rule="evenodd"
+         d="m 4200,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath418"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path420"
+         clip-rule="evenodd"
+         d="m 4000,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath408"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path410"
+         clip-rule="evenodd"
+         d="m 4000,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath398"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path400"
+         clip-rule="evenodd"
+         d="m 3800,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath388"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path390"
+         clip-rule="evenodd"
+         d="m 3800,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath378"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path380"
+         clip-rule="evenodd"
+         d="m 3600,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath368"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path370"
+         clip-rule="evenodd"
+         d="m 3600,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath358"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path360"
+         clip-rule="evenodd"
+         d="m 3400,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath348"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path350"
+         clip-rule="evenodd"
+         d="m 3400,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath338"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path340"
+         clip-rule="evenodd"
+         d="m 3200,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath328"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path330"
+         clip-rule="evenodd"
+         d="m 3200,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath318"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path320"
+         clip-rule="evenodd"
+         d="m 3000,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath308"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path310"
+         clip-rule="evenodd"
+         d="m 3000,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath298"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path300"
+         clip-rule="evenodd"
+         d="m 2800,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath288"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path290"
+         clip-rule="evenodd"
+         d="m 2800,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath278"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path280"
+         clip-rule="evenodd"
+         d="m 2600,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath268"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path270"
+         clip-rule="evenodd"
+         d="m 2600,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath258"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path260"
+         clip-rule="evenodd"
+         d="m 2400,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath248"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path250"
+         clip-rule="evenodd"
+         d="m 0,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath238"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path240"
+         clip-rule="evenodd"
+         d="m 2200,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath228"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path230"
+         clip-rule="evenodd"
+         d="m 2200,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath218"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path220"
+         clip-rule="evenodd"
+         d="m 2000,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath208"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path210"
+         clip-rule="evenodd"
+         d="m 2000,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath198"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path200"
+         clip-rule="evenodd"
+         d="m 1800,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath188"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path190"
+         clip-rule="evenodd"
+         d="m 1800,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath178"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path180"
+         clip-rule="evenodd"
+         d="m 1600,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath168"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path170"
+         clip-rule="evenodd"
+         d="m 1600,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath158"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path160"
+         clip-rule="evenodd"
+         d="m 1400,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath148"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path150"
+         clip-rule="evenodd"
+         d="m 1400,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath138"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path140"
+         clip-rule="evenodd"
+         d="m 1200,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath128"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path130"
+         clip-rule="evenodd"
+         d="m 1200,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath118"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path120"
+         clip-rule="evenodd"
+         d="m 1000,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath108"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path110"
+         clip-rule="evenodd"
+         d="m 1000,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath98"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path100"
+         clip-rule="evenodd"
+         d="m 800,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath88"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path90"
+         clip-rule="evenodd"
+         d="m 800,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath78"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path80"
+         clip-rule="evenodd"
+         d="m 600,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath68"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path70"
+         clip-rule="evenodd"
+         d="m 600,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath58"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path60"
+         clip-rule="evenodd"
+         d="m 400,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath48"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path50"
+         clip-rule="evenodd"
+         d="m 400,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath38"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path40"
+         clip-rule="evenodd"
+         d="m 200,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath28"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path30"
+         clip-rule="evenodd"
+         d="m 200,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath18"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path20"
+         clip-rule="evenodd"
+         d="m 0,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1155"
+     inkscape:window-height="874"
+     id="namedview14"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="0.35546476"
+     inkscape:cx="2083.9681"
+     inkscape:cy="630.44658"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g12" />
+  <title
+     id="title4">logo-on-dark-bg</title>
+  <g
+     transform="matrix(2.9223021,0,0,-2.9223021,697.97124,1109.1223)"
+     inkscape:label="ink_ext_XXXXXX"
+     id="g10">
+    <g
+       transform="scale(0.1,0.1)"
+       id="g12">
+      <g
+         id="g2284">
+        <g
+           clip-path="url(#clipPath2288)"
+           id="g2286">
+          <path
+             inkscape:connector-curvature="0"
+             id="path2292"
+             style="fill:#c92837;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 5061.8565,-900.04641 300,0 0,300 -300,0 0,-300 z" />
+        </g>
+      </g>
+      <g
+         id="g4101">
+        <path
+           style="fill:#c43837;fill-opacity:1;stroke:none"
+           d="m 0,0 0,300 250,0 0,50 200,0 0,-50 450,0 0,-300 z"
+           id="path5589"
+           inkscape:connector-curvature="0"
+           transform="matrix(8,0,0,-8,0,2800)"
+           sodipodi:nodetypes="ccccccccc" />
+        <path
+           style="fill:#ffffff;fill-opacity:1;stroke:none"
+           d="m 50,50 0,200 100,0 0,-150 50,0 0,150 50,0 0,-200 z"
+           id="path6359"
+           inkscape:connector-curvature="0"
+           transform="matrix(8,0,0,-8,0,2800)"
+           sodipodi:nodetypes="ccccccccc" />
+        <path
+           inkscape:connector-curvature="0"
+           style="fill:#ffffff;fill-opacity:1;stroke:none"
+           d="m 300,50 0,250 100,0 0,-50 100,0 0,-200 -200,0 z m 100,50 50,0 0,100 -50,0 0,-100 z"
+           transform="matrix(8,0,0,-8,0,2800)"
+           id="path6361" />
+        <path
+           style="fill:#ffffff;fill-opacity:1;stroke:none"
+           d="m 550,50 0,200 100,0 0,-150 50,0 0,150 50,0 0,-150 50,0 0,150 50,0 0,-200 z"
+           id="path6365"
+           inkscape:connector-curvature="0"
+           transform="matrix(8,0,0,-8,0,2800)"
+           sodipodi:nodetypes="ccccccccccccc" />
+      </g>
+      <g
+         transform="matrix(1,0,0,-1,0,-184.78583)"
+         style="font-size:136.87838745px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Sans"
+         id="text3512">
+        <path
+           d="m 5448.4334,10.676174 c -3e-4,34.487007 -12.0306,60.753198 -36.091,78.798652 -23.8603,18.045494 -59.6505,27.068234 -107.3706,27.068234 -24.4618,0 -45.3144,-1.7043 -62.5578,-5.11288 -17.2435,-3.20809 -33.3842,-8.02022 -48.422,-14.436399 l 0,-75.79107 c 17.0429,8.020301 36.1911,14.737228 57.4448,20.150801 21.454,5.413711 40.3015,8.120533 56.5425,8.120471 33.2838,6.2e-5 49.9257,-9.624192 49.9259,-28.872788 -2e-4,-7.2181 -2.2057,-13.0327529 -6.6167,-17.4439763 -4.4113,-4.6115139 -12.0305,-9.7243984 -22.8576,-15.3386687 -10.8275,-5.81453 -25.2638,-12.531457 -43.3092,-20.1508 -25.8653,-10.827142 -44.9133,-20.852406 -57.144,-30.075822 -12.0304,-9.223069 -20.8527,-19.749596 -26.4668,-31.579612 -5.4136,-12.030116 -8.1205,-26.767246 -8.1204,-44.211456 -1e-4,-29.87504 11.529,-52.93315 34.5872,-69.17439 23.2585,-16.44111 56.1414,-24.66183 98.6486,-24.66217 40.502,3.4e-4 79.9012,8.82257 118.198,26.46672 l -27.6697,66.16681 c -16.8427,-7.21794 -32.5824,-13.13285 -47.2191,-17.74474 -14.6371,-4.61135 -29.5747,-6.91716 -44.8129,-6.91744 -27.0684,2.8e-4 -40.6025,7.31872 -40.6024,21.95535 -1e-4,8.22097 4.3107,15.33891 12.9326,21.35384 8.8221,6.01538 27.9704,14.93787 57.4448,26.767476 26.266,10.626984 45.5145,20.551995 57.7456,29.775063 12.2306,9.223417 21.2533,19.850197 27.0682,31.880371 5.8144,12.030459 8.7217,26.3665861 8.722,43.008424"
+           style="font-size:615.95281982px;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#ffffff;fill-opacity:1;font-family:Open Sans;-inkscape-font-specification:Open Sans Bold"
+           id="path4285"
+           inkscape:connector-curvature="0" />
+        <path
+           d="m 5657.1596,116.54306 c -104.6639,0 -156.9958,-57.444762 -156.9958,-172.334451 0,-57.143839 14.2359,-100.753739 42.7077,-130.829819 28.4717,-30.276 69.2745,-45.41415 122.4086,-45.41449 38.8978,3.4e-4 73.7857,7.61954 104.6639,22.85762 l -27.0683,70.97894 c -14.4366,-5.81441 -27.8705,-10.52628 -40.3016,-14.13564 -12.4315,-3.80933 -24.8629,-5.71413 -37.294,-5.7144 -47.7205,2.7e-4 -71.5806,33.88566 -71.5805,101.656273 -1e-4,65.7658966 23.86,98.648762 71.5805,98.648693 17.6443,6.9e-5 33.9854,-2.305742 49.0236,-6.917439 15.0376,-4.812051 30.0755,-12.230746 45.1137,-22.256107 l 0,78.497893 c -14.8377,9.423767 -29.8756,15.940187 -45.1137,19.549287 -15.0382,3.60909 -34.0862,5.41364 -57.1441,5.41364"
+           style="font-size:615.95281982px;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#ffffff;fill-opacity:1;font-family:Open Sans;-inkscape-font-specification:Open Sans Bold"
+           id="path4287"
+           inkscape:connector-curvature="0" />
+        <path
+           d="m 6024.6862,-232.0357 c 12.4311,3.4e-4 22.7571,0.90261 30.9781,2.70682 l -6.9175,86.01685 c -7.4189,-2.0048 -16.4417,-3.00733 -27.0682,-3.00758 -29.274,2.5e-4 -52.1316,7.5192 -68.5729,22.55686 -16.2411,15.03813 -24.3615,36.091187 -24.3614,63.159228 l 0,171.131422 -91.7313,0 0,-336.24768 69.4752,0 13.5341,56.54254 4.5114,0 c 10.4261,-18.84721 24.4615,-33.98536 42.1061,-45.41449 17.8448,-11.62898 37.1936,-17.44363 58.0464,-17.44397"
+           style="font-size:615.95281982px;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#ffffff;fill-opacity:1;font-family:Open Sans;-inkscape-font-specification:Open Sans Bold"
+           id="path4289"
+           inkscape:connector-curvature="0" />
+        <path
+           d="m 6113.4098,-312.6389 c 0,-29.87487 16.6419,-44.81251 49.9259,-44.81298 33.2838,4.7e-4 49.9257,14.93811 49.9258,44.81298 -10e-5,14.23629 -4.2107,25.36434 -12.6318,33.38416 -8.2208,7.82009 -20.6522,11.72995 -37.294,11.72957 -33.284,3.8e-4 -49.9259,-15.03752 -49.9259,-45.11373 m 95.6411,423.1668 -91.7312,0 0,-336.24768 91.7312,0 0,336.24768"
+           style="font-size:615.95281982px;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#ffffff;fill-opacity:1;font-family:Open Sans;-inkscape-font-specification:Open Sans Bold"
+           id="path4291"
+           inkscape:connector-curvature="0" />
+        <path
+           d="m 6489.6583,116.54306 c -39.4998,0 -70.4778,-14.33613 -92.9343,-43.008419 l -4.8121,0 c 3.2079,28.070779 4.812,44.311699 4.8121,48.722829 l 0,136.24347 -91.7312,0 0,-484.22072 74.588,0 12.9326,43.60994 4.2106,0 c 21.454,-33.28358 53.234,-49.92552 95.3404,-49.92586 39.6998,3.4e-4 70.7781,15.33899 93.235,46.016 22.4563,30.67761 33.6846,73.28498 33.6849,127.822243 -3e-4,35.890613 -5.3137,67.0691834 -15.9401,93.535804 -10.4267,26.466772 -25.3643,46.617552 -44.813,60.452401 -19.4493,13.834882 -42.3069,20.752312 -68.5729,20.752312 m -27.0682,-275.19376 c -22.6573,2.7e-4 -39.199,7.01795 -49.6251,21.05308 -10.4265,13.83511 -15.8401,36.79296 -16.241,68.873626 l 0,9.925021 c -1e-4,36.091119 5.3133,61.9562991 15.9402,77.595619 10.8271,15.639503 27.8701,23.459209 51.1289,23.45914 41.1034,6.9e-5 61.6552,-33.8853228 61.6554,-101.656276 -2e-4,-33.0832 -5.1131,-57.8456 -15.3386,-74.28728 -10.0255,-16.64169 -25.8655,-24.96266 -47.5198,-24.96293"
+           style="font-size:615.95281982px;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#ffffff;fill-opacity:1;font-family:Open Sans;-inkscape-font-specification:Open Sans Bold"
+           id="path4293"
+           inkscape:connector-curvature="0" />
+        <path
+           d="m 6836.4326,43.458819 c 16.0402,6.7e-5 35.2887,-3.508775 57.7456,-10.526537 l 0,68.272118 c -22.8579,10.22577 -50.9286,15.33866 -84.2123,15.33866 -36.6926,0 -63.4601,-9.22324 -80.3025,-27.669751 -16.642,-18.646969 -24.9629,-46.517202 -24.9629,-83.6107828 l 0,-162.1086762 -43.9107,0 0,-38.79781 50.5274,-30.67734 26.4667,-70.97894 58.6479,0 0,71.58046 94.1373,0 0,68.87363 -94.1373,0 0,162.1086762 c -2e-4,13.0329478 3.6089,22.6572018 10.8273,28.8727888 7.4185,6.21574 17.143,9.323571 29.1735,9.323504"
+           style="font-size:615.95281982px;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#ffffff;fill-opacity:1;font-family:Open Sans;-inkscape-font-specification:Open Sans Bold"
+           id="path4295"
+           inkscape:connector-curvature="0" />
+        <path
+           d="m 7196.4401,10.676174 c -2e-4,34.487007 -12.0306,60.753198 -36.0909,78.798652 -23.8604,18.045494 -59.6506,27.068234 -107.3707,27.068234 -24.4618,0 -45.3144,-1.7043 -62.5577,-5.11288 -17.2436,-3.20809 -33.3842,-8.02022 -48.4221,-14.436399 l 0,-75.79107 c 17.0429,8.020301 36.1912,14.737228 57.4448,20.150801 21.454,5.413711 40.3015,8.120533 56.5426,8.120471 33.2837,6.2e-5 49.9256,-9.624192 49.9258,-28.872788 -2e-4,-7.2181 -2.2057,-13.0327529 -6.6167,-17.4439763 -4.4113,-4.6115139 -12.0305,-9.7243984 -22.8576,-15.3386687 -10.8274,-5.81453 -25.2638,-12.531457 -43.3092,-20.1508 -25.8653,-10.827142 -44.9133,-20.852406 -57.144,-30.075822 -12.0304,-9.223069 -20.8526,-19.749596 -26.4668,-31.579612 -5.4136,-12.030116 -8.1205,-26.767246 -8.1204,-44.211456 -1e-4,-29.87504 11.529,-52.93315 34.5872,-69.17439 23.2585,-16.44111 56.1414,-24.66183 98.6487,-24.66217 40.5019,3.4e-4 79.9012,8.82257 118.1979,26.46672 l -27.6697,66.16681 c -16.8427,-7.21794 -32.5824,-13.13285 -47.2191,-17.74474 -14.637,-4.61135 -29.5747,-6.91716 -44.8129,-6.91744 -27.0684,2.8e-4 -40.6025,7.31872 -40.6024,21.95535 -1e-4,8.22097 4.3108,15.33891 12.9326,21.35384 8.8221,6.01538 27.9704,14.93787 57.4448,26.767476 26.266,10.626984 45.5145,20.551995 57.7456,29.775063 12.2306,9.223417 21.2533,19.850197 27.0682,31.880371 5.8144,12.030459 8.7218,26.3665861 8.722,43.008424"
+           style="font-size:615.95281982px;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#ffffff;fill-opacity:1;font-family:Open Sans;-inkscape-font-specification:Open Sans Bold"
+           id="path4297"
+           inkscape:connector-curvature="0" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/content/en/tools/workbox/v3/images/third_party/webpack-logo.svg b/src/content/en/tools/workbox/v3/images/third_party/webpack-logo.svg
new file mode 100644
index 00000000000..3d418fe1808
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/images/third_party/webpack-logo.svg
@@ -0,0 +1,2182 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 3500 1400"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   width="100%"
+   height="100%"
+   sodipodi:docname="webpack-logo.svg">
+  <metadata
+     id="metadata18">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs16">
+    <clipPath
+       id="clipPath2608"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2610"
+         clip-rule="evenodd"
+         d="m 1200,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2598"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2600"
+         clip-rule="evenodd"
+         d="m 1400,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2588"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2590"
+         clip-rule="evenodd"
+         d="m 1400,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2578"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2580"
+         clip-rule="evenodd"
+         d="m 1200,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2568"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2570"
+         clip-rule="evenodd"
+         d="m 6800,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2558"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2560"
+         clip-rule="evenodd"
+         d="m 7000,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2548"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2550"
+         clip-rule="evenodd"
+         d="m 7000,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2538"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2540"
+         clip-rule="evenodd"
+         d="m 6800,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2528"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2530"
+         clip-rule="evenodd"
+         d="m 6800,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2518"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2520"
+         clip-rule="evenodd"
+         d="m 7000,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2508"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2510"
+         clip-rule="evenodd"
+         d="m 7000,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2498"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2500"
+         clip-rule="evenodd"
+         d="m 6800,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2488"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2490"
+         clip-rule="evenodd"
+         d="m 6800,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2478"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2480"
+         clip-rule="evenodd"
+         d="m 7000,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2468"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2470"
+         clip-rule="evenodd"
+         d="m 7000,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2458"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2460"
+         clip-rule="evenodd"
+         d="m 6800,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2448"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2450"
+         clip-rule="evenodd"
+         d="m 6800,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2438"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2440"
+         clip-rule="evenodd"
+         d="m 7000,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2428"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2430"
+         clip-rule="evenodd"
+         d="m 7000,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2418"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2420"
+         clip-rule="evenodd"
+         d="m 6800,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2408"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2410"
+         clip-rule="evenodd"
+         d="m 6000,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2398"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2400"
+         clip-rule="evenodd"
+         d="m 6200,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2388"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2390"
+         clip-rule="evenodd"
+         d="m 6200,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2378"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2380"
+         clip-rule="evenodd"
+         d="m 6000,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2368"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2370"
+         clip-rule="evenodd"
+         d="m 6000,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2358"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2360"
+         clip-rule="evenodd"
+         d="m 6200,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2348"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2350"
+         clip-rule="evenodd"
+         d="m 6200,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2338"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2340"
+         clip-rule="evenodd"
+         d="m 6000,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2328"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2330"
+         clip-rule="evenodd"
+         d="m 6000,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2318"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2320"
+         clip-rule="evenodd"
+         d="m 6200,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2308"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2310"
+         clip-rule="evenodd"
+         d="m 6200,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2298"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2300"
+         clip-rule="evenodd"
+         d="m 6000,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2288"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2290"
+         clip-rule="evenodd"
+         d="m 5200,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2278"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2280"
+         clip-rule="evenodd"
+         d="m 5400,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2268"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2270"
+         clip-rule="evenodd"
+         d="m 5400,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2258"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2260"
+         clip-rule="evenodd"
+         d="m 5200,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2248"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2250"
+         clip-rule="evenodd"
+         d="m 5200,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2238"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2240"
+         clip-rule="evenodd"
+         d="m 5400,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2228"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2230"
+         clip-rule="evenodd"
+         d="m 5400,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2218"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2220"
+         clip-rule="evenodd"
+         d="m 5200,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2208"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2210"
+         clip-rule="evenodd"
+         d="m 5200,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2198"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2200"
+         clip-rule="evenodd"
+         d="m 5400,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2188"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2190"
+         clip-rule="evenodd"
+         d="m 5400,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2178"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2180"
+         clip-rule="evenodd"
+         d="m 5200,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2168"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2170"
+         clip-rule="evenodd"
+         d="m 3200,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2158"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2160"
+         clip-rule="evenodd"
+         d="m 3400,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2148"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2150"
+         clip-rule="evenodd"
+         d="m 3400,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2138"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2140"
+         clip-rule="evenodd"
+         d="m 3200,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2128"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2130"
+         clip-rule="evenodd"
+         d="m 3200,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2118"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2120"
+         clip-rule="evenodd"
+         d="m 3400,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2108"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2110"
+         clip-rule="evenodd"
+         d="m 3400,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2098"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2100"
+         clip-rule="evenodd"
+         d="m 3200,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2088"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2090"
+         clip-rule="evenodd"
+         d="m 1200,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2078"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2080"
+         clip-rule="evenodd"
+         d="m 1400,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2068"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2070"
+         clip-rule="evenodd"
+         d="m 1400,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2058"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2060"
+         clip-rule="evenodd"
+         d="m 1200,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2048"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2050"
+         clip-rule="evenodd"
+         d="m 1200,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2038"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2040"
+         clip-rule="evenodd"
+         d="m 1400,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2028"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2030"
+         clip-rule="evenodd"
+         d="m 1400,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2018"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2020"
+         clip-rule="evenodd"
+         d="m 1200,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath2008"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2010"
+         clip-rule="evenodd"
+         d="m 4000,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1998"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path2000"
+         clip-rule="evenodd"
+         d="m 4200,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1988"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1990"
+         clip-rule="evenodd"
+         d="m 4200,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1978"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1980"
+         clip-rule="evenodd"
+         d="m 4000,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1968"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1970"
+         clip-rule="evenodd"
+         d="m 4000,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1958"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1960"
+         clip-rule="evenodd"
+         d="m 4200,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1948"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1950"
+         clip-rule="evenodd"
+         d="m 4200,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1938"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1940"
+         clip-rule="evenodd"
+         d="m 4000,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1928"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1930"
+         clip-rule="evenodd"
+         d="m 4000,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1918"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1920"
+         clip-rule="evenodd"
+         d="m 4200,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1908"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1910"
+         clip-rule="evenodd"
+         d="m 4200,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1898"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1900"
+         clip-rule="evenodd"
+         d="m 4000,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1888"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1890"
+         clip-rule="evenodd"
+         d="m 4000,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1878"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1880"
+         clip-rule="evenodd"
+         d="m 4200,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1868"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1870"
+         clip-rule="evenodd"
+         d="m 4200,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1858"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1860"
+         clip-rule="evenodd"
+         d="m 4000,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1848"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1850"
+         clip-rule="evenodd"
+         d="m 2000,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1838"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1840"
+         clip-rule="evenodd"
+         d="m 2200,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1828"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1830"
+         clip-rule="evenodd"
+         d="m 2200,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1818"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1820"
+         clip-rule="evenodd"
+         d="m 2000,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1808"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1810"
+         clip-rule="evenodd"
+         d="m 2000,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1798"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1800"
+         clip-rule="evenodd"
+         d="m 2200,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1788"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1790"
+         clip-rule="evenodd"
+         d="m 2200,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1778"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1780"
+         clip-rule="evenodd"
+         d="m 2000,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1768"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1770"
+         clip-rule="evenodd"
+         d="m 2000,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1758"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1760"
+         clip-rule="evenodd"
+         d="m 2200,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1748"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1750"
+         clip-rule="evenodd"
+         d="m 2200,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1738"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1740"
+         clip-rule="evenodd"
+         d="m 2000,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1728"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1730"
+         clip-rule="evenodd"
+         d="m 2000,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1718"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1720"
+         clip-rule="evenodd"
+         d="m 2200,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1708"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1710"
+         clip-rule="evenodd"
+         d="m 2200,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1698"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1700"
+         clip-rule="evenodd"
+         d="m 2000,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1688"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1690"
+         clip-rule="evenodd"
+         d="m 0,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1678"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1680"
+         clip-rule="evenodd"
+         d="m 200,1000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1668"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1670"
+         clip-rule="evenodd"
+         d="m 200,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1658"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1660"
+         clip-rule="evenodd"
+         d="m 0,1200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1648"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1650"
+         clip-rule="evenodd"
+         d="m 0,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1638"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1640"
+         clip-rule="evenodd"
+         d="m 200,1400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1628"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1630"
+         clip-rule="evenodd"
+         d="m 200,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1618"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1620"
+         clip-rule="evenodd"
+         d="m 0,1600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1608"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1610"
+         clip-rule="evenodd"
+         d="m 0,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1598"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1600"
+         clip-rule="evenodd"
+         d="m 200,1800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1588"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1590"
+         clip-rule="evenodd"
+         d="m 200,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1578"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1580"
+         clip-rule="evenodd"
+         d="m 0,2000 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1568"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1570"
+         clip-rule="evenodd"
+         d="m 0,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1558"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1560"
+         clip-rule="evenodd"
+         d="m 200,2200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1548"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1550"
+         clip-rule="evenodd"
+         d="m 200,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1538"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1540"
+         clip-rule="evenodd"
+         d="m 0,2400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1528"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1530"
+         clip-rule="evenodd"
+         d="m 3200,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1518"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1520"
+         clip-rule="evenodd"
+         d="m 7000,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1508"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1510"
+         clip-rule="evenodd"
+         d="m 6800,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1498"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1500"
+         clip-rule="evenodd"
+         d="m 7000,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1488"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1490"
+         clip-rule="evenodd"
+         d="m 6800,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1478"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1480"
+         clip-rule="evenodd"
+         d="m 6600,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1468"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1470"
+         clip-rule="evenodd"
+         d="m 6400,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1458"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1460"
+         clip-rule="evenodd"
+         d="m 6600,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1448"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1450"
+         clip-rule="evenodd"
+         d="m 6400,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1438"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1440"
+         clip-rule="evenodd"
+         d="m 6200,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1428"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1430"
+         clip-rule="evenodd"
+         d="m 6200,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1418"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1420"
+         clip-rule="evenodd"
+         d="m 6000,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1408"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1410"
+         clip-rule="evenodd"
+         d="m 6000,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1398"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1400"
+         clip-rule="evenodd"
+         d="m 5800,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1388"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1390"
+         clip-rule="evenodd"
+         d="m 5800,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1378"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1380"
+         clip-rule="evenodd"
+         d="m 5600,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1368"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1370"
+         clip-rule="evenodd"
+         d="m 5600,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1358"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1360"
+         clip-rule="evenodd"
+         d="m 5400,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1348"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1350"
+         clip-rule="evenodd"
+         d="m 5200,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1338"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1340"
+         clip-rule="evenodd"
+         d="m 5400,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1328"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1330"
+         clip-rule="evenodd"
+         d="m 5200,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1318"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1320"
+         clip-rule="evenodd"
+         d="m 5000,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1308"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1310"
+         clip-rule="evenodd"
+         d="m 5000,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1298"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1300"
+         clip-rule="evenodd"
+         d="m 4800,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1288"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1290"
+         clip-rule="evenodd"
+         d="m 4800,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1278"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1280"
+         clip-rule="evenodd"
+         d="m 4600,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1268"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1270"
+         clip-rule="evenodd"
+         d="m 4600,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1258"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1260"
+         clip-rule="evenodd"
+         d="m 4400,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1248"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1250"
+         clip-rule="evenodd"
+         d="m 4400,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1238"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1240"
+         clip-rule="evenodd"
+         d="m 4200,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1228"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1230"
+         clip-rule="evenodd"
+         d="m 4200,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1218"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1220"
+         clip-rule="evenodd"
+         d="m 4000,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1208"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1210"
+         clip-rule="evenodd"
+         d="m 4000,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1198"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1200"
+         clip-rule="evenodd"
+         d="m 3800,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1188"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1190"
+         clip-rule="evenodd"
+         d="m 3800,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1178"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1180"
+         clip-rule="evenodd"
+         d="m 3600,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1168"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1170"
+         clip-rule="evenodd"
+         d="m 3600,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1158"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1160"
+         clip-rule="evenodd"
+         d="m 3400,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1148"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1150"
+         clip-rule="evenodd"
+         d="m 3400,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1138"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1140"
+         clip-rule="evenodd"
+         d="m 3200,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1128"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1130"
+         clip-rule="evenodd"
+         d="m 0,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1118"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1120"
+         clip-rule="evenodd"
+         d="m 3400,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1108"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1110"
+         clip-rule="evenodd"
+         d="m 3200,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1098"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1100"
+         clip-rule="evenodd"
+         d="m 3400,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1088"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1090"
+         clip-rule="evenodd"
+         d="m 3200,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1078"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1080"
+         clip-rule="evenodd"
+         d="m 3000,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1068"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1070"
+         clip-rule="evenodd"
+         d="m 2800,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1058"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1060"
+         clip-rule="evenodd"
+         d="m 3000,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1048"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1050"
+         clip-rule="evenodd"
+         d="m 2800,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1038"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1040"
+         clip-rule="evenodd"
+         d="m 2600,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1028"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1030"
+         clip-rule="evenodd"
+         d="m 2400,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1018"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1020"
+         clip-rule="evenodd"
+         d="m 2600,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath1008"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1010"
+         clip-rule="evenodd"
+         d="m 2400,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath998"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path1000"
+         clip-rule="evenodd"
+         d="m 2200,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath988"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path990"
+         clip-rule="evenodd"
+         d="m 2000,200 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath978"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path980"
+         clip-rule="evenodd"
+         d="m 2200,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath968"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path970"
+         clip-rule="evenodd"
+         d="m 2000,400 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath958"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path960"
+         clip-rule="evenodd"
+         d="m 2200,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath948"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path950"
+         clip-rule="evenodd"
+         d="m 2000,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath938"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path940"
+         clip-rule="evenodd"
+         d="m 2200,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath928"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path930"
+         clip-rule="evenodd"
+         d="m 2000,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath918"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path920"
+         clip-rule="evenodd"
+         d="m 1800,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath908"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path910"
+         clip-rule="evenodd"
+         d="m 1800,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath898"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path900"
+         clip-rule="evenodd"
+         d="m 1600,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath888"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path890"
+         clip-rule="evenodd"
+         d="m 1600,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath878"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path880"
+         clip-rule="evenodd"
+         d="m 1400,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath868"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path870"
+         clip-rule="evenodd"
+         d="m 1400,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath858"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path860"
+         clip-rule="evenodd"
+         d="m 1200,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath848"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path850"
+         clip-rule="evenodd"
+         d="m 1200,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath838"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path840"
+         clip-rule="evenodd"
+         d="m 1000,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath828"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path830"
+         clip-rule="evenodd"
+         d="m 1000,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath818"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path820"
+         clip-rule="evenodd"
+         d="m 800,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath808"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path810"
+         clip-rule="evenodd"
+         d="m 800,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath798"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path800"
+         clip-rule="evenodd"
+         d="m 600,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath788"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path790"
+         clip-rule="evenodd"
+         d="m 600,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath778"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path780"
+         clip-rule="evenodd"
+         d="m 400,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath768"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path770"
+         clip-rule="evenodd"
+         d="m 400,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath758"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path760"
+         clip-rule="evenodd"
+         d="m 200,600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath748"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path750"
+         clip-rule="evenodd"
+         d="m 200,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath738"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path740"
+         clip-rule="evenodd"
+         d="m 0,800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath728"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path730"
+         clip-rule="evenodd"
+         d="m 2400,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath718"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path720"
+         clip-rule="evenodd"
+         d="m 7000,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath708"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path710"
+         clip-rule="evenodd"
+         d="m 7000,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath698"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path700"
+         clip-rule="evenodd"
+         d="m 6800,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath688"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path690"
+         clip-rule="evenodd"
+         d="m 6800,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath678"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path680"
+         clip-rule="evenodd"
+         d="m 6600,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath668"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path670"
+         clip-rule="evenodd"
+         d="m 6600,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath658"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path660"
+         clip-rule="evenodd"
+         d="m 6400,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath648"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path650"
+         clip-rule="evenodd"
+         d="m 6400,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath638"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path640"
+         clip-rule="evenodd"
+         d="m 6200,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath628"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path630"
+         clip-rule="evenodd"
+         d="m 6200,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath618"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path620"
+         clip-rule="evenodd"
+         d="m 6000,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath608"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path610"
+         clip-rule="evenodd"
+         d="m 6000,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath598"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path600"
+         clip-rule="evenodd"
+         d="m 5800,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath588"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path590"
+         clip-rule="evenodd"
+         d="m 5800,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath578"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path580"
+         clip-rule="evenodd"
+         d="m 5600,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath568"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path570"
+         clip-rule="evenodd"
+         d="m 5600,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath558"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path560"
+         clip-rule="evenodd"
+         d="m 5400,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath548"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path550"
+         clip-rule="evenodd"
+         d="m 5400,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath538"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path540"
+         clip-rule="evenodd"
+         d="m 5200,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath528"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path530"
+         clip-rule="evenodd"
+         d="m 5200,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath518"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path520"
+         clip-rule="evenodd"
+         d="m 5000,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath508"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path510"
+         clip-rule="evenodd"
+         d="m 5000,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath498"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path500"
+         clip-rule="evenodd"
+         d="m 4800,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath488"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path490"
+         clip-rule="evenodd"
+         d="m 4800,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath478"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path480"
+         clip-rule="evenodd"
+         d="m 4600,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath468"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path470"
+         clip-rule="evenodd"
+         d="m 4600,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath458"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path460"
+         clip-rule="evenodd"
+         d="m 4400,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath448"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path450"
+         clip-rule="evenodd"
+         d="m 4400,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath438"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path440"
+         clip-rule="evenodd"
+         d="m 4200,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath428"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path430"
+         clip-rule="evenodd"
+         d="m 4200,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath418"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path420"
+         clip-rule="evenodd"
+         d="m 4000,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath408"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path410"
+         clip-rule="evenodd"
+         d="m 4000,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath398"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path400"
+         clip-rule="evenodd"
+         d="m 3800,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath388"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path390"
+         clip-rule="evenodd"
+         d="m 3800,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath378"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path380"
+         clip-rule="evenodd"
+         d="m 3600,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath368"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path370"
+         clip-rule="evenodd"
+         d="m 3600,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath358"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path360"
+         clip-rule="evenodd"
+         d="m 3400,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath348"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path350"
+         clip-rule="evenodd"
+         d="m 3400,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath338"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path340"
+         clip-rule="evenodd"
+         d="m 3200,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath328"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path330"
+         clip-rule="evenodd"
+         d="m 3200,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath318"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path320"
+         clip-rule="evenodd"
+         d="m 3000,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath308"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path310"
+         clip-rule="evenodd"
+         d="m 3000,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath298"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path300"
+         clip-rule="evenodd"
+         d="m 2800,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath288"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path290"
+         clip-rule="evenodd"
+         d="m 2800,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath278"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path280"
+         clip-rule="evenodd"
+         d="m 2600,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath268"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path270"
+         clip-rule="evenodd"
+         d="m 2600,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath258"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path260"
+         clip-rule="evenodd"
+         d="m 2400,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath248"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path250"
+         clip-rule="evenodd"
+         d="m 0,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath238"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path240"
+         clip-rule="evenodd"
+         d="m 2200,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath228"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path230"
+         clip-rule="evenodd"
+         d="m 2200,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath218"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path220"
+         clip-rule="evenodd"
+         d="m 2000,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath208"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path210"
+         clip-rule="evenodd"
+         d="m 2000,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath198"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path200"
+         clip-rule="evenodd"
+         d="m 1800,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath188"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path190"
+         clip-rule="evenodd"
+         d="m 1800,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath178"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path180"
+         clip-rule="evenodd"
+         d="m 1600,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath168"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path170"
+         clip-rule="evenodd"
+         d="m 1600,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath158"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path160"
+         clip-rule="evenodd"
+         d="m 1400,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath148"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path150"
+         clip-rule="evenodd"
+         d="m 1400,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath138"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path140"
+         clip-rule="evenodd"
+         d="m 1200,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath128"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path130"
+         clip-rule="evenodd"
+         d="m 1200,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath118"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path120"
+         clip-rule="evenodd"
+         d="m 1000,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath108"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path110"
+         clip-rule="evenodd"
+         d="m 1000,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath98"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path100"
+         clip-rule="evenodd"
+         d="m 800,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath88"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path90"
+         clip-rule="evenodd"
+         d="m 800,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath78"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path80"
+         clip-rule="evenodd"
+         d="m 600,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath68"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path70"
+         clip-rule="evenodd"
+         d="m 600,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath58"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path60"
+         clip-rule="evenodd"
+         d="m 400,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath48"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path50"
+         clip-rule="evenodd"
+         d="m 400,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath38"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path40"
+         clip-rule="evenodd"
+         d="m 200,2600 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath28"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path30"
+         clip-rule="evenodd"
+         d="m 200,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath18"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path20"
+         clip-rule="evenodd"
+         d="m 0,2800 200,0 0,-200 -200,0 0,200 0,0 z" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1155"
+     inkscape:window-height="874"
+     id="namedview14"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="0.08886619"
+     inkscape:cx="183.90805"
+     inkscape:cy="449.7"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g12" />
+  <title
+     id="title4">logo-on-dark-bg</title>
+  <g
+     id="g2986"
+     transform="translate(226.65,-262.15)">
+    <path
+       style="fill:#ffffff"
+       inkscape:connector-curvature="0"
+       id="path6"
+       d="m 387,524.3 387,218.9 v 437.9 L 387,1400 0,1181.1 V 743.2 z" />
+    <path
+       style="fill:#8ed6fb"
+       inkscape:connector-curvature="0"
+       id="path8"
+       d="m 704.9,1166 -305.1,172.6 v -134.4 l 190.1,-104.6 115,66.4 z m 20.9,-18.9 V 786.2 l -111.6,64.5 v 232 l 111.6,64.4 z M 67.9,1166 373,1338.6 V 1204.2 L 182.8,1099.6 67.9,1166 z M 47,1147.1 V 786.2 l 111.6,64.5 v 232 L 47,1147.1 z M 60.1,762.8 373,585.8 V 715.7 L 172.5,826 170.9,826.9 60.1,762.8 z m 652.6,0 -312.9,-177 v 129.9 l 200.5,110.2 1.6,0.9 110.8,-64 z" />
+    <path
+       style="fill:#1c78c0"
+       inkscape:connector-curvature="0"
+       id="path10"
+       d="M 373,1173.6 185.4,1070.4 V 866.1 L 373,974.4 v 199.2 z m 26.8,0 187.6,-103.1 V 866.1 L 399.8,974.4 v 199.2 z m -13.4,-207 z M 198.1,842.5 386.4,739 574.7,842.5 386.4,951.2 198.1,842.5 z" />
+    <path
+       style="fill:#f5fafa"
+       inkscape:connector-curvature="0"
+       id="path12"
+       d="m 1164.3,1100.6 h 82.5 l 84.1,-280.2 h -80.4 l -49.8,198.8 -53.1,-198.8 H 1078 l -53.6,198.8 -49.3,-198.8 h -80.4 l 83.6,280.2 h 82.5 l 52,-179.5 51.5,179.5 z m 170.9,-139.3 c 0,84.1 57.3,146.3 147.4,146.3 69.7,0 107.2,-41.8 117.9,-61.6 l -48.8,-37 c -8,11.8 -30,34.3 -68.1,34.3 -41.3,0 -71.3,-26.8 -72.9,-64.3 H 1608 c 0.5,-5.4 0.5,-10.7 0.5,-16.1 0,-91.6 -49.3,-149.5 -136.1,-149.5 -79.9,0 -137.2,63.2 -137.2,147.9 z m 77.7,-30.6 c 3.2,-32.1 25.7,-56.8 60.6,-56.8 33.8,0 58.4,22.5 60,56.8 h -120.6 z m 223.5,169.9 h 69.7 v -28.9 c 7.5,9.1 35.4,35.9 83.1,35.9 80.4,0 137.2,-60.5 137.2,-146.8 0,-86.8 -52.5,-147.3 -132.9,-147.3 -48.2,0 -76.1,26.8 -83.1,36.4 V 713.2 h -73.9 v 387.4 z m 71.8,-139.3 c 0,-52.5 31.1,-82.5 71.8,-82.5 42.9,0 71.8,33.8 71.8,82.5 0,49.8 -30,80.9 -71.8,80.9 -45,0 -71.8,-36.5 -71.8,-80.9 z m 247,239.5 h 73.9 v -129.2 c 7,9.1 34.8,35.9 83.1,35.9 80.4,0 132.9,-60.5 132.9,-147.3 0,-85.7 -56.8,-146.8 -137.2,-146.8 -47.7,0 -75.6,26.8 -83.1,36.4 v -29.5 h -69.7 v 380.5 z M 2027,959.7 c 0,-44.5 26.8,-80.9 71.8,-80.9 41.8,0 71.8,31.1 71.8,80.9 0,48.8 -28.9,82.5 -71.8,82.5 -40.7,0 -71.8,-30 -71.8,-82.5 z m 231.5,54.1 c 0,58.9 48.2,93.8 105,93.8 32.2,0 53.6,-9.6 68.1,-25.2 l 4.8,18.2 h 65.4 V 923.2 c 0,-62.7 -26.8,-109.8 -116.8,-109.8 -42.9,0 -85.2,16.1 -110.4,33.2 l 27.9,50.4 c 20.9,-10.7 46.6,-19.8 74.5,-19.8 32.7,0 50.9,16.6 50.9,41.3 v 18.2 c -10.2,-7 -32.2,-15.5 -60.6,-15.5 -65.4,-0.1 -108.8,37.4 -108.8,92.6 z m 73.9,-2.2 c 0,-23 19.8,-39.1 48.2,-39.1 28.4,0 48.8,14.5 48.8,39.1 0,23.6 -20.4,38.6 -48.2,38.6 -27.8,0 -48.8,-15.5 -48.8,-38.6 z m 348.9,30.6 c -46.6,0 -79.8,-33.8 -79.8,-81.4 0,-45 29.5,-82 77.2,-82 31.6,0 53.1,15.5 65.4,26.8 l 20.9,-62.2 c -18.2,-13.9 -47.2,-30 -88.4,-30 -85.2,0 -149,62.7 -149,147.9 0,85.2 62.2,146.3 149.5,146.3 40.7,0 71.3,-17.1 87.3,-30 l -19.8,-60.5 c -12.4,10.1 -34.9,25.1 -63.3,25.1 z m 110.9,58.4 h 73.9 V 955.9 l 93.8,144.7 h 86.8 l -106.1,-153.3 98.6,-127 h -83.1 l -90,117.9 v -225 h -73.9 v 387.4 z" />
+  </g>
+  <g
+     transform="matrix(2.9223021,0,0,-2.9223021,697.97124,1109.1223)"
+     inkscape:label="ink_ext_XXXXXX"
+     id="g10">
+    <g
+       transform="scale(0.1,0.1)"
+       id="g12">
+      <g
+         id="g2284">
+        <g
+           clip-path="url(#clipPath2288)"
+           id="g2286">
+          <path
+             inkscape:connector-curvature="0"
+             id="path2292"
+             style="fill:#c92837;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 5061.8565,-900.04641 300,0 0,300 -300,0 0,-300 z" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/content/en/tools/workbox/v3/images/workbox-icon192x192.png b/src/content/en/tools/workbox/v3/images/workbox-icon192x192.png
new file mode 100644
index 00000000000..efbe5a447ba
Binary files /dev/null and b/src/content/en/tools/workbox/v3/images/workbox-icon192x192.png differ
diff --git a/src/content/en/tools/workbox/v3/modules/_toc.yaml b/src/content/en/tools/workbox/v3/modules/_toc.yaml
new file mode 100644
index 00000000000..da91d0b2134
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/modules/_toc.yaml
@@ -0,0 +1,30 @@
+toc:
+
+- title: Overview
+  path: /web/tools/workbox/v3/modules/
+
+- heading: Service Worker Libraries
+- title: workbox
+  path: /web/tools/workbox/v3/modules/workbox-sw
+- title: workbox.core
+  path: /web/tools/workbox/v3/modules/workbox-core
+- title: workbox.precaching
+  path: /web/tools/workbox/v3/modules/workbox-precaching
+- title: workbox.routing
+  path: /web/tools/workbox/v3/modules/workbox-routing
+- title: workbox.strategies
+  path: /web/tools/workbox/v3/modules/workbox-strategies
+- title: workbox.expiration
+  path: /web/tools/workbox/v3/modules/workbox-cache-expiration
+- title: workbox.backgroundSync
+  path: /web/tools/workbox/v3/modules/workbox-background-sync
+- title: workbox.googleAnalytics
+  path: /web/tools/workbox/v3/modules/workbox-google-analytics
+
+- heading: Node Modules
+- title: workbox-cli
+  path: /web/tools/workbox/v3/modules/workbox-cli
+- title: workbox-build
+  path: /web/tools/workbox/v3/modules/workbox-build
+- title: workbox-webpack-plugin
+  path: /web/tools/workbox/v3/modules/workbox-webpack-plugin
diff --git a/src/content/en/tools/workbox/v3/modules/index.md b/src/content/en/tools/workbox/v3/modules/index.md
new file mode 100644
index 00000000000..9b1740bb6a0
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/modules/index.md
@@ -0,0 +1,17 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+description: The troubleshooting and debugging guide for Workbox.
+
+{# wf_updated_on: 2017-11-06 #}
+{# wf_published_on: 2017-11-06 #}
+
+# Workbox Modules {: .page-title}
+
+Workbox is a set of service worker libraries and Node modules.
+
+The service worker libraries can be loaded and used within a service worker to
+make it easy to handle network requests and take full advantage of the service
+worker API's and events.
+
+The Node modules make it easy to precache files efficiently for
+your users, a vital step to making your site work offline.
diff --git a/src/content/en/tools/workbox/v3/modules/workbox-background-sync.md b/src/content/en/tools/workbox/v3/modules/workbox-background-sync.md
new file mode 100644
index 00000000000..45b334f6658
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/modules/workbox-background-sync.md
@@ -0,0 +1,12 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+description: The module guide for workbox-background-sync.
+
+{# wf_updated_on: 2017-11-06 #}
+{# wf_published_on: 2017-11-06 #}
+
+# Workbox Background Sync {: .page-title }
+
+No Demo | [Reference Docs](http://localhost:8080/web/tools/workbox/v3/reference-docs/latest/workbox.backgroundSync)
+
+Sorry. This module's documentation hasn't been written yet.
diff --git a/src/content/en/tools/workbox/v3/modules/workbox-build.md b/src/content/en/tools/workbox/v3/modules/workbox-build.md
new file mode 100644
index 00000000000..7026a080c73
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/modules/workbox-build.md
@@ -0,0 +1,10 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+description: The module guide for workbox-build.
+
+{# wf_updated_on: 2017-11-06 #}
+{# wf_published_on: 2017-11-06 #}
+
+# Workbox Build {: .page-title}
+
+Sorry. This module's documentation hasn't been written yet.
diff --git a/src/content/en/tools/workbox/v3/modules/workbox-cache-expiration.md b/src/content/en/tools/workbox/v3/modules/workbox-cache-expiration.md
new file mode 100644
index 00000000000..2ead84a36b7
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/modules/workbox-cache-expiration.md
@@ -0,0 +1,112 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+description: The module guide for workbox-cache-expiration.
+
+{# wf_updated_on: 2017-11-06 #}
+{# wf_published_on: 2017-11-06 #}
+
+# Workbox Cache Expiration {: .page-title }
+
+[Demo](https://workbox-demos.firebaseapp.com/demo/workbox-cache-expiration/) | [Reference Docs](http://localhost:8080/web/tools/workbox/v3/reference-docs/latest/workbox.expiration)
+
+## What is Cache Expiration?
+
+It’s fairly common to want to put restrictions on a cache in terms of how long if should allow items to be stored in a cache or how many items should be kept in a cache. Workbox provides this functionality through the `workbox-cache-expiration` plugin that allows you to limit the number of entries in a cache and / or remove entries that have been cached for a long period of time.
+
+## Restrict the Number of Cache Entries
+
+To restrict the number of entries stored in a cache you can use the `cacheExpiration` option like so:
+
+```javascript
+workbox.routing.registerRoute(
+  new RegExp('/images/'),
+  workbox.strategies.cacheFirst({
+    cacheName: 'image-cache',
+    cacheExpiration: {
+      maxEntries: 20,
+    },
+  })
+);
+```
+
+With this, the [CacheExpirationPlugin](../reference-docs/latest/workbox.expiration.CacheExpirationPlugin) will be added to this route. After a cached response is used or a new request is added to the cache the plugin will look at the configured cache and ensure that the number of cached entries doesn’t exceed the limit. If it does, **the oldest entries will be removed**.
+
+## Restrict the Age of Cached Entries
+
+To restrict how long a request is cached for you can define a max age in seconds like so;
+
+```javascript
+workbox.routing.registerRoute(
+  /\/images\//,
+  workbox.strategies.cacheFirst({
+    cacheName: 'image-cache',
+    cacheExpiration: {
+      maxAgeSeconds: 20,
+    },
+  })
+);
+```
+
+The plugin will check and remove entries after each request or cache update.
+
+One thing to note:
+
+- Because it’s slow to open IndexedDB, expiration won’t occur until *after* the request is used. This means that an expired request may be used once, but will be expired after that.
+- To alleviate this, the plugin will check the "Date" header of the cached response, if one exists and the date can be parsed, it’ll expire based on this as it doesn’t require an IndexedDB lookup..
+
+## Advanced Usage
+
+Above discusses the common usage of `workbox-cache-expiration` which is largely abstracted behind configuration, but you can use the underlying classes to use as a normal Workbox plugin or use the logic seperate from any other Workbox modules.
+
+### Using the Plugin Directly
+
+The plugin can be instantiated and used like so:
+
+```javascript
+workbox.routing.registerRoute(
+  new RegExp('/images/'),
+  workbox.strategies.cacheFirst({
+    cacheName: 'image-cache',
+    plugins: [
+      new workbox.expiration.CacheExpirationPlugin({
+        maxAgeSeconds: 60 * 60,
+        maxEntries 20,
+      }),
+    ],
+  })
+);
+```
+
+### Using Just the Cache Expiration Logic
+
+If you’d like to use the expiration logic separate from any other Workbox modules you can do so with the [CacheExpiration](../reference-docs/latest/workbox.expiration.CacheExpiration) class.
+
+To apply restrictions to a cache, you’d create an instance of CacheExpiration for the cache you want to control like so:
+
+```javascript
+const cacheName = 'my-cache';
+const expirationManager = new workbox.expiration.CacheExpiration(
+  cacheName,
+  {
+    maxAgeSeconds: 60 * 60,
+    maxEntries 20,
+  }
+);
+```
+
+Whenever you update a cached entry, you need to call the `updateTimestamp()` method so that it’s age is updated.
+
+```javascript
+openCache.put(
+  request,
+  response
+);
+
+expirationManager.updateTimestamp(request.url);
+```
+
+Then whenever you want to expire a set of entries you can call the `expireEntries()` method which will enforce the `maxAgeSeconds` and `maxEntries` configuration.
+
+```javascript
+expirationManager.expireEntries();
+```
diff --git a/src/content/en/tools/workbox/v3/modules/workbox-cli.md b/src/content/en/tools/workbox/v3/modules/workbox-cli.md
new file mode 100644
index 00000000000..e92771eb98b
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/modules/workbox-cli.md
@@ -0,0 +1,10 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+description: The module guide for workbox-cli.
+
+{# wf_updated_on: 2017-11-06 #}
+{# wf_published_on: 2017-11-06 #}
+
+# Workbox CLI {: .page-title}
+
+Sorry. This module's documentation hasn't been written yet.
diff --git a/src/content/en/tools/workbox/v3/modules/workbox-core.md b/src/content/en/tools/workbox/v3/modules/workbox-core.md
new file mode 100644
index 00000000000..afa6a15bc96
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/modules/workbox-core.md
@@ -0,0 +1,90 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+description: The module guide for workbox-core.
+
+{# wf_updated_on: 2017-11-06 #}
+{# wf_published_on: 2017-11-06 #}
+
+# Workbox Core {: .page-title }
+
+[Demo](https://workbox-demos.firebaseapp.com/demo/workbox-core/) | [Reference Docs](http://localhost:8080/web/tools/workbox/v3/reference-docs/latest/workbox.core)
+
+## What is Workbox Core?
+
+Workbox has been built to be modular, allowing developers to select the pieces they want to use without forcing them to download everything in a single file.
+
+There is however overlap between modules, for example, each module will like need to interact with the console, throw meaningful errors and make use of the network or cache. To avoid each module implementing the same logic, `workbox-core` contains this common code which each module relies on.
+
+This module does provide some functionality to developers, but beyond log levels and caching, `workbox-core` offers internal logic to each module, rather than the end developer.
+
+## Change the Log Level
+
+Workbox uses a very thin wrapper over `console.log` so that you can filter out the Workbox messages separate from your own logic.
+
+![workbox-core Log Demo](../images/modules/workbox-core/workbox-core_logs.png)
+
+To adjust the log level, all you need to do is call `setLogLevel()` and pass in a value from `LOG_LEVELS`.
+
+```javascript
+// The most verbose - displays all logs.
+workbox.core.setLogLevel(workbox.core.LOG_LEVELS.debug);
+
+// Shows logs, warnings and errors.
+workbox.core.setLogLevel(workbox.core.LOG_LEVELS.log);
+
+// Show warnings and errors.
+workbox.core.setLogLevel(workbox.core.LOG_LEVELS.warn);
+
+// Show *just* errors
+workbox.core.setLogLevel(workbox.core.LOG_LEVELS.error);
+
+// Silence all of the Workbox logs.
+workbox.core.setLogLevel(workbox.core.LOG_LEVELS.silent);
+```
+
+You can see what the current log level is like so:
+
+```javascript
+console.log(workbox.core.logLevel);
+```
+
+The default log level changes depending on the build type. If you use the debug build, `workbox-core.dev.js`, the log level will be set to `LOG_LEVELS.log` (i.e. it will log everything except debug messages). For production builds, `workbox-core.prod.js`, the log level will be set to `LOG_LEVELS.warn`, meaning you’ll only see warnings and errors.
+
+## View and Change the Default Cache Names
+
+Workbox defines it's caches via `workbox.core.cacheNames`:
+
+```javascript
+console.log(workbox.core.cacheNames.precache);
+
+console.log(workbox.core.cacheNames.runtime);
+
+console.log(workbox.core.cacheNames.googleAnalytics);
+```
+
+These cache names are constructed in the format of a prefix, a name and suffix, where the name changes based on the use of the cache.
+
+`<prefix>-<cache id (precache | runtime | googleAnalytics)>-<suffix>`
+
+You can change these default names by altering all or some of the values passed into `setCacheNameDetails()`.
+
+```javascript
+workbox.core.setCacheNameDetails({
+  prefix: 'my-app',
+  suffix: 'v1',
+  precache: 'install-time',
+  runtime: 'run-time',
+  googleAnalytics: 'ga',
+});
+
+// Will print 'my-app-install-time-v1'
+console.log(workbox.core.cacheNames.precache);
+
+// Will print 'my-app-run-time-v1'
+console.log(workbox.core.cacheNames.runtime);
+
+// Will print 'my-app-ga-v1'
+console.log(workbox.core.cacheNames.googleAnalytics);
+```
+
+The main use case for the prefix and suffix is that if you use Workbox for multiple projects and use the same localhost for each project, setting a custom prefix for each module will prevent the caches from conflicting with each other.
diff --git a/src/content/en/tools/workbox/v3/modules/workbox-google-analytics.md b/src/content/en/tools/workbox/v3/modules/workbox-google-analytics.md
new file mode 100644
index 00000000000..763aee48d76
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/modules/workbox-google-analytics.md
@@ -0,0 +1,12 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+description: The module guide for workbox-google-analytics.
+
+{# wf_updated_on: 2017-11-06 #}
+{# wf_published_on: 2017-11-06 #}
+
+# Workbox Google Analytics {: .page-title }
+No Demo | [Reference Docs](http://localhost:8080/web/tools/workbox/v3/reference-docs/latest/workbox.googleAnalytics)
+
+
+Sorry. This module's documentation hasn't been written yet.
diff --git a/src/content/en/tools/workbox/v3/modules/workbox-precaching.md b/src/content/en/tools/workbox/v3/modules/workbox-precaching.md
new file mode 100644
index 00000000000..b2d2d2d06c9
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/modules/workbox-precaching.md
@@ -0,0 +1,164 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+description: The module guide for workbox-core.
+
+{# wf_updated_on: 2017-11-06 #}
+{# wf_published_on: 2017-11-06 #}
+
+# Workbox Precaching {: .page-title }
+
+[Demo](https://workbox-demos.firebaseapp.com/demo/workbox-precaching/) | [Reference Docs](http://localhost:8080/web/tools/workbox/v3/reference-docs/latest/workbox.precaching)
+
+## What is Precaching?
+
+One feature of service workers is the ability to save a set of files to the
+cache when the service worker is installing. This is often referred to as
+"precaching", since you are caching content ahead of the service worker being
+used.
+
+The main reasons for doing this is that it gives developers control over the
+cache, meaning they can determine when and how long a file is cached as well
+as serve it to the browser without going to the network, meaning it can be
+used to create web apps that work offline.
+
+Workbox takes a lot of the heavy lifting out of precaching by simplifying
+the API and ensuring assets are downloaded efficiently.
+
+## How workbox-precaching Works
+
+When a web app is loaded for the first time workbox-precaching will
+
+look at all the assets you want to download, remove any duplicates and hook
+up the relevant service worker events to download and store the assets,
+saving information about the revision of the asset in indexedDB.
+
+![Workbox precaching list to precached assets](../images/modules/workbox-precaching/precaching-step-1.png)
+
+ workbox-precaching does all of this during the service worker's
+ [install event](https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers#Install_and_activate_populating_your_cache).
+
+When a user later re-visits your web app and you have a new service worker with
+different precached assets, workbox-precaching will look at the new list
+and determine which assets are completely new and which of the existing assets
+need updating, based of their revisioning. These assets will be updated in the
+cache and their revision details will be updated or added to indexedDB during
+this new service workers install event.
+
+![Workbox precaching update example](../images/modules/workbox-precaching/precaching-step-2.png)
+
+This new service worker won't be used until it's activated and it’s activate
+event has been triggered. It’s in the activate event that workbox-precaching
+will check for any old cached assets and remove them from the cache and
+indexedDB.
+
+![Workbox precaching cleanup step](../images/modules/workbox-precaching/precaching-step-3.png)
+
+Precache will perform these steps each time your service worker is install
+and activated, ensuring the user has the latest assets, only downloading the
+files that have changed.
+
+## Explanation of the Precache List
+
+workbox-precaching expects an Array of strings or an Array of objects like so:
+
+```javascript
+workbox.precaching.precacheAndRoute([
+  '/styles/example.ac29.css',
+  {
+    url: '/index.html',
+    revision: 'as46',
+  }
+]);
+```
+
+This list references a set of URLs, each with their own piece of "revisioning"
+information. For the first item in the example above,
+'/styles/example.ac29.css', the revisioning information
+**is in the URL itself**. This is a best practice for web as it allows
+browsers to safely cache these URLs for a long time. For assets with
+revisioning like this, you can add them to the precache list as is.
+
+For assets where you don't have revisioning information in the URL,
+**you need to add a revision property which should be a hash of the file contents**.
+This allows workbox-precaching to know when the file has changed and update it.
+
+Workbox comes with tools to help with generating this list:
+
+- workbox-build
+  - This is an NPM module that can be used in a gulp task or as an npm
+    run script.
+- workbox-webpack-plugin
+  - Webpack users can use the Workbox webpack plugin.
+- workbox-cli
+  - Our CLI can also be used to generate the list of assets and add them
+    to your service worker.
+
+These tools make it easy to generate and use the list of assets for your site
+but you can generate the list yourself, just make sure you include unique
+revision properties that change whenever the file is updated.
+
+```javascript
+// Revisioned files added via a glob
+workbox.precaching.precache([
+  '/styles/example-1.abcd.css',
+  '/styles/example-2.1234.css',
+  '/scripts/example-1.abcd.js',
+  '/scripts/example-2.1234.js',
+]);
+
+// Precache entries from workbox-build or somewhere else
+workbox.precaching.precache([
+  {
+    url: '/index.html',
+    revision: 'abcd',
+  }, {
+    url: '/about.html',
+    revision: '1234',
+  }
+]);
+
+// Add Precache Route
+workbox.precaching.addRoute();
+```
+
+## Advanced Usage
+
+By default, workbox-precaching will set up the install and activate listeners
+for you. For developers familiar with service workers, this may not be
+desirable and you may want finer grained control.
+
+Instead of using the default export, you can use the
+[PrecacheController](/web/tools/workbox/v3/reference-docs/latest/workbox.precaching.PrecacheController)
+to add items to the precache, determine when these assets are installed and
+when cleanup should occur.
+
+```javascript
+const precacheController = new workbox.precaching.PrecacheController();
+precacheController.addToCacheList([
+  '/styles/example-1.abcd.css',
+  '/styles/example-2.1234.css',
+  '/scripts/example-1.abcd.js',
+  '/scripts/example-2.1234.js',
+]);
+
+precacheController.addToCacheList([
+  {
+    url: '/index.html',
+    revision: 'abcd',
+  }, {
+    url: '/about.html',
+    revision: '1234',
+  }
+]);
+
+
+self.addEventListener('install', (event) => {
+  event.waitUntil(precacheController.install());
+});
+self.addEventListener('activate', (event) => {
+  event.waitUntil(precacheController.cleanup());
+});
+self.addEventListener('fetch', (event) => {
+  event.respondWith(caches.match(event.request).then(...));
+});
+```
diff --git a/src/content/en/tools/workbox/v3/modules/workbox-routing.md b/src/content/en/tools/workbox/v3/modules/workbox-routing.md
new file mode 100644
index 00000000000..4fd29d50e3f
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/modules/workbox-routing.md
@@ -0,0 +1,210 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+description: The module guide for workbox-routing.
+
+{# wf_updated_on: 2017-11-06 #}
+{# wf_published_on: 2017-11-06 #}
+
+# Workbox Routing {: .page-title }
+
+[Demo](https://workbox-demos.firebaseapp.com/demo/workbox-routing/) | [Reference Docs](http://localhost:8080/web/tools/workbox/v3/reference-docs/latest/workbox.routing)
+
+## What is Workbox Routing?
+
+A service worker can intercept network requests for a page. It may respond to the browser with cached content,content from the network or content generated in the service worker.
+
+`workbox-routing` is a module which makes is easy to "route" these requests to different functions that provide responses.
+
+## How Routing is Performed
+
+When a network request causes a service worker fetch event, `workbox-routing` will attempt to respond to the request using the supplied routes and handlers.
+
+![Workbox Routing Diagram](../images/modules/workbox-routing/workbox-routing-diagram.png)
+
+The main things to note from the above is:
+
+- The type of request is important.
+    - By default, Routes are registered for 'GET' requests. If you wish to intercept other types of requests, you’ll need to specify the method.
+- The order of the Route registration is important.
+    - If multiple Routes are registered that could handle a request, the Route that is registered first will be used to respond to the Request.
+
+There are a few ways to register a route, you can use callbacks, regular expressions or Route instances each of which we’ll look at next.
+
+## Matching and Handling in Routes
+
+A "route" in workbox is nothing more than two functions a “matching” function to determine if the route should match a request and a “handling” function, which should handle the request and respond with a Response.
+
+Workbox comes with some helpers that’ll perform the matching and handling for you, but if you ever find yourself wanting different behaviour, writing a custom match and handler function is the best option.
+
+A match function will be given a FetchEvent and a URL object and you can match against a request by returning a truthy value. For a simple example, you could match against a specific URL like so:
+
+```javascript
+const matchCb = ({url, event}) => {
+  return (url.pathname === '/special/url');
+};
+```
+
+Most use cases can be covered by examining / testing either the `url` or the `event.request` to match against a Request.
+
+A "handler" will be given the url and event as well and you can determine how to respond, whether it’s from the network, from the cache or generated in the service worker.
+
+```javascript
+const handlerCb = ({url, event, params}) => {
+  return fetch(event.request)
+  .then((response) => {
+    return response.text();
+  })
+  .then((responseBody) => {
+    return new Response(`${responseBody} <!-- Look Ma. Injected Content. -->`);
+  });
+};
+
+```
+
+Your handler must return a Promise that resolves to a Response. The `params` value is is the value of any value returned by the "match" function. This may be useful is you parsed the URL or request and want to pass that values into the “handler” for a matching request.
+
+You can register these callbacks via like so:
+
+```javascript
+workbox.routing.registerRoute(matchCb, handlerCb);
+```
+
+The only limitation is that "match" **must synchronously** return a truthy value, you can’t perform any asynchronous work. The reason for this is that the Router must synchronously respond to the fetch event or allow falling through to other fetch events.
+
+The "handler" callback should return a Promise that resolves to a [Response](https://developer.mozilla.org/en-US/docs/Web/API/Response). Where that Response comes from is up to you, the network, a cache or generated in the service worker.
+
+Normally the "handler" callback would use one of the strategies provided by `workbox-runtime-caching` like so:
+
+```javascript
+workbox.routing.registerRoute(matchCb, workbox.stratgies.staleWhileRevalidate());
+```
+
+In this page we’ll focus on `workbox-routing` but you can [learn more about these strategies on workbox.strategies](./workbox-strategies).
+
+## How to Register a Regular Expression Route
+
+A common practice is to skip avoid using the "match" callback and instead use a Regular Expression to match requests.
+
+```javascript
+workbox.routing.registerRoute(new RegExp('/styles/.*\.css'), handlerCb);
+```
+
+For requests from the [same origin](https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy), this route will be used as long as part of the request’s URL matches the regular expression.
+
+- https://example.com<span style="color: #2ecc71">/styles/main.css</span>
+- https://example.com<span style="color: #2ecc71">/styles/nested/file.css</span>
+- https://example.com/nested<span style="color:#2ecc71">/styles/directory.css</span>
+
+However, for cross-origin requests, regular expressions **must match the beginning of the URL**. The reason for this is that it’s unlikely that with a regular expression `new RegExp('/styles/.*\.css')` you intended to match a third-parties CSS files.
+
+- <span style="color: #e74c3c">https://cdn.third-party-site.com</span><span style="color: #2ecc71">/styles/main.css</span>
+- <span style="color: #e74c3c">https://cdn.third-party-site.com</span><span style="color: #2ecc71">/styles/nested/file.css</span>
+- <span style="color: #e74c3c">https://cdn.third-party-site.com/nested</span><span style="color: #2ecc71">/styles/directory.css</span>
+
+If you *did* want this behaviour, you just need to ensure that regular expression matches the beginning of the URL. If we wanted to match the requests for `https://cdn.third-party-site.com` we could use the regular expression `new RegExp('https://cdn.third-party-site.com.*/styles/.*\.css')`.
+
+- <span style="color: #2ecc71">https://cdn.third-party-site.com/styles/main.css</span>
+- <span style="color: #2ecc71">https://cdn.third-party-site.com/styles/nested/file.css</span>
+- <span style="color: #2ecc71">https://cdn.third-party-site.com/nested/styles/directory.css</span>
+
+If you wanted to match both local and third parties you can use a wildcard at the start of your regular expression, but this should be done with caution to ensure it doesn’t cause unexpected behaviors in you web app.
+
+## How to Register a Navigation Route
+
+If your site is a single page app, you can use a [NavigationRoute](../reference-docs/latest/workbox.routing.NavigationRoute) to return a specific response for all [navigation requests](https://developers.google.com/web/fundamentals/primers/service-workers/high-performance-loading#first_what_are_navigation_requests).
+
+```javascript
+workbox.routing.registerNavigationRoute('/single-page-app.html');
+```
+
+Whenever a user goes to your site in the browser, the request for the page will be a navigation request and will be served the cached page '/single-page-app.html'. (Note: should have the page cached via `workbox-precaching` or through your own installation step).
+
+By default this will respond to *all* navigation requests, if you want to restrict it to respond to a subset of URL’s you can use the `whitelist` and `blacklist` options to restrict which pages will match this route.
+
+```javascript
+workbox.routing.registerNavigationRoute('/single-page-app.html', {
+  whitelist: [
+    new RegExp('/blog/')
+  ],
+  blacklist: [
+    new RegExp('/blog/restricted/'),
+  ]
+});
+```
+
+The only thing to note is that the `blacklist` will win if a URL is in both the `whitelist` and `blacklist`.
+
+## Set a Default Handler
+
+If you want to supply a "handler" for requests that don’t match a route, you can set a default handler.
+
+```javascript
+workbox.routing.setDefaultHandler(({url, event, params}) => {
+  ...
+});
+```
+
+## Set a Catch Handler
+
+In the case of any of your routes throwing an error, you can capture and degrade gracefully by setting a catch handler.
+
+```javascript
+workbox.routing.setCatchHandler(({url, event, params}) => {
+  ...
+});
+```
+
+## Defining a Route for Non-GET Requests
+
+All routes by default are assumed to be for 'GET' requests.
+
+If you would like to route other requests, like a 'POST' request, you need to define the method when register the request, like so:
+
+```javascript
+workbox.routing.registerRoute(
+  matchCb,
+  handlerCb,
+  'POST'
+);
+workbox.routing.registerRoute(
+  new RegExp('/api/.*\.json'),
+  handlerCb,
+  'POST'
+);
+```
+
+## Router Logging
+
+You should be able to determine the flow of a request using the logs from `workbox-routing` which will highlight which URLs are being processed through Workbox.
+
+![Routing Logs](../images/modules/workbox-routing/workbox-routing-standard-logs.png)
+
+If you need more verbose information you can set the log level to `debug` to view logs on requests not handled by the Router. See our [debugging guide](../guides/how-to-troubleshoot-and-debug) for more info on setting the log level.
+
+![Debug and Log Routing Messages](../images/modules/workbox-routing/workbox-routing-logs.png)
+
+## Advanced Usage
+
+If you want to have more control over when the Workbox Router is given requests you can create your own [Router](../reference-docs/latest/workbox.routing.Router) instance and call it’s [handleRequest()](../reference-docs/latest/workbox.routing.Router#handleRequest) method whenever you want to use the router to respond to a request.
+
+```javascript
+const router = new DefaultRouter();
+self.addEventListener('fetch', (event) => {
+  const responsePromise = router.handleRequest(event);
+  if (responsePromise) {
+    // Router found a route to handle the request
+    event.respondWith(responsePromise);
+  } else {
+    // No route found to handle the request
+  }
+});
+```
+
+When using the `Router` directly you will also need to use the `Route` class, or any of the extending classes to register routes.
+
+```javascript
+const router = new DefaultRouter();
+router.registerRoute(new Route(matchCb, handlerCb));
+router.registerRoute(new RegExpRoute(new RegExp(...), handlerCb));
+router.registerRoute(new NavigationRoute(handlerCb));
+```
diff --git a/src/content/en/tools/workbox/v3/modules/workbox-strategies.md b/src/content/en/tools/workbox/v3/modules/workbox-strategies.md
new file mode 100644
index 00000000000..450cd3a21e8
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/modules/workbox-strategies.md
@@ -0,0 +1,206 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+description: The module guide for workbox-routing.
+
+{# wf_updated_on: 2017-11-06 #}
+{# wf_published_on: 2017-11-06 #}
+
+# Workbox Strategies {: .page-title }
+
+[Demo](https://workbox-demos.firebaseapp.com/demo/workbox-runtime-caching/) | [Reference Docs](http://localhost:8080/web/tools/workbox/v3/reference-docs/latest/workbox.strategies)
+
+## What is a Workbox Runtime Caching Strategy?
+
+When service workers were first introduced, a set of common caching strategies
+emerged. A caching strategy is a pattern that determines how a service worker
+generates a response after receiving a fetch event.
+
+`workbox-runtime-caching` provides these caching strategies so it’s easy to
+apply them in your service worker.
+
+We won’t go into much detail outside of the strategies supported by Workbox,
+but you can [learn more in the Offline Cookbook](https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook/).
+
+## Using Strategies
+In the following examples we’ll show you how to use the Workbox caching
+strategies with `workbox-routing`. There are some options you can define with
+each strategy that is covered in the
+[Configuring Strategies section of this doc](#configuring_strategies).
+
+In the [Advanced Usage section](#advanced_usage) we’ll cover how you can use
+the caching strategies directly without `workbox-routing`.
+
+### Stale-While-Revalidate
+
+![Stale While Revalidate Diagram](../images/modules/workbox-strategies/stale-while-revalidate.png)
+
+The [stale-while-revalidate ](https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook/#stale-while-revalidate)
+pattern allows you to respond the request as quickly as possible with a
+cached response if available, falling back to the network request if it’s
+not cached. The network request is then used to update the cache.
+
+This is a fairly common strategy where having the most up-to-date resource
+is not vital to the application.
+
+```javascript
+workbox.routing(
+  new RegExp('/images/avatars/'),
+  workbox.strategies.staleWhileRevaliate()
+);
+```
+
+### Cache First (Cache Falling Back to Network)
+
+![Cache First Diagram](../images/modules/workbox-strategies/cache-first.png)
+
+Offline webapps will rely heavily on the cache, but for assets that are
+non-critical and can be gradually cached, a
+[cache first](https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook/#cache-falling-back-to-network)
+is the best option.
+
+Requests will be fulfilled from the cache if possible, otherwise it’ll fall
+back to the Network. (Note: Workbox will cache this response for the next
+request).
+
+```javascript
+workbox.routing(
+  new RegExp('/styles/'),
+  workbox.strategies.cacheFirst()
+);
+```
+
+### Network First (Network Falling Back to Cache)
+
+![Network First Diagram](../images/modules/workbox-strategies/network-first.png)
+
+For requests that are updating frequently, the
+[network first](
+https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook/#network-falling-back-to-cache)
+strategy is the ideal solution. By default it will try and fetch the latest
+request from the network. If the request is successful, it’ll put the response
+in the cache. If the network fails to return a response, the caches response
+will be used.
+
+```javascript
+workbox.routing(
+  new RegExp('/social-timeline/'),
+  workbox.strategies.networkFirst()
+);
+```
+
+### Network Only
+
+![Network Only Diagram](../images/modules/workbox-strategies/network-only.png)
+
+If you require specific requests to be fulfilled from the network, the
+[network first](https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook/#network-only)
+is the strategy to use.
+
+```javascript
+workbox.routing(
+  new RegExp('/admin/'),
+  workbox.strategies.networkOnly()
+);
+```
+
+### Cache Only
+
+![Cache Only Diagram](../images/modules/workbox-strategies/cache-only.png)
+
+The [cache only](https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook/#cache-only)
+strategy ensures that requests are obtained from a cache. This is less common
+in workbox, but can be useful if you have your own precaching step.
+
+```javascript
+workbox.routing(
+  new RegExp('/app/v2/'),
+  workbox.strategies.cacheOnly()
+);
+```
+
+## Configuring Strategies
+
+All of the strategies allow you to configure:
+
+- The name of the cache to use in the strategy.
+- Cache expiration restrictions to use in the strategy.
+- An array of plugins that will have their life cycle methods called when
+  fetching and caching a request.
+
+### Changing the Cache Used by a Strategy
+You can change the cache a strategy used by supplying a cache name. This is
+useful if you want to separate out your assets to help with debugging.
+
+```javascript
+workbox.routing.registerRoute(
+  new RegExp('/images/'),
+  workbox.strategies.cacheFirst({
+    cacheName: 'image-cache'
+  }
+);
+```
+
+### Setting a Cache Expiration
+There may be scenarios where you want to enforce a limit of how long an
+asset is cached and / or restrict the number of entries that are cached.
+
+To do this, you can define some `cacheExpiration` options and Workbox will
+create and add a
+[CacheExpirationPlugin](../reference-docs/latest/workbox.expiration.CacheExpirationPlugin)
+to the strategy.
+
+```javascript
+workbox.registerRoute(
+  new RegExp('/images/'),
+  workbox.strategies.cacheFirst({
+    cacheName: 'image-cache',
+    cacheExpiration: {
+      // Only cache requests for a week
+      maxAgeSeconds: 7 * 24 * 60 * 60,
+      // Only cache 10 requests.
+      maxEntries: 10,
+    }
+  }
+);
+```
+
+### Add Custom Plugins
+Each strategy can have additional plugins used during fetching and caching
+requests, allowing extra functionality (like the `CacheExpirationPlugin`
+mentioned above.
+
+```javascript
+const myCustomPlugin = {
+  cachedResponseWillBeUsed: ({cacheName,request,cachedResponse}) => {...},
+  ...
+};
+
+workbox.registerRoute(
+  new RegExp('/images/'),
+  workbox.strategies.cacheFirst({
+    plugins: [
+       myCustomPlugin,
+    ]
+  }
+);
+```
+
+## Advanced Usage
+
+If you want to use the strategies in your own fetch event logic you can use
+use the strategy classes to run a request through a specific strategy.
+
+For example, to implement the stale-while-revalidate class you can do the
+following:
+
+```javascript
+self.addEventListener('fetch', (event) => {
+  if (event.request.url === '/') {
+    const staleWhileRevalidate = new workbox.strategies.StaleWhileRevalidate();
+    event.respondWith(staleWhileRevalidate.handle({event}));
+  }
+});
+```
+
+You can find the list of available classes in the
+[workbox-strategies reference docs](../reference-docs/latest/workbox.strategies).
diff --git a/src/content/en/tools/workbox/v3/modules/workbox-sw.md b/src/content/en/tools/workbox/v3/modules/workbox-sw.md
new file mode 100644
index 00000000000..8c6e9ad2275
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/modules/workbox-sw.md
@@ -0,0 +1,83 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+description: The module guide for workbox-sw.
+
+{# wf_updated_on: 2017-11-06 #}
+{# wf_published_on: 2017-11-06 #}
+
+# Workbox {: .page-title }
+
+[Demo](https://workbox-demos.firebaseapp.com/demo/workbox-sw/) | [Reference Docs](http://localhost:8080/web/tools/workbox/v3/reference-docs/latest/workbox)
+
+## What is Workbox SW?
+
+The `workbox-sw` module provide an extremely easy way to get up and running with the Workbox modules and simplifies the loading of the Workbox modules and offers some simply helper methods.
+
+You can use `workbox-sw` via our CDN or you use it with a set of workbox files on your own server.
+
+## Using Workbox SW via CDN
+
+The easiest way to start using this module is via the CDN. You just need to add the following to your service worker:
+
+```javascript
+importScripts('https://storage.googleapis.com/workbox-cdn/releases/3.0.0-alpha.28/workbox-sw.prod.js');
+```
+
+With this you’ll have the `workbox` namespace in your service worker that will provide access to all of the Workbox modules.
+
+```javascript
+workbox.precaching.*
+workbox.routing.*
+etc
+```
+
+There is some magic that happens as you  start to use the additional modules.
+
+When you reference a module for the first time, `workbox-sw` will detect this and load the module before making it available. You can see this happening in the network tab in DevTools.
+
+![Workbox Libraries Loading in DevTools](../images/modules/workbox-sw/workbox-sw-loading.png)
+
+These files will be cached by your browser making them available for future offline use.
+
+## Using Local Workbox Files Instead of CDN
+
+If you don’t want to use the CDN, it’s easy enough to switch to Workbox files hosted on your own domain.
+
+The simplest approach is to get the files via [workbox-build#getFiles()]() or from a [Github Release](https://github.com/GoogleChrome/workbox/releases) and then tell `workbox-sw` where to find these files via the `modulePathPrefix` config option.
+
+Let’s say you put the files under `/third_party/workbox/`, you would use them like so:
+
+```javascript
+importScripts('/third_party/workbox/workbox-sw.js');
+
+workbox.setConfig({
+  modulePathPrefix: '/third_party/workbox/'
+});
+```
+
+With this, you’ll use only the local workbox files.
+
+## Force Use of Debug or Production Builds
+
+All of the Workbox modules come with two builds, a debug build which is contains logging and additional type checking and a production build which strips the logging and type checking.
+
+By default, `workbox-sw` will use the debug build for sites on localhost, but for any other origin it’ll use the production build.
+
+If you want to force debug or production builds you set the `debug` config option.
+
+```javascript
+workbox.setConfig({
+  debug: <true or false>
+});
+```
+
+## Skip Waiting and Clients Claim
+
+Some developers want to be able to publish a new service worker and have it update and control a web page as soon as possible, skipping the default service worker lifecycle.
+
+If you find yourself wanting this behavior, `workbox-sw` provides some helper methods to make this easy:
+
+```javascript
+workbox.skipWaiting();
+workbox.clientsClaim();
+```
diff --git a/src/content/en/tools/workbox/v3/modules/workbox-webpack-plugin.md b/src/content/en/tools/workbox/v3/modules/workbox-webpack-plugin.md
new file mode 100644
index 00000000000..00ac8ab064c
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/modules/workbox-webpack-plugin.md
@@ -0,0 +1,10 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+description: The module guide for workbox-build.
+
+{# wf_updated_on: 2017-11-06 #}
+{# wf_published_on: 2017-11-06 #}
+
+# Workbox Webpack Plugin {: .page-title}
+
+Sorry. This module's documentation hasn't been written yet.
diff --git a/src/content/en/tools/workbox/v3/overview.md b/src/content/en/tools/workbox/v3/overview.md
new file mode 100644
index 00000000000..4331197241f
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/overview.md
@@ -0,0 +1,146 @@
+project_path: /web/tools/_project.yaml
+book_path: /web/tools/_book.yaml
+description: Workbox Examples.
+
+{# wf_published_on: 2017-10-04 #}
+{# wf_updated_on: 2017-10-04 #}
+
+# Overview {: .page-title }
+
+Workbox is a collection of libraries and build tools that make it easy to
+store your website's resources locally, on your users' devices. Consider
+Workbox if you want to:
+
+* Make your site work offline.
+* Improve load performance on repeat-visits. You can use Workbox to store
+  and serve common resources locally, rather than from the network.
+
+## The technology behind Workbox
+
+Modern offline web apps are possible thanks to [**service workers**][sw].
+Service workers are background workers, written in JavaScript, that can
+locally store all of the resources needed to run your site offline.
+
+[sw]: https://developers.google.com/web/fundamentals/getting-started/primers/service-workers
+
+You can think of a service worker as a [proxy server][proxy] that's running in
+the background of your users' devices. Your site makes a request for a
+resource, the service worker intercepts the request, and then decides
+whether to serve a local version of the resource or to fetch a fresh version
+from the network.
+
+[proxy]: https://en.wikipedia.org/wiki/Proxy_server
+
+The place where Workbox stores resources locally is called the **cache**.
+The act of storing locally is called **caching**. This is because the
+underlying technology that Workbox relies on is called the [Cache API][cache].
+This is completely different than [HTTP caching][http]. The main benefit
+that Workbox provides over HTTP caching is that it can cache resources *before*
+they're requested, whereas HTTP caching can only do so after the user goes to
+a page where the resource is required. Storing resources before they're
+actually required is called **precaching**. Precaching HTML documents is
+one of the main ways that Workbox can improve your load performance. Rather
+than going to the network for the document, Workbox just serves it from the
+cache.
+
+[cache]: https://developer.mozilla.org/en-US/docs/Web/API/Cache
+[http]: https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching
+
+The logic for determining whether to serve a resource from the cache or to
+fetch a fresh version is called the **caching strategy** for that resource.
+It's common to use different caching strategies for different types of
+resources. For example:
+
+* For a logo that doesn't change often, you can probably serve it from the
+  cache.
+* For a JSON file containing a user's social media feed, you probably want
+  to display the cached content only while you fetch the latest content.
+
+## What problems Workbox solves
+
+In short, Workbox makes it easy to create optimal service worker code.
+
+Manually maintaining caches is tedious and full of pitfalls.
+The "core" Workbox libraries and tools make it easy to automatically
+generate a service worker that correctly caches resources.
+
+If you need to use different caching strategies for different types of
+resources, Workbox also simplifies this process. Much of the logic can be
+reduced to declarative build-time configurations. The rest of it can be
+abstracted away by calling the core `workbox-sw` runtime library from your
+custom service worker code.
+
+Workbox also intelligently manages updates to precached resources. In other
+words, when a resource is changed, Workbox only downloads the changed
+resource and leaves the rest of the cache untouched. This is a subtle but
+important optimization. Other solutions invalidate the entire cache when a
+single resource is updated, causing the service worker to re-download every
+resource.
+
+## How you use Workbox
+
+The general workflow for integrating Workbox into your project is:
+
+1. Create a configuration file telling Workbox which resources to cache.
+1. Run one of the Workbox tools in your project directory before each deploy.
+   Workbox generates the service worker code needed for caching and updating
+   the resources.
+
+There are a few Workbox tools, each one built for a different workflow:
+
+* `workbox-webpack-plugin` is for webpack.
+* `workbox-build` for Node-based tools like Gulp and Grunt.
+* `workbox-cli` for npm scripts or for manually generating the code from
+  the command line.
+
+If you've got a simple site, it may suffice to let Workbox generate the
+entire service worker for you. See [`generateSW()`][generateSW] for an
+example.
+
+[generateSW]: /reference-docs/latest/module-workbox-build.html#.generateSW
+
+If you've got a complex site, chances are that you're going to need to set
+up some custom routing logic. In that case, you can write a custom service
+worker that injects the Workbox code into your service worker. For example,
+the code that you write may look something like this:
+
+```javascript
+importScripts('/path/to/workbox-sw.js'); // not the actual filename
+const workbox = new WorkboxSW();
+
+// your custom service worker logic here
+
+workbox.precache([]);
+```
+
+After running the code through a Workbox tool, the final, generated code looks
+like this:
+
+```javascript
+importScripts('/path/to/workbox-sw.js'); // not the actual filename
+const workbox = new WorkboxSW();
+
+// your custom service worker logic here
+
+workbox.precache([
+  {
+    "url": "/index.html",
+    "revision": "b3e78d93b20c49d0c927050682c99df3"
+  },
+  {
+    "url": "/images/hamburger.svg",
+    "revision": "d2cb0dda3e8313b990e8dcf5e25d2d0f"
+  },
+]);
+```
+
+See [`injectManifest()`][injectManifest] for an example.
+
+[injectManifest]: /reference-docs/latest/module-workbox-build.html#.injectManifest
+
+## Feedback
+
+Still not clear on what Workbox is all about? We'd love to hear your
+thoughts. [Please open an issue on our docs repo][feedback] and tell us more.
+
+[feedback]: https://github.com/GoogleChrome/workbox-microsite/issues/new?title=[Overview]
diff --git a/src/content/en/tools/workbox/v3/reference-docs/_toc.yaml b/src/content/en/tools/workbox/v3/reference-docs/_toc.yaml
new file mode 100644
index 00000000000..043167ac471
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/_toc.yaml
@@ -0,0 +1,32 @@
+toc:
+
+- title: "Overview"
+  path: /web/tools/workbox/v3/reference-docs/
+
+- heading: Service Worker Libraries
+- title: "workbox"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox
+- title: "workbox.core"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.core
+- title: "workbox.precaching"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.precaching
+- title: "workbox.routing"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.routing
+- title: "workbox.strategies"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.strategies
+- title: "workbox.expiration"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.expiration
+- title: "workbox.backgroundSync"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.backgroundSync
+- title: "workbox.googleAnalytics"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.googleAnalytics
+
+- heading: Node Modules
+- title: workbox-build
+  path: /web/tools/workbox/v3/reference-docs/latest/module-workbox-build
+- title: workbox-webpack-plugin
+  path: /web/tools/workbox/v3/reference-docs/latest/module-workbox-webpack-plugin
+
+- heading: Reference
+- title: "View Full API"
+  path: /web/tools/workbox/v3/reference-docs/latest/index-all
diff --git a/src/content/en/tools/workbox/v3/reference-docs/index.md b/src/content/en/tools/workbox/v3/reference-docs/index.md
new file mode 100644
index 00000000000..12fa5e51180
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/index.md
@@ -0,0 +1,16 @@
+project_path: /web/tools/workbox/v3/_project.yaml
+book_path: /web/tools/workbox/v3/_book.yaml
+description: Reference docs for Workbox.
+
+{# wf_updated_on: 2017-11-06 #}
+{# wf_published_on: 2017-11-06 #}
+
+# Reference Docs {: .page-title}
+
+You can view the available API's for the Workbox service worker libraries and
+node modules by selecting the appropriate link on the left.
+
+<aside class="note" markdown="1">
+<strong>Note:</strong> If you are looking for an explanation of how the modules work or how the API
+can be used, please checkout the [Modules Section](../modules/).
+</div>
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/_toc.yaml b/src/content/en/tools/workbox/v3/reference-docs/latest/_toc.yaml
new file mode 100644
index 00000000000..328e18df382
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/_toc.yaml
@@ -0,0 +1,49 @@
+toc:
+- title: "CacheExpiration"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.expiration.CacheExpiration
+- title: "CacheExpirationPlugin"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.expiration.CacheExpirationPlugin
+- title: "CacheFirst"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.strategies.CacheFirst
+- title: "CacheOnly"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.strategies.CacheOnly
+- title: "NavigationRoute"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.routing.NavigationRoute
+- title: "NetworkFirst"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.strategies.NetworkFirst
+- title: "NetworkOnly"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.strategies.NetworkOnly
+- title: "PrecacheController"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.precaching.PrecacheController
+- title: "Queue"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.backgroundSync.Queue
+- title: "QueuePlugin"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.backgroundSync.QueuePlugin
+- title: "RegExpRoute"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.routing.RegExpRoute
+- title: "Route"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.routing.Route
+- title: "Router"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.routing.Router
+- title: "StaleWhileRevalidate"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.strategies.StaleWhileRevalidate
+- title: "workbox"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox
+- title: "workbox.backgroundSync"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.backgroundSync
+- title: "workbox.core"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.core
+- title: "workbox.expiration"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.expiration
+- title: "workbox.googleAnalytics"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.googleAnalytics
+- title: "workbox.precaching"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.precaching
+- title: "workbox.routing"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.routing
+- title: "workbox.strategies"
+  path: /web/tools/workbox/v3/reference-docs/latest/workbox.strategies
+- title: "WorkboxWebpackPlugin"
+  path: /web/tools/workbox/v3/reference-docs/latest/module-workbox-webpack-plugin-WorkboxWebpackPlugin
+- title: "Index of all"
+  path: /web/tools/workbox/v3/reference-docs/latest/index-all
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/global.html b/src/content/en/tools/workbox/v3/reference-docs/latest/global.html
new file mode 100644
index 00000000000..c869e1b4c69
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/global.html
@@ -0,0 +1,287 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Globals</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <h1>Globals</h1>
+          <section>
+            <h2>Properties</h2>
+            <section>
+              <h3 id="askConfigLocation" class="symbol-name">askConfigLocation</h3>
+              <div class="symbol-detail-labels"><span class="label label-constant"><small>constant</small></span></div>
+              <p class="type-signature"></p>
+              <p>Copyright 2017 Google Inc.</p>
+              <p>Licensed under the Apache License, Version 2.0 (the &quot;License&quot;); you may not use this file except in compliance with the License. You may obtain a copy of the License at</p>
+              <pre class="prettyprint source"><code>http://www.apache.org/licenses/LICENSE-2.0</code></pre>
+              <p>Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an &quot;AS IS&quot; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
+                the specific language governing permissions and limitations under the License.</p>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id="assert" class="symbol-name">assert</h3>
+              <div class="symbol-detail-labels"><span class="label label-constant"><small>constant</small></span></div>
+              <p class="type-signature"></p>
+              <p>Copyright 2017 Google Inc.</p>
+              <p>Licensed under the Apache License, Version 2.0 (the &quot;License&quot;); you may not use this file except in compliance with the License. You may obtain a copy of the License at</p>
+              <pre class="prettyprint source"><code>http://www.apache.org/licenses/LICENSE-2.0</code></pre>
+              <p>Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an &quot;AS IS&quot; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
+                the specific language governing permissions and limitations under the License.</p>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id="assert" class="symbol-name">assert</h3>
+              <div class="symbol-detail-labels"><span class="label label-constant"><small>constant</small></span></div>
+              <p class="type-signature"></p>
+              <p>Copyright 2017 Google Inc.</p>
+              <p>Licensed under the Apache License, Version 2.0 (the &quot;License&quot;); you may not use this file except in compliance with the License. You may obtain a copy of the License at</p>
+              <pre class="prettyprint source"><code>http://www.apache.org/licenses/LICENSE-2.0</code></pre>
+              <p>Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an &quot;AS IS&quot; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
+                the specific language governing permissions and limitations under the License.</p>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id="assert" class="symbol-name">assert</h3>
+              <div class="symbol-detail-labels"><span class="label label-constant"><small>constant</small></span></div>
+              <p class="type-signature"></p>
+              <p>Copyright 2017 Google Inc.</p>
+              <p>Licensed under the Apache License, Version 2.0 (the &quot;License&quot;); you may not use this file except in compliance with the License. You may obtain a copy of the License at</p>
+              <pre class="prettyprint source"><code>http://www.apache.org/licenses/LICENSE-2.0</code></pre>
+              <p>Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an &quot;AS IS&quot; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
+                the specific language governing permissions and limitations under the License.</p>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id="assert" class="symbol-name">assert</h3>
+              <div class="symbol-detail-labels"><span class="label label-constant"><small>constant</small></span></div>
+              <p class="type-signature"></p>
+              <p>Copyright 2017 Google Inc.</p>
+              <p>Licensed under the Apache License, Version 2.0 (the &quot;License&quot;); you may not use this file except in compliance with the License. You may obtain a copy of the License at</p>
+              <pre class="prettyprint source"><code>http://www.apache.org/licenses/LICENSE-2.0</code></pre>
+              <p>Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an &quot;AS IS&quot; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
+                the specific language governing permissions and limitations under the License.</p>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id="assert" class="symbol-name">assert</h3>
+              <div class="symbol-detail-labels"><span class="label label-constant"><small>constant</small></span></div>
+              <p class="type-signature"></p>
+              <p>Copyright 2017 Google Inc.</p>
+              <p>Licensed under the Apache License, Version 2.0 (the &quot;License&quot;); you may not use this file except in compliance with the License. You may obtain a copy of the License at</p>
+              <pre class="prettyprint source"><code>http://www.apache.org/licenses/LICENSE-2.0</code></pre>
+              <p>Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an &quot;AS IS&quot; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
+                the specific language governing permissions and limitations under the License.</p>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id="chalk" class="symbol-name">chalk</h3>
+              <div class="symbol-detail-labels"><span class="label label-constant"><small>constant</small></span></div>
+              <p class="type-signature"></p>
+              <p>Copyright 2017 Google Inc.</p>
+              <p>Licensed under the Apache License, Version 2.0 (the &quot;License&quot;); you may not use this file except in compliance with the License. You may obtain a copy of the License at</p>
+              <pre class="prettyprint source"><code>http://www.apache.org/licenses/LICENSE-2.0</code></pre>
+              <p>Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an &quot;AS IS&quot; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
+                the specific language governing permissions and limitations under the License.</p>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id="fse" class="symbol-name">fse</h3>
+              <div class="symbol-detail-labels"><span class="label label-constant"><small>constant</small></span></div>
+              <p class="type-signature"></p>
+              <p>Copyright 2017 Google Inc.</p>
+              <p>Licensed under the Apache License, Version 2.0 (the &quot;License&quot;); you may not use this file except in compliance with the License. You may obtain a copy of the License at</p>
+              <pre class="prettyprint source"><code>http://www.apache.org/licenses/LICENSE-2.0</code></pre>
+              <p>Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an &quot;AS IS&quot; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
+                the specific language governing permissions and limitations under the License.</p>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id="meow" class="symbol-name">meow</h3>
+              <div class="symbol-detail-labels"><span class="label label-constant"><small>constant</small></span></div>
+              <p class="type-signature"></p>
+              <p>Copyright 2017 Google Inc.</p>
+              <p>Licensed under the Apache License, Version 2.0 (the &quot;License&quot;); you may not use this file except in compliance with the License. You may obtain a copy of the License at</p>
+              <pre class="prettyprint source"><code>http://www.apache.org/licenses/LICENSE-2.0</code></pre>
+              <p>Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an &quot;AS IS&quot; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
+                the specific language governing permissions and limitations under the License.</p>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id="ol" class="symbol-name">ol</h3>
+              <div class="symbol-detail-labels"><span class="label label-constant"><small>constant</small></span></div>
+              <p class="type-signature"></p>
+              <p>Copyright 2017 Google Inc.</p>
+              <p>Licensed under the Apache License, Version 2.0 (the &quot;License&quot;); you may not use this file except in compliance with the License. You may obtain a copy of the License at</p>
+              <pre class="prettyprint source"><code>http://www.apache.org/licenses/LICENSE-2.0</code></pre>
+              <p>Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an &quot;AS IS&quot; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
+                the specific language governing permissions and limitations under the License.</p>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id="readFileFn" class="symbol-name">readFileFn</h3>
+              <p class="type-signature"></p>
+              <p>Use the <code>compiler.inputFileSystem._readFile</code> method instead of <code>fs.readFile</code>,
+                <code>readFile</code> is configured to use <code>compiler.inputFileSystem._readFile</code> during the run phase of the webpack compilation lifecycle by passing the function to the <code>setReadFile</code> function.</p>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id="timestamp" class="symbol-name">timestamp</h3>
+              <p class="type-signature"></p>
+              <p>Gets the private _timestamp property.</p>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>number</code>&nbsp;</p>
+                </dd>
+              </dl>
+            </section>
+            <h2>Methods</h2>
+            <section>
+              <h3 id="askQuestion" class="symbol-name">askQuestion</h3>
+              <div class="symbol-detail-labels"><span class="label label-async"><small>async</small></span></div>
+              <p class="type-signature"> askQuestion()&nbsp;returns&nbsp;Promise containing Object</p>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Promise containing Object</code>&nbsp;The answers from inquirer.</p>
+                </dd>
+              </dl>
+              <h3 id="askQuestion" class="symbol-name">askQuestion</h3>
+              <p class="type-signature"> askQuestion()&nbsp;returns&nbsp;Promise containing Object</p>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Promise containing Object</code>&nbsp;The answers from inquirer.</p>
+                </dd>
+              </dl>
+              <h3 id="askQuestion" class="symbol-name">askQuestion</h3>
+              <p class="type-signature"> askQuestion()&nbsp;returns&nbsp;Promise containing Object</p>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Promise containing Object</code>&nbsp;The answers from inquirer.</p>
+                </dd>
+              </dl>
+              <h3 id="askQuestion" class="symbol-name">askQuestion</h3>
+              <div class="symbol-detail-labels"><span class="label label-async"><small>async</small></span></div>
+              <p class="type-signature"> askQuestion(globDirectory)&nbsp;returns&nbsp;Promise containing Object</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>globDirectory</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">string</p>
+                        <p>The directory used for the root of globbing.</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Promise containing Object</code>&nbsp;The answers from inquirer.</p>
+                </dd>
+              </dl>
+              <h3 id="fromRequest" class="symbol-name">fromRequest</h3>
+              <div class="symbol-detail-labels"><span class="label label-async"><small>async</small></span></div>
+              <p class="type-signature"> fromRequest(request)&nbsp;returns&nbsp;Promise containing StorableRequest</p>
+              <p>Converts a Request object to a plain object that can be structured cloned or JSON-stringified.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>request</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Request</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Promise containing StorableRequest</code>&nbsp;</p>
+                </dd>
+              </dl>
+              <h3 id="getAllFileExtensions" class="symbol-name">getAllFileExtensions</h3>
+              <div class="symbol-detail-labels"><span class="label label-async"><small>async</small></span></div>
+              <p class="type-signature"> getAllFileExtensions(globDirectory)&nbsp;returns&nbsp;Promise containing Array of string</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>globDirectory</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">string</p>
+                        <p>The directory used for the root of globbing.</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Promise containing Array of string</code>&nbsp;The unique file extensions corresponding to all of the files under globDirectory.</p>
+                </dd>
+              </dl>
+              <h3 id="getSubdirectories" class="symbol-name">getSubdirectories</h3>
+              <div class="symbol-detail-labels"><span class="label label-async"><small>async</small></span></div>
+              <p class="type-signature"> getSubdirectories()&nbsp;returns&nbsp;Promise containing Array of string</p>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Promise containing Array of string</code>&nbsp;The subdirectories of the current working directory, with hidden and ignored ones filtered out.</p>
+                </dd>
+              </dl>
+              <h3 id="toObject" class="symbol-name">toObject</h3>
+              <p class="type-signature"> toObject()&nbsp;returns&nbsp;Object</p>
+              <p>Coverts this instance to a plain Object.</p>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Object</code>&nbsp;</p>
+                </dd>
+              </dl>
+              <h3 id="toRequest" class="symbol-name">toRequest</h3>
+              <p class="type-signature"> toRequest()&nbsp;returns&nbsp;Request</p>
+              <p>Converts this instance to a Request.</p>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Request</code>&nbsp;</p>
+                </dd>
+              </dl>
+            </section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/index-all.html b/src/content/en/tools/workbox/v3/reference-docs/latest/index-all.html
new file mode 100644
index 00000000000..935eca4c525
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/index-all.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Index All</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <ul>
+            <li><a href="module.html#.exports">module.exports</a></li>
+            <li><a href="module-workbox-build.html">module:workbox-build</a></li>
+            <li><a href="module-workbox-build.html#.Configuration">module:workbox-build.Configuration</a></li>
+            <li><a href="module-workbox-build.html#.ManifestEntry">module:workbox-build.ManifestEntry</a></li>
+            <li><a href="module-workbox-build.html#.ManifestTransform">module:workbox-build.ManifestTransform</a></li>
+            <li><a href="module-workbox-build.html#.copyWorkboxLibraries">module:workbox-build.copyWorkboxLibraries</a></li>
+            <li><a href="module-workbox-build.html#.generateSW">module:workbox-build.generateSW</a></li>
+            <li><a href="module-workbox-build.html#.generateSWString">module:workbox-build.generateSWString</a></li>
+            <li><a href="module-workbox-build.html#.getManifest">module:workbox-build.getManifest</a></li>
+            <li><a href="module-workbox-build.html#.injectManifest">module:workbox-build.injectManifest</a></li>
+            <li><a href="module-workbox-webpack-plugin.html">module:workbox-webpack-plugin</a></li>
+            <li><a href="module-workbox-webpack-plugin-WorkboxWebpackPlugin.html">module:workbox-webpack-plugin~WorkboxWebpackPlugin</a></li>
+            <li><a href="workbox.html">workbox</a></li>
+            <li><a href="workbox.backgroundSync.html">workbox.backgroundSync</a></li>
+            <li><a href="workbox.backgroundSync.Queue.html">workbox.backgroundSync.Queue</a></li>
+            <li><a href="workbox.backgroundSync.Queue.html#addRequest">workbox.backgroundSync.Queue#addRequest</a></li>
+            <li><a href="workbox.backgroundSync.Queue.html#name">workbox.backgroundSync.Queue#name</a></li>
+            <li><a href="workbox.backgroundSync.Queue.html#replayRequests">workbox.backgroundSync.Queue#replayRequests</a></li>
+            <li><a href="workbox.backgroundSync.QueuePlugin.html">workbox.backgroundSync.QueuePlugin</a></li>
+            <li><a href="workbox.html#.clientsClaim">workbox.clientsClaim</a></li>
+            <li><a href="workbox.core.html">workbox.core</a></li>
+            <li><a href="workbox.core.html#.LOG_LEVELS">workbox.core.LOG_LEVELS</a></li>
+            <li><a href="workbox.core.html#.cacheNames">workbox.core.cacheNames</a></li>
+            <li><a href="workbox.core.html#.logLevel">workbox.core.logLevel</a></li>
+            <li><a href="workbox.core.html#.setCacheNameDetails">workbox.core.setCacheNameDetails</a></li>
+            <li><a href="workbox.core.html#.setLogLevel">workbox.core.setLogLevel</a></li>
+            <li><a href="workbox.expiration.html">workbox.expiration</a></li>
+            <li><a href="workbox.expiration.CacheExpiration.html">workbox.expiration.CacheExpiration</a></li>
+            <li><a href="workbox.expiration.CacheExpiration.html#expireEntries">workbox.expiration.CacheExpiration#expireEntries</a></li>
+            <li><a href="workbox.expiration.CacheExpiration.html#isURLExpired">workbox.expiration.CacheExpiration#isURLExpired</a></li>
+            <li><a href="workbox.expiration.CacheExpiration.html#updateTimestamp">workbox.expiration.CacheExpiration#updateTimestamp</a></li>
+            <li><a href="workbox.expiration.CacheExpirationPlugin.html">workbox.expiration.CacheExpirationPlugin</a></li>
+            <li><a href="workbox.googleAnalytics.html">workbox.googleAnalytics</a></li>
+            <li><a href="workbox.googleAnalytics.html#.initialize">workbox.googleAnalytics.initialize</a></li>
+            <li><a href="workbox.html#.loadModule">workbox.loadModule</a></li>
+            <li><a href="workbox.precaching.html">workbox.precaching</a></li>
+            <li><a href="workbox.precaching.html#.CleanupResult">workbox.precaching.CleanupResult</a></li>
+            <li><a href="workbox.precaching.html#.InstallResult">workbox.precaching.InstallResult</a></li>
+            <li><a href="workbox.precaching.PrecacheController.html">workbox.precaching.PrecacheController</a></li>
+            <li><a href="workbox.precaching.PrecacheController.html#addToCacheList">workbox.precaching.PrecacheController#addToCacheList</a></li>
+            <li><a href="workbox.precaching.PrecacheController.html#cleanup">workbox.precaching.PrecacheController#cleanup</a></li>
+            <li><a href="workbox.precaching.PrecacheController.html#getCachedUrls">workbox.precaching.PrecacheController#getCachedUrls</a></li>
+            <li><a href="workbox.precaching.PrecacheController.html#install">workbox.precaching.PrecacheController#install</a></li>
+            <li><a href="workbox.precaching.html#.PrecacheEntry">workbox.precaching.PrecacheEntry</a></li>
+            <li><a href="workbox.precaching.html#.addRoute">workbox.precaching.addRoute</a></li>
+            <li><a href="workbox.precaching.html#.precache">workbox.precaching.precache</a></li>
+            <li><a href="workbox.precaching.html#.precacheAndRoute">workbox.precaching.precacheAndRoute</a></li>
+            <li><a href="workbox.precaching.html#.suppressWarnings">workbox.precaching.suppressWarnings</a></li>
+            <li><a href="workbox.routing.html">workbox.routing</a></li>
+            <li><a href="workbox.routing.NavigationRoute.html">workbox.routing.NavigationRoute</a></li>
+            <li><a href="workbox.routing.RegExpRoute.html">workbox.routing.RegExpRoute</a></li>
+            <li><a href="workbox.routing.Route.html">workbox.routing.Route</a></li>
+            <li><a href="workbox.routing.Router.html">workbox.routing.Router</a></li>
+            <li><a href="workbox.routing.Router.html#handleRequest">workbox.routing.Router#handleRequest</a></li>
+            <li><a href="workbox.routing.Router.html#registerRoute">workbox.routing.Router#registerRoute</a></li>
+            <li><a href="workbox.routing.Router.html#setCatchHandler">workbox.routing.Router#setCatchHandler</a></li>
+            <li><a href="workbox.routing.Router.html#setDefaultHandler">workbox.routing.Router#setDefaultHandler</a></li>
+            <li><a href="workbox.routing.Router.html#unregisterRoute">workbox.routing.Router#unregisterRoute</a></li>
+            <li><a href="workbox.routing.Route.html#~handlerCallback">workbox.routing.Route~handlerCallback</a></li>
+            <li><a href="workbox.routing.Route.html#~matchCallback">workbox.routing.Route~matchCallback</a></li>
+            <li><a href="workbox.routing.html#.registerNavigationRoute">workbox.routing.registerNavigationRoute</a></li>
+            <li><a href="workbox.routing.html#.registerRoute">workbox.routing.registerRoute</a></li>
+            <li><a href="workbox.routing.html#.setCatchHandler">workbox.routing.setCatchHandler</a></li>
+            <li><a href="workbox.routing.html#.setDefaultHandler">workbox.routing.setDefaultHandler</a></li>
+            <li><a href="workbox.routing.html#.unregisterRoute">workbox.routing.unregisterRoute</a></li>
+            <li><a href="workbox.html#.setConfig">workbox.setConfig</a></li>
+            <li><a href="workbox.html#.skipWaiting">workbox.skipWaiting</a></li>
+            <li><a href="workbox.strategies.html">workbox.strategies</a></li>
+            <li><a href="workbox.strategies.CacheFirst.html">workbox.strategies.CacheFirst</a></li>
+            <li><a href="workbox.strategies.CacheFirst.html#handle">workbox.strategies.CacheFirst#handle</a></li>
+            <li><a href="workbox.strategies.CacheOnly.html">workbox.strategies.CacheOnly</a></li>
+            <li><a href="workbox.strategies.CacheOnly.html#handle">workbox.strategies.CacheOnly#handle</a></li>
+            <li><a href="workbox.strategies.NetworkFirst.html">workbox.strategies.NetworkFirst</a></li>
+            <li><a href="workbox.strategies.NetworkFirst.html#handle">workbox.strategies.NetworkFirst#handle</a></li>
+            <li><a href="workbox.strategies.NetworkOnly.html">workbox.strategies.NetworkOnly</a></li>
+            <li><a href="workbox.strategies.NetworkOnly.html#handle">workbox.strategies.NetworkOnly#handle</a></li>
+            <li><a href="workbox.strategies.StaleWhileRevalidate.html">workbox.strategies.StaleWhileRevalidate</a></li>
+            <li><a href="workbox.strategies.StaleWhileRevalidate.html#handle">workbox.strategies.StaleWhileRevalidate#handle</a></li>
+            <li><a href="workbox.strategies.html#.StrategyOptions">workbox.strategies.StrategyOptions</a></li>
+            <li><a href="workbox.strategies.html#.cacheFirst">workbox.strategies.cacheFirst</a></li>
+            <li><a href="workbox.strategies.html#.cacheOnly">workbox.strategies.cacheOnly</a></li>
+            <li><a href="workbox.strategies.html#.networkFirst">workbox.strategies.networkFirst</a></li>
+            <li><a href="workbox.strategies.html#.networkOnly">workbox.strategies.networkOnly</a></li>
+            <li><a href="workbox.strategies.html#.staleWhileRevalidate">workbox.strategies.staleWhileRevalidate</a></li>
+          </ul>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/index.html b/src/content/en/tools/workbox/v3/reference-docs/latest/index.html
new file mode 100644
index 00000000000..b53f8c09133
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/index.html
@@ -0,0 +1,618 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Overview</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <div class="symbol-index">
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="module" class="symbol-header">module</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="module.html#.exports" class="!symbol-index-name">module.<wbr>exports</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox-build" class="symbol-header">workbox-build</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="module-workbox-build.html" class="!symbol-index-name">workbox-build</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="module-workbox-build.html#.Configuration" class="!symbol-index-name">workbox-build.<wbr>Configuration</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="module-workbox-build.html#.copyWorkboxLibraries" class="!symbol-index-name">workbox-build.<wbr>copyWorkboxLibraries(destDirectory)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="module-workbox-build.html#.generateSW" class="!symbol-index-name">workbox-build.<wbr>generateSW(input)</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="module-workbox-build.html#.generateSWString" class="!symbol-index-name">workbox-build.<wbr>generateSWString(input)</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="module-workbox-build.html#.getManifest" class="!symbol-index-name">workbox-build.<wbr>getManifest(input)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="module-workbox-build.html#.injectManifest" class="!symbol-index-name">workbox-build.<wbr>injectManifest(input)</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="module-workbox-build.html#.ManifestEntry" class="!symbol-index-name">workbox-build.<wbr>ManifestEntry</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="module-workbox-build.html#.ManifestTransform" class="!symbol-index-name">workbox-build.<wbr>ManifestTransform(manifestEntries)</a>
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox-webpack-plugin" class="symbol-header">workbox-webpack-plugin</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="module-workbox-webpack-plugin.html" class="!symbol-index-name">workbox-webpack-plugin</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox-webpack-plugin~WorkboxWebpackPlugin" class="symbol-header">workbox-webpack-plugin~WorkboxWebpackPlugin</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="module-workbox-webpack-plugin-WorkboxWebpackPlugin.html" class="!symbol-index-name">workbox-webpack-plugin~<wbr>WorkboxWebpackPlugin(config)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox" class="symbol-header">workbox</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.html" class="!symbol-index-name">workbox</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.html#.clientsClaim" class="!symbol-index-name">workbox.<wbr>clientsClaim()</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.html#.loadModule" class="!symbol-index-name">workbox.<wbr>loadModule(moduleName)</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.html#.setConfig" class="!symbol-index-name">workbox.<wbr>setConfig(options)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.html#.skipWaiting" class="!symbol-index-name">workbox.<wbr>skipWaiting()</a>
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox.backgroundSync" class="symbol-header">workbox.backgroundSync</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.backgroundSync.html" class="!symbol-index-name">workbox.<wbr>backgroundSync</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox.backgroundSync.Queue" class="symbol-header">workbox.backgroundSync.Queue</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.backgroundSync.Queue.html" class="!symbol-index-name">workbox.<wbr>backgroundSync.<wbr>Queue(name, options)</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.backgroundSync.Queue.html#addRequest" class="!symbol-index-name">workbox.<wbr>backgroundSync.<wbr>Queue#<wbr>addRequest(request)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.backgroundSync.Queue.html#name" class="!symbol-index-name">workbox.<wbr>backgroundSync.<wbr>Queue#<wbr>name</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.backgroundSync.Queue.html#replayRequests" class="!symbol-index-name">workbox.<wbr>backgroundSync.<wbr>Queue#<wbr>replayRequests()</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox.backgroundSync.QueuePlugin" class="symbol-header">workbox.backgroundSync.QueuePlugin</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.backgroundSync.QueuePlugin.html" class="!symbol-index-name">workbox.<wbr>backgroundSync.<wbr>QueuePlugin(queue)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox.core" class="symbol-header">workbox.core</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.core.html" class="!symbol-index-name">workbox.<wbr>core</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.core.html#.cacheNames" class="!symbol-index-name">workbox.<wbr>core.<wbr>cacheNames</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.core.html#.LOG_LEVELS" class="!symbol-index-name">workbox.<wbr>core.<wbr>LOG_LEVELS</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.core.html#.logLevel" class="!symbol-index-name">workbox.<wbr>core.<wbr>logLevel</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.core.html#.setCacheNameDetails" class="!symbol-index-name">workbox.<wbr>core.<wbr>setCacheNameDetails(details)</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.core.html#.setLogLevel" class="!symbol-index-name">workbox.<wbr>core.<wbr>setLogLevel(newLevel)</a>
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox.expiration" class="symbol-header">workbox.expiration</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.expiration.html" class="!symbol-index-name">workbox.<wbr>expiration</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox.expiration.CacheExpiration" class="symbol-header">workbox.expiration.CacheExpiration</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.expiration.CacheExpiration.html" class="!symbol-index-name">workbox.<wbr>expiration.<wbr>CacheExpiration(cacheName, config)</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.expiration.CacheExpiration.html#expireEntries" class="!symbol-index-name">workbox.<wbr>expiration.<wbr>CacheExpiration#<wbr>expireEntries()</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.expiration.CacheExpiration.html#isURLExpired" class="!symbol-index-name">workbox.<wbr>expiration.<wbr>CacheExpiration#<wbr>isURLExpired(url)</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.expiration.CacheExpiration.html#updateTimestamp" class="!symbol-index-name">workbox.<wbr>expiration.<wbr>CacheExpiration#<wbr>updateTimestamp(url)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox.expiration.CacheExpirationPlugin" class="symbol-header">workbox.expiration.CacheExpirationPlugin</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.expiration.CacheExpirationPlugin.html" class="!symbol-index-name">workbox.<wbr>expiration.<wbr>CacheExpirationPlugin(config)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox.googleAnalytics" class="symbol-header">workbox.googleAnalytics</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.googleAnalytics.html" class="!symbol-index-name">workbox.<wbr>googleAnalytics</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.googleAnalytics.html#.initialize" class="!symbol-index-name">workbox.<wbr>googleAnalytics.<wbr>initialize(options)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox.precaching" class="symbol-header">workbox.precaching</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.precaching.html" class="!symbol-index-name">workbox.<wbr>precaching</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.precaching.html#.addRoute" class="!symbol-index-name">workbox.<wbr>precaching.<wbr>addRoute(options)</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.precaching.html#.CleanupResult" class="!symbol-index-name">workbox.<wbr>precaching.<wbr>CleanupResult</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.precaching.html#.InstallResult" class="!symbol-index-name">workbox.<wbr>precaching.<wbr>InstallResult</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.precaching.html#.precache" class="!symbol-index-name">workbox.<wbr>precaching.<wbr>precache(entries)</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.precaching.html#.precacheAndRoute" class="!symbol-index-name">workbox.<wbr>precaching.<wbr>precacheAndRoute(entries, options)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.precaching.html#.PrecacheEntry" class="!symbol-index-name">workbox.<wbr>precaching.<wbr>PrecacheEntry</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.precaching.html#.suppressWarnings" class="!symbol-index-name">workbox.<wbr>precaching.<wbr>suppressWarnings(suppress)</a>
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox.precaching.PrecacheController" class="symbol-header">workbox.precaching.PrecacheController</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.precaching.PrecacheController.html" class="!symbol-index-name">workbox.<wbr>precaching.<wbr>PrecacheController(cacheName)</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.precaching.PrecacheController.html#addToCacheList" class="!symbol-index-name">workbox.<wbr>precaching.<wbr>PrecacheController#<wbr>addToCacheList(entries)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.precaching.PrecacheController.html#cleanup" class="!symbol-index-name">workbox.<wbr>precaching.<wbr>PrecacheController#<wbr>cleanup()</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.precaching.PrecacheController.html#getCachedUrls" class="!symbol-index-name">workbox.<wbr>precaching.<wbr>PrecacheController#<wbr>getCachedUrls()</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.precaching.PrecacheController.html#install" class="!symbol-index-name">workbox.<wbr>precaching.<wbr>PrecacheController#<wbr>install(options)</a>
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox.routing" class="symbol-header">workbox.routing</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.routing.html" class="!symbol-index-name">workbox.<wbr>routing</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.routing.html#.registerNavigationRoute" class="!symbol-index-name">workbox.<wbr>routing.<wbr>registerNavigationRoute(cachedAssetUrl, options)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.routing.html#.registerRoute" class="!symbol-index-name">workbox.<wbr>routing.<wbr>registerRoute(capture, handler, method)</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.routing.html#.setCatchHandler" class="!symbol-index-name">workbox.<wbr>routing.<wbr>setCatchHandler(handler)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.routing.html#.setDefaultHandler" class="!symbol-index-name">workbox.<wbr>routing.<wbr>setDefaultHandler(handler)</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.routing.html#.unregisterRoute" class="!symbol-index-name">workbox.<wbr>routing.<wbr>unregisterRoute(route)</a>
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox.routing.NavigationRoute" class="symbol-header">workbox.routing.NavigationRoute</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.routing.NavigationRoute.html" class="!symbol-index-name">workbox.<wbr>routing.<wbr>NavigationRoute(handler, options)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox.routing.RegExpRoute" class="symbol-header">workbox.routing.RegExpRoute</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.routing.RegExpRoute.html" class="!symbol-index-name">workbox.<wbr>routing.<wbr>RegExpRoute(regExp, handler, method)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox.routing.Route" class="symbol-header">workbox.routing.Route</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.routing.Route.html" class="!symbol-index-name">workbox.<wbr>routing.<wbr>Route(match, handler, method)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.routing.Route.html#~handlerCallback" class="!symbol-index-name">workbox.<wbr>routing.<wbr>Route~<wbr>handlerCallback(context)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.routing.Route.html#~matchCallback" class="!symbol-index-name">workbox.<wbr>routing.<wbr>Route~<wbr>matchCallback(context)</a>
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox.routing.Router" class="symbol-header">workbox.routing.Router</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.routing.Router.html" class="!symbol-index-name">workbox.<wbr>routing.<wbr>Router()</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.routing.Router.html#handleRequest" class="!symbol-index-name">workbox.<wbr>routing.<wbr>Router#<wbr>handleRequest(event)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.routing.Router.html#registerRoute" class="!symbol-index-name">workbox.<wbr>routing.<wbr>Router#<wbr>registerRoute(route)</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.routing.Router.html#setCatchHandler" class="!symbol-index-name">workbox.<wbr>routing.<wbr>Router#<wbr>setCatchHandler(handler)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.routing.Router.html#setDefaultHandler" class="!symbol-index-name">workbox.<wbr>routing.<wbr>Router#<wbr>setDefaultHandler(handler)</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.routing.Router.html#unregisterRoute" class="!symbol-index-name">workbox.<wbr>routing.<wbr>Router#<wbr>unregisterRoute(route)</a>
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox.strategies" class="symbol-header">workbox.strategies</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.strategies.html" class="!symbol-index-name">workbox.<wbr>strategies</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.strategies.html#.cacheFirst" class="!symbol-index-name">workbox.<wbr>strategies.<wbr>cacheFirst(options)</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.strategies.html#.cacheOnly" class="!symbol-index-name">workbox.<wbr>strategies.<wbr>cacheOnly(options)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.strategies.html#.networkFirst" class="!symbol-index-name">workbox.<wbr>strategies.<wbr>networkFirst(options)</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.strategies.html#.networkOnly" class="!symbol-index-name">workbox.<wbr>strategies.<wbr>networkOnly(options)</a>
+                    </p>
+                    <p class="symbol-index-name">
+                      <a href="workbox.strategies.html#.staleWhileRevalidate" class="!symbol-index-name">workbox.<wbr>strategies.<wbr>staleWhileRevalidate(options)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.strategies.html#.StrategyOptions" class="!symbol-index-name">workbox.<wbr>strategies.<wbr>StrategyOptions</a>
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox.strategies.CacheFirst" class="symbol-header">workbox.strategies.CacheFirst</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.strategies.CacheFirst.html" class="!symbol-index-name">workbox.<wbr>strategies.<wbr>CacheFirst(options)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.strategies.CacheFirst.html#handle" class="!symbol-index-name">workbox.<wbr>strategies.<wbr>CacheFirst#<wbr>handle(input)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox.strategies.CacheOnly" class="symbol-header">workbox.strategies.CacheOnly</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.strategies.CacheOnly.html" class="!symbol-index-name">workbox.<wbr>strategies.<wbr>CacheOnly(options)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.strategies.CacheOnly.html#handle" class="!symbol-index-name">workbox.<wbr>strategies.<wbr>CacheOnly#<wbr>handle(input)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox.strategies.NetworkFirst" class="symbol-header">workbox.strategies.NetworkFirst</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.strategies.NetworkFirst.html" class="!symbol-index-name">workbox.<wbr>strategies.<wbr>NetworkFirst(options)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.strategies.NetworkFirst.html#handle" class="!symbol-index-name">workbox.<wbr>strategies.<wbr>NetworkFirst#<wbr>handle(input)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox.strategies.NetworkOnly" class="symbol-header">workbox.strategies.NetworkOnly</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.strategies.NetworkOnly.html" class="!symbol-index-name">workbox.<wbr>strategies.<wbr>NetworkOnly(options)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.strategies.NetworkOnly.html#handle" class="!symbol-index-name">workbox.<wbr>strategies.<wbr>NetworkOnly#<wbr>handle(input)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                </div>
+              </div>
+            </section>
+            <section>
+              <div class="symbol-index-content">
+                <h2 id="workbox.strategies.StaleWhileRevalidate" class="symbol-header">workbox.strategies.StaleWhileRevalidate</h2>
+                <div class="symbol-index-section">
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.strategies.StaleWhileRevalidate.html" class="!symbol-index-name">workbox.<wbr>strategies.<wbr>StaleWhileRevalidate(options)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                    <p class="symbol-index-name">
+                      <a href="workbox.strategies.StaleWhileRevalidate.html#handle" class="!symbol-index-name">workbox.<wbr>strategies.<wbr>StaleWhileRevalidate#<wbr>handle(input)</a>
+                    </p>
+                  </div>
+                  <div class="symbol-index-column">
+                  </div>
+                </div>
+              </div>
+            </section>
+          </div>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/jsdoc.css b/src/content/en/tools/workbox/v3/reference-docs/latest/jsdoc.css
new file mode 100644
index 00000000000..1deb9cd5994
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/jsdoc.css
@@ -0,0 +1,71 @@
+
+.label {
+  font-style: italic;
+  text-transform: uppercase;
+}
+
+.dl-compact dt {
+  margin:8px 0px 0px 0px;
+}
+
+h1.devsite-page-title {
+    display: none;
+}
+
+h1 {
+  margin-bottom: 8px;
+}
+
+h2 {
+  margin: 48px 0px 0px 0px;
+}
+
+h3.symbol-name {
+  margin: 32px 0px 8px 0px;
+}
+
+h3.class-list:first-child {
+  display: block;
+  margin: 16px 0px 0px 0px;
+}
+
+h3.class-list {
+  display: block;
+  margin: 12px 0px 0px 0px;
+  font-size: 16px;
+}
+
+h3.class-list + p {
+  margin: 0px 0px 0px 0px;
+}
+
+h4 {
+  margin: 8px 0px 0px 0px;
+}
+
+td p {
+  margin: 6px 0px 0px 0px;
+}
+
+p.type-signature {
+  font-family: 'Roboto Mono', monospace;
+  font-size: 80%;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: 500;
+  font-stretch: normal;
+  line-height: normal;
+  margin-top: 0px;
+}
+
+p.symbol-index-name {
+  margin: 8px 0px 0px 0px;
+}
+
+h2.symbol-header {
+  margin: 36px 0px 0px 0px;
+}
+
+table.function.param tr {
+  background: #80A7B9;
+}
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/module-workbox-build.html b/src/content/en/tools/workbox/v3/reference-docs/latest/module-workbox-build.html
new file mode 100644
index 00000000000..eeebdb44829
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/module-workbox-build.html
@@ -0,0 +1,687 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Module: workbox-build</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small></small><span class="symbol-name">workbox-build</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>module</small></span></div>
+            <p>This Node module can be used to generate a list of assets that should be precached in a service worker, generating a hash that can be used to intelligently update a cache when the service worker is updated.</p>
+            <p>This module will use glob patterns to find assets in a given directory and use the resulting URL and revision data for one of the follow uses:</p>
+            <ol>
+              <li>Generate a complete service worker with precaching and some basic configurable options, writing the resulting service worker file to disk. See
+                <a href="module-workbox-build.html#.generateSW">generateSW()</a>.</li>
+              <li>Generate a complete service worker with precaching and some basic configurable options, without writing the results to disk. See
+                <a href="module-workbox-build.html#.generateSWString">generateSWString()</a>.</li>
+              <li>Inject a manifest into an existing service worker. This allows you to control your own service worker while still taking advantage of workboxSW.precache() logic. See <a href="module-workbox-build.html#.injectManifest">injectManifest()</a>.</li>
+              <li>Just generate a manifest, not a full service worker file. This is useful if you want to make use of the manifest from your own existing service worker file and are okay with including the manifest yourself. See <a href="module-workbox-build.html#.getManifest">getManifest()</a>.</li>
+            </ol>
+          </header>
+          <section>
+            <h2>Methods</h2>
+            <section>
+              <h3 id=".copyWorkboxLibraries" class="symbol-name">copyWorkboxLibraries</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> copyWorkboxLibraries(destDirectory)&nbsp;returns&nbsp;Promise containing string</p>
+              <p>This copies over a set of runtime libraries used by Workbox into a local directory, which should be deployed alongside your service worker file.</p>
+              <p>As an alternative to deploying these local copies, you could instead use Workbox from its official CDN URL.</p>
+              <p>This method is exposed for the benefit of developers using
+                <a href="module-workbox-build.html#.injectManifest">injectManifest()</a> who would prefer not to use the CDN copies of Workbox. Developers using
+                <a href="module-workbox-build.html#.generateSW">generateSW()</a> don't need to explicitly call this method, as it's called automatically when
+                <code>importWorkboxFromCDN</code> is set to <code>false</code>.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>destDirectory</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">string</p>
+                        <p>The path to the parent directory under which the new directory of libraries will be created.</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Promise containing string</code>&nbsp;The name of the newly created directory.</p>
+                </dd>
+              </dl>
+              <h3 id=".generateSW" class="symbol-name">generateSW</h3>
+              <div class="symbol-detail-labels"><span class="label label-async"><small>async</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> generateSW(input)&nbsp;returns&nbsp;Promise containing {count: Number, size: Number}</p>
+              <p>This method creates a list of URLs to precache, referred to as a &quot;precache manifest&quot;, based on the options you provide.</p>
+              <p>It also takes in additional options that configures the service worker's behavior, like any <code>runtimeCaching</code> rules it should use.</p>
+              <p>Based on the precache manifest and the additional configuration, it writes a ready-to-use service worker file to disk at <code>swDest</code>.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>input</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Promise containing {count: Number, size: Number}</code>&nbsp;A promise that resolves once the service worker file has been written to <code>swDest</code>. The <code>size</code> property contains the aggregate size of all the precached
+                    entries, in bytes, and the
+                    <code>count</code> property contains the total number of precached entries.</p>
+                </dd>
+              </dl>
+              <h3 id=".generateSWString" class="symbol-name">generateSWString</h3>
+              <div class="symbol-detail-labels"><span class="label label-async"><small>async</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> generateSWString(input)&nbsp;returns&nbsp;Promise containing String</p>
+              <p>This method generates a service worker based on the configuration options provided.
+              </p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>input</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Promise containing String</code>&nbsp;A populated service worker template, based on the other configuration options provided.</p>
+                </dd>
+              </dl>
+              <h3 id=".getManifest" class="symbol-name">getManifest</h3>
+              <div class="symbol-detail-labels"><span class="label label-async"><small>async</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> getManifest(input)&nbsp;returns&nbsp;Promise containing {manifestEntries: Array of ManifestEntry, count: Number, size: Number}</p>
+              <p>This method returns a list of URLs to precache, referred to as a &quot;precache manifest&quot;, along with details about the number of entries and their size, based on the options you provide.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>input</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Promise containing {manifestEntries: Array of ManifestEntry, count: Number, size: Number}</code>&nbsp;A promise that resolves once the precache manifest is determined. The <code>size</code> property contains the aggregate size
+                    of all the precached entries, in bytes, the <code>count</code> property contains the total number of precached entries, and the <code>manifestEntries</code> property contains all the <code>ManifestEntry</code> items.</p>
+                </dd>
+              </dl>
+              <h3 id=".injectManifest" class="symbol-name">injectManifest</h3>
+              <div class="symbol-detail-labels"><span class="label label-async"><small>async</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> injectManifest(input)&nbsp;returns&nbsp;Promise containing {count: Number, size: Number}</p>
+              <p>This method creates a list of URLs to precache, referred to as a &quot;precache manifest&quot;, based on the options you provide.</p>
+              <p>The manifest is injected into the <code>swSrc</code> file, and the regular expression
+                <code>injectionPointRegexp</code> determines where in the file the manifest should go.</p>
+              <p>The final service worker file, with the manifest injected, is written to disk at <code>swDest</code>.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>input</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Promise containing {count: Number, size: Number}</code>&nbsp;A promise that resolves once the service worker file has been written to <code>swDest</code>. The <code>size</code> property contains the aggregate size of all the precached
+                    entries, in bytes, and the
+                    <code>count</code> property contains the total number of precached entries.</p>
+                </dd>
+              </dl>
+            </section>
+            <h2>Abstract types</h2>
+            <section>
+              <h3 id=".Configuration" class="symbol-name">Configuration</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature">Object</p>
+              <p>These are the full set of options that could potentially be used to configure one of the build tools. Each of the build tools has a slightly different way of providing this configuration:</p>
+              <ul>
+                <li>
+                  <p>When using the <code>workbox-build</code> module directly, pass the configuration object to appropriate method. For example,
+                    <code>workboxBuild.injectManifest(configuration)</code> or
+                    <code>workboxBuild.generateSW(configuration)</code>.</p>
+                </li>
+                <li>
+                  <p>When using the <code>workbox-cli</code> command line interface, use the
+                    <code>--config-file</code> flag to point to a
+                    <a href="https://nodejs.org/docs/latest/api/modules.html">CommonJS module file</a> that assigns the configuration object to <code>module.exports</code>.</p>
+                </li>
+                <li>
+                  <p>When using <code>workbox-webpack-plugin</code> within a
+                    <a href="https://webpack.js.org/">Webpack</a> build, pass the configuration object to the plugin's constructor, like
+                    <code>new WorkboxBuildWebpackPlugin(configuration)</code>.</p>
+                </li>
+              </ul>
+              <p>Some specific options might not make sense with certain combinations of interfaces. In those cases, the limitations are called out in the documentation, and may lead to build-time warnings or errors.</p>
+              <p>Each option documented here includes an example, which, for the sake of illustration, assumes the following local filesystem setup. Please adjust the example values to match your actual setup.</p>
+              <pre class="prettyprint source lang-sh"><code>./
+├── dev/
+│   ├── app.js
+│   ├── ignored.html
+│   ├── image.png
+│   ├── index.html
+│   ├── main.css
+│   ├── sw.js
+│   └── templates/
+│       └── app_shell.hbs
+└── dist/
+    ├── app.js
+    ├── image.png
+    ├── index.html
+    ├── main.css
+    └── sw.js</code></pre>
+              <section>
+                <h4>Properties</h4>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>swDest</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">String</p>
+                        <p>The path to the final service worker file that will be created by the build process, relative to the current working directory.</p>
+                        <p>E.g.: <code>'./dist/sw.js'</code></p>
+                        <p>Note: This option is only valid when used with
+                          <a href="module-workbox-build.html#.generateSW">generateSW()</a> or
+                          <a href="module-workbox-build.html#.injectManifest">injectManifest()</a>.</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>swSrc</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">String</p>
+                        <p>The path to the source service worker containing a <code>precache([])</code> placeholder, which will be replaced with the precache manifest generated by the build.</p>
+                        <p>E.g.: <code>'./dev/sw.js'</code></p>
+                        <p> Note: This option is only valid when used with
+                          <a href="module-workbox-build.html#.injectManifest">injectManifest()</a>.</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>swTemplate</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">String</p>
+                        <p>A service worker template that should be populated based on the configuration provided. The template should be in a format that <a href="https://lodash.com/docs/4.17.4#template"><code>lodash.template</code></a> understands.
+                        </p>
+                        <p>Note: This option is only valid when used with generateSWNoFS().
+                        </p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>importWorkboxFromCDN</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">boolean</p>
+                        <p>If <code>true</code>, the WorkboxSW runtime will be automatically imported into the generated service worker from the official CDN URL. If <code>false</code>, the WorkboxSW runtime will be copied locally into your <code>swDest</code>                          directory when using
+                          <a href="module-workbox-build.html#.generateSW">generateSW()</a>. If <code>process.env.NODE_ENV</code> is set to a string starting with <code>dev</code> then the
+                          <code>dev</code> bundle of WorkboxSW, with additional assertions and debugging info, will be used; otherwise, the <code>prod</code> bundle will be used.</p>
+                        <p>Note: This option is only valid when used with
+                          <a href="module-workbox-build.html#.generateSW">generateSW()</a> or generateSWNoFS().
+                        </p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>importScripts</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">Array of String</p>
+                        <p>An optional list of JavaScript files that should be passed to
+                          <a href="https://developer.mozilla.org/en-US/docs/Web/API/WorkerGlobalScope/importScripts"><code>importScripts()</code></a> inside the generated service worker file.</p>
+                        <p>Note: This option is only valid when used with
+                          <a href="module-workbox-build.html#.generateSW">generateSW()</a> or generateSWNoFS().
+                        </p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>globPatterns</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">Array of String</p>
+                        <p>Files matching against any of these
+                          <a href="https://github.com/isaacs/node-glob">glob patterns</a> will be included in the precache manifest.</p>
+                        <p>E.g.: <code>'**\/*.{js,css,html,png}'</code></p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>globDirectory</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">String</p>
+                        <p>The base directory you wish to match <code>globPatterns</code> against, related to the current working directory.</p>
+                        <p>E.g.: <code>'./dev'</code></p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>globIgnores</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">(String or Array of String)</p>
+                        <p>Files matching against any of these glob patterns will be excluded from the file manifest, overriding any matches from <code>globPatterns</code>.</p>
+                        <p>E.g. <code>['**\/ignored.html']</code></p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>templatedUrls</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">Object with (Array or string) properties</p>
+                        <p>If a URL is rendered generated based on some server-side logic, its contents may depend on multiple files or on some other unique string value.</p>
+                        <p>If used with an array of strings, they will be interpreted as
+                          <a href="https://github.com/isaacs/node-glob">glob patterns</a>, and the contents of any files matching the patterns will be used to uniquely version the URL.</p>
+                        <p>If used with a single string, it will be interpreted as unique versioning information that you've generated out of band for a given URL.</p>
+                        <p>E.g.</p>
+                        <pre class="prettyprint source lang-js"><code>{
+  '/app-shell': [
+    'dev/templates/app-shell.hbs',
+    'dev/**\/*.css',
+   ],
+  '/other-page': 'my-version-info',
+}</code></pre>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>maximumFileSizeToCacheInBytes</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">number</p>
+                        <p>This value can be used to determine the maximum size of files that will be precached. This prevents you from inadvertantly precaching very large files that might have been accidentally match your <code>globPatterns</code> values.</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>manifestTransforms</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">Array of ManifestTransform</p>
+                        <p>An array of manifest transformations, which will be applied sequentially against the generated manifest. If <code>modifyUrlPrefix</code> or <code>dontCacheBustUrlsMatching</code> are also specified, their corresponding transformations
+                          will be applied first.</p>
+                        <p>See <a href="module-workbox-build.html#.ManifestTransform">ManifestTransform</a>.</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>modifyUrlPrefix</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">Object with String properties</p>
+                        <p>A mapping of prefixes that, if present in an entry in the precache manifest, will be replaced with the corresponding value.</p>
+                        <p>This can be used to, for example, remove or add a path prefix from a manifest entry if your web hosting setup doesn't match your local filesystem setup.</p>
+                        <p>As an alternative with more flexibility, you can use the <code>manifestTransforms</code> option and provide a function that modifies the entries in the manifest using whatever logic you provide.</p>
+                        <p>E.g.</p>
+                        <pre class="prettyprint source lang-js"><code>{
+  '/prefix-to-remove': '',
+}</code></pre>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>dontCacheBustUrlsMatching</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">RegExp</p>
+                        <p>Assets that match this regex will be assumed to be uniquely versioned via their URL, an exempted from the normal HTTP cache-busting that's done when populating the precache.</p>
+                        <p>While not required, it's recommended that if your existing build process already inserts a <code>[hash]</code> value into each filename, you provide a RegExp that will detect those values, as it will reduce the amount of bandwidth
+                          consumed when precaching.</p>
+                        <p>E.g. <code>/\.\w{8}\./</code></p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>navigateFallback</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">String</p>
+                        <p>This will be used to create a
+                          <a href="workbox.routing.NavigationRoute.html">NavigationRoute</a> that will respond to navigation requests for URLs that that aren't precached.</p>
+                        <p>This is meant to be used in a
+                          <a href="https://en.wikipedia.org/wiki/Single-page_application">Single Page App</a> scenario, in which you want all navigations to result in common App Shell HTML being reused.</p>
+                        <p>It's <em>not</em> intended for use as a fallback that's displayed when the browser is offline.</p>
+                        <p>Note: This option is only valid when used with generateSW(). When using
+                          <a href="module-workbox-build.html#.injectManifest">injectManifest()</a>, you can explicitly add in a call to registerNavigationRoute() in your <code>swSrc</code> file.</p>
+                        <p>E.g. <code>'/app-shell'</code></p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>navigateFallbackWhitelist</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">Array of RegExp</p>
+                        <p>An optional array of regular expressions that restrict which URLs the navigation route applies to.</p>
+                        <p>Note: This option is only valid when used with generateSW(). When using
+                          <a href="module-workbox-build.html#.injectManifest">injectManifest()</a>, you can explicitly add in the whitelist when calling registerNavigationRoute() in your <code>swSrc</code> file.</p>
+                        <p>E.g. <code>[/pages/, /articles/]</code></p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>cacheId</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">String</p>
+                        <p>An optional ID to be prepended to caches used by <code>workbox-sw</code>. This is primarily useful for local development where multiple sites may be served from the same <code>http://localhost</code> origin.</p>
+                        <p>Note: This option is only valid when used with generateSW(). When using
+                          <a href="module-workbox-build.html#.injectManifest">injectManifest()</a>, you can explicitly pass the desired value in to the WorkboxSW() constructor in your <code>swSrc</code> file.
+                        </p>
+                        <p>E.g. <code>'my-app-name'</code></p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>skipWaiting</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">Boolean</p>
+                        <p>Whether or not the service worker should skip over the <a href="/web/fundamentals/instant-and-offline/service-worker/lifecycle#waiting">waiting</a> lifecycle stage.</p>
+                        <p>Note: This option is only valid when used with generateSW(). When using
+                          <a href="module-workbox-build.html#.injectManifest">injectManifest()</a>, you can explicitly pass the desired value in to the WorkboxSW() constructor in your <code>swSrc</code> file.
+                        </p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>clientsClaim</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">Boolean</p>
+                        <p>Whether or not the service worker should <a href="/web/fundamentals/instant-and-offline/service-worker/lifecycle#clientsclaim">start controlling</a> any existing clients as soon as it activates.</p>
+                        <p>Note: This option is only valid when used with generateSW(). When using
+                          <a href="module-workbox-build.html#.injectManifest">injectManifest()</a>, you can explicitly pass the desired value in to the WorkboxSW() constructor in your <code>swSrc</code> file.
+                        </p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>directoryIndex</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">string</p>
+                        <p>If a request for a URL ending in '/' fails, this value will be appended to the URL and a second request will be made.</p>
+                        <p>This should be configured to whatever your web server is using, if anything, for its <a href="https://httpd.apache.org/docs/2.0/mod/mod_dir.html">directory index</a>.</p>
+                        <p>Note: This option is only valid when used with generateSW(). When using
+                          <a href="module-workbox-build.html#.injectManifest">injectManifest()</a>, you can explicitly pass the desired value in to the WorkboxSW() constructor in your <code>swSrc</code> file.
+                        </p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>runtimeCaching</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">Array of Object</p>
+                        <p>Passing in an array of objects containing <code>urlPattern</code>s, <code>handler</code>s, and potentially <code>option</code>s that will add the appropriate code to the generated service worker to handle runtime caching.
+                        </p>
+                        <p>Requests for precached URLs that are picked up via <code>globPatterns</code> are handled by default, and don't need to be accomodated in <code>runtimeCaching</code>.</p>
+                        <p>The <code>handler</code> values correspond the names of the strategies supported by <code>workbox-sw</code>.</p>
+                        <p>Note: This option is only valid when used with generateSW(). When using
+                          <a href="module-workbox-build.html#.injectManifest">injectManifest()</a>, you can explicitly add in the corresponding runtime caching behavior via registerRoute() in your
+                          <code>swSrc</code> file.</p>
+                        <p>E.g.</p>
+                        <pre class="prettyprint source lang-js"><code>[{
+  // You can use a RegExp as the pattern:
+  urlPattern: /.jpg$/,
+  handler: 'cacheFirst',
+  // Any options provided will be used when
+  // creating the caching strategy.
+  options: {
+    cacheName: 'image-cache',
+    cacheExpiration: {
+      maxEntries: 10,
+    },
+  },
+}, {
+  // You can also use Express-style strings:
+  urlPattern: 'https://example.com/path/to/:file',
+  handler: 'staleWhileRevalidate',
+  options: {
+    cacheableResponse: {
+         statuses: [0],
+    },
+  },
+}]</code></pre>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>ignoreUrlParametersMatching</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">Array of RegExp</p>
+                        <p>Any search parameter names that match against one of the regex's in this array will be removed before looking for a precache match.</p>
+                        <p>This is useful if your users might request URLs that contain, for example, URL parameters used to track the source of the traffic. Those URL parameters would normally cause the cache lookup to fail, since the URL strings used as
+                          cache keys would not be expected to include them.</p>
+                        <p>You can use <code>[/./]</code> to ignore all URL parameters.</p>
+                        <p>Note: This option is only valid when used with generateSW(). When using
+                          <a href="module-workbox-build.html#.injectManifest">injectManifest()</a>, you can explicitly pass the desired value in to the WorkboxSW() constructor in your <code>swSrc</code> file.
+                        </p>
+                        <p>E.g. <code>[/homescreen/]</code></p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>handleFetch</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">Boolean</p>
+                        <p>Whether or not <code>workbox-sw</code> should create a <code>fetch</code> event handler that responds to network requests. This is useful during development if you don't want the service worker serving stale content.
+                        </p>
+                        <p>Note: This option is only valid when used with generateSW(). When using
+                          <a href="module-workbox-build.html#.injectManifest">injectManifest()</a>, you can explicitly pass the desired value in to the WorkboxSW() constructor in your <code>swSrc</code> file.
+                        </p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id=".ManifestEntry" class="symbol-name">ManifestEntry</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature">Object</p>
+              <section>
+                <h4>Properties</h4>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>url</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">String</p>
+                        <p>The URL to the asset in the manifest.</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>revision</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">String</p>
+                        <p>The revision details for the file. This is a hash generated by node based on the file contents.</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id=".ManifestTransform" class="symbol-name">ManifestTransform</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> ManifestTransform(manifestEntries)&nbsp;returns&nbsp;Array of ManifestEntry</p>
+              <p>A <code>ManifestTransform</code> function can be used to modify the modify the <code>url</code> or
+                <code>revision</code> properties of some or all of the ManifestEntries in the manifest.</p>
+              <p>Deleting the <code>revision</code> property of an entry will cause the corresponding <code>url</code> to be precached without cache-busting parameters applied, which is to say, it implies that the URL itself contains proper versioning info.
+                If the <code>revision</code> property is present, it must be set to a string.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>manifestEntries</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Array of ManifestEntry</p>
+                        <p>The full array of entries, prior to the current transformation.</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Array of ManifestEntry</code>&nbsp;The array of entries with the transformation applied.
+                  </p>
+                </dd>
+              </dl>
+              <section>
+                <h4>
+                  Examples
+                </h4>
+                <div>
+                  <pre class="prettyprint"><code>&lt;caption&gt;A transformation that prepended the origin of a CDN for any
+URL starting with &#x27;/assets/&#x27; could be implemented as:&lt;/caption&gt;
+
+const cdnTransform &#x3D; (manifestEntries) &#x3D;&gt; manifestEntries.map(entry &#x3D;&gt; {
+  const cdnOrigin &#x3D; &#x27;https://example.com&#x27;;
+  if (entry.url.startsWith(&#x27;/assets/&#x27;)) {
+    entry.url &#x3D; cdnOrigin + entry.url;
+  }
+  return entry;
+});</code></pre>
+                </div>
+                <div>
+                  <pre class="prettyprint"><code>&lt;caption&gt;A transformation that removes the revision field when the
+URL contains an 8-character hash surrounded by &#x27;.&#x27;, indicating that it
+already contains revision information:&lt;/caption&gt;
+
+const removeRevisionTransform &#x3D; (manifestEntries) &#x3D;&gt; {
+  return manifestEntries.map(entry &#x3D;&gt; {
+    const hashRegExp &#x3D; /\.\w{8}\./;
+    if (entry.url.match(hashRegExp)) {
+      delete entry.revision;
+    }
+    return entry;
+  });
+};</code></pre>
+                </div>
+              </section>
+            </section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/module-workbox-webpack-plugin-WorkboxWebpackPlugin.html b/src/content/en/tools/workbox/v3/reference-docs/latest/module-workbox-webpack-plugin-WorkboxWebpackPlugin.html
new file mode 100644
index 00000000000..86211542477
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/module-workbox-webpack-plugin-WorkboxWebpackPlugin.html
@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Class: WorkboxWebpackPlugin</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small><a href="module-workbox-webpack-plugin.html">workbox-webpack-plugin</a>~<wbr></small><span class="symbol-name">WorkboxWebpackPlugin</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>class</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-inner"><small>inner</small></span></div>
+          </header>
+          <section>
+            <h2>Constructor</h2>
+            <section>
+              <h3 id="WorkboxWebpackPlugin" class="symbol-name">WorkboxWebpackPlugin</h3>
+              <p class="type-signature"> new WorkboxWebpackPlugin(config)
+              </p>
+              <p>Creates an instance of WorkboxWebpackPlugin.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>config</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types"><a href="module-workbox-build.html#.Configuration">module:workbox-build.Configuration</a></p>
+                        <p>All the options as passed to <a href="module-workbox-build.html#.generateSWString">module:workbox-build.generateSWString</a>.</p>
+                        <p>Values in <code>config</code> have the following properties:</p>
+                        <table class="function param responsive">
+                          <tr>
+                            <th colspan="2">
+                              <h4>Parameter</h4>
+                            </th>
+                          </tr>
+                          <tbody>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>chunks</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">Array of String</p>
+                                <p>Array of chunk names to use for generating the asset manifest. All assets belonging to the provided chunk names will be included in the asset manifest. Any chunks that are not listed or do not have a name will be removed.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>excludeChunks</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">Array of String</p>
+                                <p>Array of chunk names to exclude from the asset manifest. Any asset beloning to the provided chunk names will not be included in the asset manifest. This does not affect chunks with no chunk name.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>filename</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">string</p>
+                                <p>Name of the service worker file</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>manifestFilename</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">string</p>
+                                <p>Name of the manifest file that will be written to the build directory</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>swSrc</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">string</p>
+                                <p>Path to an existing service worker file. Will be added to the webpack compilation and prepended with importScripts('workbox-sw.js', 'file-manifest.js')</p>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+          </section>
+          <section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/module-workbox-webpack-plugin.html b/src/content/en/tools/workbox/v3/reference-docs/latest/module-workbox-webpack-plugin.html
new file mode 100644
index 00000000000..d1226ccf1f5
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/module-workbox-webpack-plugin.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Module: workbox-webpack-plugin</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small></small><span class="symbol-name">workbox-webpack-plugin</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>module</small></span></div>
+            <p>This module exports the <code>WorkboxWebpackPlugin</code>.</p>
+            <p>Use an instance of <code>WorkboxWebpackPlugin</code> in the
+              <a href="https://webpack.js.org/concepts/plugins/#usage"><code>plugins</code> array</a> of a webpack config.</p>
+          </header>
+          <section>
+            <h2>Class</h2>
+            <section id='members-links'>
+              <h3 class="class-list"><a href="module-workbox-webpack-plugin-WorkboxWebpackPlugin.html">WorkboxWebpackPlugin</a></h3>
+              <p>Creates an instance of WorkboxWebpackPlugin.</p>
+            </section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-background-sync_Queue.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-background-sync_Queue.mjs.html
new file mode 100644
index 00000000000..892967cc82f
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-background-sync_Queue.mjs.html
@@ -0,0 +1,240 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-background-sync/Queue.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-background-sync/Queue.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+ Copyright 2017 Google Inc. All Rights Reserved.
+ Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+import {WorkboxError} from &#x27;workbox-core/_private/WorkboxError.mjs&#x27;;
+import {QueueStore} from &#x27;./models/QueueStore.mjs&#x27;;
+import StorableRequest from &#x27;./models/StorableRequest.mjs&#x27;;
+import {TAG_PREFIX, MAX_RETENTION_TIME} from &#x27;./utils/constants.mjs&#x27;;
+import &#x27;./_version.mjs&#x27;;
+
+const queueNames &#x3D; new Set();
+
+
+/**
+ * A class to manage storing failed requests in IndexedDB and retrying them
+ * later. All parts of the storing and replaying process are observable via
+ * callbacks.
+ *
+ * @memberof workbox.backgroundSync
+ */
+class Queue {
+  /**
+   * Creates an instance of Queue with the given options
+   *
+   * @param {string} name The unique name for this queue. This name must be
+   *     unique as it&#x27;s used to register sync events and store requests
+   *     in IndexedDB specific to this instance. An error will be thrown if
+   *     a duplicate name is detected.
+   * @param {Object} [options]
+   * @param {Object} [options.callbacks] Callbacks to observe the lifecycle of
+   *     queued requests. Use these to respond to or modify the requests
+   *     during the replay process.
+   * @param {function(StorableRequest):undefined}
+   *     [options.callbacks.requestWillEnqueue]
+   *     Invoked immediately before the request is stored to IndexedDB. Use
+   *     this callback to modify request data at store time.
+   * @param {function(StorableRequest):undefined}
+   *     [options.callbacks.requestWillReplay]
+   *     Invoked immediately before the request is re-fetched. Use this
+   *     callback to modify request data at fetch time.
+   * @param {function(Array&amp;lt;StorableRequest&gt;):undefined}
+   *     [options.callbacks.queueDidReplay]
+   *     Invoked after all requests in the queue have successfully replayed.
+   * @param {number} [options.maxRetentionTime &#x3D; 7 days] The amount of time (in
+   *     ms) a request may be retried. After this amount of time has passed,
+   *     the request will be deleted from the queue.
+   */
+  constructor(name, {
+    callbacks &#x3D; {},
+    maxRetentionTime &#x3D; MAX_RETENTION_TIME,
+  } &#x3D; {}) {
+    // Ensure the store name is not already being used
+    if (queueNames.has(name)) {
+      throw new WorkboxError(&#x27;duplicate-queue-name&#x27;, {name});
+    } else {
+      queueNames.add(name);
+    }
+
+    this._name &#x3D; name;
+    this._callbacks &#x3D; callbacks;
+    this._maxRetentionTime &#x3D; maxRetentionTime;
+    this._queueStore &#x3D; new QueueStore(this);
+
+    this._addSyncListener();
+  }
+
+  /**
+   * @return {string}
+   */
+  get name() {
+    return this._name;
+  }
+
+  /**
+   * Stores the passed request into IndexedDB. The database used is
+   * &#x60;workbox-background-sync&#x60; and the object store name is the same as
+   * the name this instance was created with (to guarantee it&#x27;s unique).
+   *
+   * @param {Request} request The request object to store.
+   */
+  async addRequest(request) {
+    const storableRequest &#x3D; await StorableRequest.fromRequest(request.clone());
+
+    await this._runCallback(&#x27;requestWillEnqueue&#x27;, storableRequest);
+
+    await this._queueStore.addEntry(storableRequest);
+    await this._registerSync();
+  }
+
+  /**
+   * Retrieves all stored requests in IndexedDB and retries them. If the
+   * queue contained requests that were successfully replayed, the
+   * &#x60;queueDidReplay&#x60; callback is invoked (which implies the queue is
+   * now empty). If any of the requests fail, a new sync registration is
+   * created to retry again later.
+   */
+  async replayRequests() {
+    const now &#x3D; Date.now();
+    const replayedRequests &#x3D; [];
+    const failedRequests &#x3D; [];
+
+    let storableRequest;
+    while (storableRequest &#x3D; await this._queueStore.getAndRemoveOldestEntry()) {
+      // Ignore requests older than maxRetentionTime.
+      if (now - storableRequest.timestamp &gt; this._maxRetentionTime) {
+        continue;
+      }
+
+      await this._runCallback(&#x27;requestWillReplay&#x27;, storableRequest);
+
+      const replay &#x3D; {request: storableRequest.toRequest()};
+
+      try {
+        // Clone the request before fetching so callbacks get an unused one.
+        replay.response &#x3D; await fetch(replay.request.clone());
+      } catch (err) {
+        replay.error &#x3D; err;
+        failedRequests.push(storableRequest);
+      }
+
+      replayedRequests.push(replay);
+    }
+
+    // If any requests failed, put the failed requests back in the queue
+    // and register for another sync.
+    if (failedRequests.length) {
+      await Promise.all(failedRequests.map((storableRequest) &#x3D;&gt; {
+        return this._queueStore.addEntry(storableRequest);
+      }));
+
+      await this._registerSync();
+    }
+
+    await this._runCallback(&#x27;queueDidReplay&#x27;, replayedRequests);
+  }
+
+  /**
+   * Runs the passed callback if it exists.
+   *
+   * @private
+   * @param {string} name The name of the callback on this._callbacks.
+   * @param {...*} args The arguments to invoke the callback with.
+   */
+  async _runCallback(name, ...args) {
+    if (typeof this._callbacks[name] &#x3D;&#x3D;&#x3D; &#x27;function&#x27;) {
+      await this._callbacks[name].apply(null, args);
+    }
+  }
+
+  /**
+   * In sync-supporting browsers, this adds a listener for the sync event.
+   * In non-sync-supporting browsers, this will retry the queue on service
+   * worker startup.
+   *
+   * @private
+   */
+  _addSyncListener() {
+    if (&#x27;sync&#x27; in registration) {
+      self.addEventListener(&#x27;sync&#x27;, (event) &#x3D;&gt; {
+        event.waitUntil(this.replayRequests());
+      });
+    } else {
+      // If the browser doesn&#x27;t support background sync, retry
+      // every time the service worker starts up as a fallback.
+      this.replayRequests();
+    }
+  }
+
+  /**
+   * Registers a sync event with a tag unique to this instance.
+   *
+   * @private
+   */
+  async _registerSync() {
+    try {
+      await registration.sync.register(&#x60;${TAG_PREFIX}:${this._name}&#x60;);
+    } catch (err) {
+      // This means the registration failed for some reason, either because
+      // the browser doesn&#x27;t supported it or because the user has disabled it.
+      // In either case, do nothing.
+    }
+  }
+
+  /**
+   * Returns the set of queue names. This is primarily used to reset the list
+   * of queue names in tests.
+   *
+   * @return {Set}
+   *
+   * @private
+   */
+  static get _queueNames() {
+    return queueNames;
+  }
+}
+
+export {Queue};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-background-sync_QueuePlugin.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-background-sync_QueuePlugin.mjs.html
new file mode 100644
index 00000000000..401fc73a670
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-background-sync_QueuePlugin.mjs.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-background-sync/QueuePlugin.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-background-sync/QueuePlugin.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+ Copyright 2017 Google Inc. All Rights Reserved.
+ Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+import &#x27;./_version.mjs&#x27;;
+
+/**
+ * A class implementing the &#x60;fetchDidFail&#x60; lifecycle callback. This makes it
+ * easier to add failed requests to a background sync Queue.
+ *
+ * @memberof workbox.backgroundSync
+ */
+class QueuePlugin {
+  /**
+   * @param {Queue} queue The Queue instance to add failed requests to.
+   */
+  constructor(queue) {
+    this._queue &#x3D; queue;
+    this.fetchDidFail &#x3D; this.fetchDidFail.bind(this);
+  }
+
+  /**
+   * @param {Object} options
+   * @param {Request} options.request
+   * @private
+   */
+  async fetchDidFail({request}) {
+    await this._queue.addRequest(request);
+  }
+}
+
+export {QueuePlugin};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-background-sync_index.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-background-sync_index.mjs.html
new file mode 100644
index 00000000000..0e186532764
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-background-sync_index.mjs.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-background-sync/index.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-background-sync/index.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+ Copyright 2017 Google Inc. All Rights Reserved.
+ Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+import &#x27;./_version.mjs&#x27;;
+
+/**
+ * @namespace workbox.backgroundSync
+ */
+
+export * from &#x27;./_public.mjs&#x27;;
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-background-sync_models_StorableRequest.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-background-sync_models_StorableRequest.mjs.html
new file mode 100644
index 00000000000..d12106b0c45
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-background-sync_models_StorableRequest.mjs.html
@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-background-sync/models/StorableRequest.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-background-sync/models/StorableRequest.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+ Copyright 2017 Google Inc. All Rights Reserved.
+ Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+import &#x27;../_version.mjs&#x27;;
+
+const serializableProperties &#x3D; [
+  &#x27;method&#x27;,
+  &#x27;referrer&#x27;,
+  &#x27;referrerPolicy&#x27;,
+  &#x27;mode&#x27;,
+  &#x27;credentials&#x27;,
+  &#x27;cache&#x27;,
+  &#x27;redirect&#x27;,
+  &#x27;integrity&#x27;,
+  &#x27;keepalive&#x27;,
+  &#x27;signal&#x27;,
+];
+
+
+/**
+ * A class to make it easier to serialize and de-serialize requests so they
+ * can be stored in IndexedDB.
+ *
+ * @private
+ */
+export default class StorableRequest {
+  /**
+   * Converts a Request object to a plain object that can be structured
+   * cloned or JSON-stringified.
+   *
+   * @param {Request} request
+   * @return {Promise&amp;lt;StorableRequest&gt;}
+   */
+  static async fromRequest(request) {
+    const requestInit &#x3D; {headers: {}};
+
+    // Set the body if present.
+    if (request.method !&#x3D;&#x3D; &#x27;GET&#x27;) {
+      // Use blob to support non-text request bodies,
+      // and clone first in case the caller still needs the request.
+      requestInit.body &#x3D; await request.clone().blob();
+    }
+
+    // Convert the headers from an iterable to an object.
+    for (const [key, value] of request.headers.entries()) {
+      requestInit.headers[key] &#x3D; value;
+    }
+
+    // Add all other serializable request properties
+    for (const prop of serializableProperties) {
+      if (request[prop] !&#x3D;&#x3D; undefined) {
+        requestInit[prop] &#x3D; request[prop];
+      }
+    }
+
+    return new StorableRequest({url: request.url, requestInit});
+  }
+
+  /**
+   * Accepts a URL and RequestInit dictionary that can be used to create a
+   * new Request object. A timestamp is also generated so consumers can
+   * reference when the object was created.
+   *
+   * @param {Object} param1
+   * @param {string} param1.url
+   * @param {Object} param1.requestInit
+   *     See: https://fetch.spec.whatwg.org/#requestinit
+   * @param {number} param1.timestamp The time the request was created,
+   *     defaulting to the current time if not specified.
+   */
+  constructor({url, requestInit, timestamp &#x3D; Date.now()}) {
+    this.url &#x3D; url;
+    this.requestInit &#x3D; requestInit;
+
+    // &quot;Private&quot;
+    this._timestamp &#x3D; timestamp;
+  }
+
+  /**
+   * Gets the private _timestamp property.
+   *
+   * @return {number}
+   */
+  get timestamp() {
+    return this._timestamp;
+  }
+
+  /**
+   * Coverts this instance to a plain Object.
+   *
+   * @return {Object}
+   */
+  toObject() {
+    return {
+      url: this.url,
+      timestamp: this.timestamp,
+      requestInit: this.requestInit,
+    };
+  }
+
+  /**
+   * Converts this instance to a Request.
+   *
+   * @return {Request}
+   */
+  toRequest() {
+    return new Request(this.url, this.requestInit);
+  }
+}
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_entry-points_generate-sw-string.js.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_entry-points_generate-sw-string.js.html
new file mode 100644
index 00000000000..8721c02168d
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_entry-points_generate-sw-string.js.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-build/src/entry-points/generate-sw-string.js</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-build/src/entry-points/generate-sw-string.js</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+const generateSWStringSchema &#x3D; require(&#x27;./options/generate-sw-string-schema&#x27;);
+const getFileManifestEntries &#x3D; require(&#x27;../lib/get-file-manifest-entries&#x27;);
+const populateSWTemplate &#x3D; require(&#x27;../lib/populate-sw-template&#x27;);
+const validate &#x3D; require(&#x27;./options/validate&#x27;);
+
+/**
+ * This method generates a service worker based on the configuration options
+ * provided.
+ *
+ * @param {Object} input
+ * @return {Promise&amp;lt;String&gt;} A populated service worker template, based on the
+ * other configuration options provided.
+ *
+ * @memberof module:workbox-build
+ */
+async function generateSWString(input) {
+  const options &#x3D; validate(input, generateSWStringSchema);
+
+  const {manifestEntries} &#x3D; await getFileManifestEntries(options);
+
+  return populateSWTemplate(Object.assign({
+    manifestEntries,
+  }, options));
+}
+
+module.exports &#x3D; generateSWString;
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_entry-points_generate-sw.js.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_entry-points_generate-sw.js.html
new file mode 100644
index 00000000000..cc25841a72a
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_entry-points_generate-sw.js.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-build/src/entry-points/generate-sw.js</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-build/src/entry-points/generate-sw.js</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+const path &#x3D; require(&#x27;path&#x27;);
+
+const cdnUtils &#x3D; require(&#x27;../lib/cdn-utils&#x27;);
+const copyWorkboxLibraries &#x3D; require(&#x27;../lib/copy-workbox-libraries&#x27;);
+const generateSWSchema &#x3D; require(&#x27;./options/generate-sw-schema&#x27;);
+const getFileManifestEntries &#x3D; require(&#x27;../lib/get-file-manifest-entries&#x27;);
+const validate &#x3D; require(&#x27;./options/validate&#x27;);
+const writeServiceWorkerUsingDefaultTemplate &#x3D;
+  require(&#x27;../lib/write-sw-using-default-template&#x27;);
+
+/**
+ * This method creates a list of URLs to precache, referred to as a &quot;precache
+ * manifest&quot;, based on the options you provide.
+ *
+ * It also takes in additional options that configures the service worker&#x27;s
+ * behavior, like any &#x60;runtimeCaching&#x60; rules it should use.
+ *
+ * Based on the precache manifest and the additional configuration, it writes
+ * a ready-to-use service worker file to disk at &#x60;swDest&#x60;.
+ *
+ * @param {Object} input
+ * @return {Promise&amp;lt;{count: Number, size: Number}&gt;} A promise that resolves once
+ * the service worker file has been written to &#x60;swDest&#x60;. The &#x60;size&#x60; property
+ * contains the aggregate size of all the precached entries, in bytes, and the
+ * &#x60;count&#x60; property contains the total number of precached entries.
+ *
+ * @memberof module:workbox-build
+ */
+async function generateSW(input) {
+  const options &#x3D; validate(input, generateSWSchema);
+
+  const destDirectory &#x3D; path.dirname(options.swDest);
+
+  if (options.importWorkboxFromCDN) {
+    const cdnUrl &#x3D; cdnUtils.getModuleUrl(&#x27;workbox-sw&#x27;);
+    // importScripts may or may not already be an array containing other URLs.
+    // Either way, list cdnUrl first.
+    options.importScripts &#x3D; [cdnUrl].concat(options.importScripts || []);
+  } else {
+    // If we&#x27;re not importing the Workbox scripts from the CDN, then copy
+    // over the dev + prod version of all of the core libraries.
+    const workboxDirectoryName &#x3D; await copyWorkboxLibraries(destDirectory);
+
+    // The Workbox library files should not be precached, since they&#x27;re cached
+    // automatically by virtue of being used with importScripts().
+    options.globIgnores &#x3D; [
+      &#x60;**/${workboxDirectoryName}/*.js*&#x60;,
+    ].concat(options.globIgnores || []);
+
+    const workboxSWPkg &#x3D; require(&#x60;workbox-sw/package.json&#x60;);
+    const workboxSWFilename &#x3D; path.basename(workboxSWPkg.main);
+
+    // importScripts may or may not already be an array containing other URLs.
+    // Either way, list workboxSWFilename first.
+    options.importScripts &#x3D; [
+      &#x60;${workboxDirectoryName}/${workboxSWFilename}&#x60;,
+    ].concat(options.importScripts || []);
+
+    options.modulePathPrefix &#x3D; workboxDirectoryName;
+  }
+
+  const {count, size, manifestEntries} &#x3D; await getFileManifestEntries(options);
+
+  await writeServiceWorkerUsingDefaultTemplate(Object.assign({
+    manifestEntries,
+  }, options));
+
+  return {count, size};
+}
+
+module.exports &#x3D; generateSW;
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_entry-points_get-manifest.js.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_entry-points_get-manifest.js.html
new file mode 100644
index 00000000000..2550fbf205d
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_entry-points_get-manifest.js.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-build/src/entry-points/get-manifest.js</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-build/src/entry-points/get-manifest.js</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+const getFileManifestEntries &#x3D; require(&#x27;../lib/get-file-manifest-entries&#x27;);
+const getManifestSchema &#x3D; require(&#x27;./options/get-manifest-schema&#x27;);
+const validate &#x3D; require(&#x27;./options/validate&#x27;);
+
+/**
+ * This method returns a list of URLs to precache, referred to as a &quot;precache
+ * manifest&quot;, along with details about the number of entries and their size,
+ * based on the options you provide.
+ *
+ * @param {Object} input
+ * @return {Promise&amp;lt;{manifestEntries: Array&amp;lt;ManifestEntry&gt;,
+ * count: Number, size: Number}&gt;} A promise that resolves once the precache
+ * manifest is determined. The &#x60;size&#x60; property contains the aggregate size of
+ * all the precached entries, in bytes, the &#x60;count&#x60; property contains the total
+ * number of precached entries, and the &#x60;manifestEntries&#x60; property contains all
+ * the &#x60;ManifestEntry&#x60; items.
+ *
+ * @memberof module:workbox-build
+ */
+async function getManifest(input) {
+  const options &#x3D; validate(input, getManifestSchema);
+
+  const {manifestEntries, count, size} &#x3D; await getFileManifestEntries(options);
+  return {manifestEntries, count, size};
+}
+
+module.exports &#x3D; getManifest;
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_entry-points_inject-manifest.js.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_entry-points_inject-manifest.js.html
new file mode 100644
index 00000000000..38c851d22a8
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_entry-points_inject-manifest.js.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-build/src/entry-points/inject-manifest.js</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-build/src/entry-points/inject-manifest.js</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+const assert &#x3D; require(&#x27;assert&#x27;);
+const fse &#x3D; require(&#x27;fs-extra&#x27;);
+const path &#x3D; require(&#x27;path&#x27;);
+
+const errors &#x3D; require(&#x27;../lib/errors&#x27;);
+const getFileManifestEntries &#x3D; require(&#x27;../lib/get-file-manifest-entries&#x27;);
+const injectManifestSchema &#x3D; require(&#x27;./options/inject-manifest-schema&#x27;);
+const validate &#x3D; require(&#x27;./options/validate&#x27;);
+
+/**
+ * This method creates a list of URLs to precache, referred to as a &quot;precache
+ * manifest&quot;, based on the options you provide.
+ *
+ * The manifest is injected into the &#x60;swSrc&#x60; file, and the regular expression
+ * &#x60;injectionPointRegexp&#x60; determines where in the file the manifest should go.
+ *
+ * The final service worker file, with the manifest injected, is written to
+ * disk at &#x60;swDest&#x60;.
+ *
+ * @param {Object} input
+ * @return {Promise&amp;lt;{count: Number, size: Number}&gt;} A promise that resolves once
+ * the service worker file has been written to &#x60;swDest&#x60;. The &#x60;size&#x60; property
+ * contains the aggregate size of all the precached entries, in bytes, and the
+ * &#x60;count&#x60; property contains the total number of precached entries.
+ *
+ * @memberof module:workbox-build
+ */
+async function injectManifest(input) {
+  const options &#x3D; validate(input, injectManifestSchema);
+
+  if (path.normalize(input.swSrc) &#x3D;&#x3D;&#x3D; path.normalize(input.swDest)) {
+    throw new Error(errors[&#x27;same-src-and-dest&#x27;]);
+  }
+
+  const globalRegexp &#x3D; new RegExp(options.injectionPointRegexp, &#x27;g&#x27;);
+
+  const {count, size, manifestEntries} &#x3D; await getFileManifestEntries(options);
+  let swFileContents;
+  try {
+    swFileContents &#x3D; await fse.readFile(input.swSrc, &#x27;utf8&#x27;);
+  } catch (error) {
+    throw new Error(&#x60;${errors[&#x27;invalid-sw-src&#x27;]} ${error.message}&#x60;);
+  }
+
+  const injectionResults &#x3D; swFileContents.match(globalRegexp);
+  assert(injectionResults, errors[&#x27;injection-point-not-found&#x27;] +
+    &#x60; ${options.injectionPointRegexp}&#x60;);
+  assert(injectionResults.length &#x3D;&#x3D;&#x3D; 1, errors[&#x27;multiple-injection-points&#x27;] +
+    &#x60; ${options.injectionPointRegexp}&#x60;);
+
+  const entriesString &#x3D; JSON.stringify(manifestEntries, null, 2);
+  swFileContents &#x3D; swFileContents.replace(globalRegexp, &#x60;$1${entriesString}$2&#x60;);
+
+  try {
+    await fse.mkdirp(path.dirname(options.swDest));
+  } catch (error) {
+    throw new Error(errors[&#x27;unable-to-make-injection-directory&#x27;] +
+      &#x60; &#x27;${error.message}&#x27;&#x60;);
+  }
+
+  await fse.writeFile(input.swDest, swFileContents);
+
+  return {count, size};
+}
+
+module.exports &#x3D; injectManifest;
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_index.js.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_index.js.html
new file mode 100644
index 00000000000..b2672aa2ce5
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_index.js.html
@@ -0,0 +1,431 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-build/src/index.js</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-build/src/index.js</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+const copyWorkboxLibraries &#x3D; require(&#x27;./lib/copy-workbox-libraries&#x27;);
+const generateSW &#x3D; require(&#x27;./entry-points/generate-sw&#x27;);
+const generateSWString &#x3D; require(&#x27;./entry-points/generate-sw-string&#x27;);
+const getManifest &#x3D; require(&#x27;./entry-points/get-manifest&#x27;);
+const injectManifest &#x3D; require(&#x27;./entry-points/inject-manifest&#x27;);
+
+/**
+ * This Node module can be used to generate a list of assets that should be
+ * precached in a service worker, generating a hash that can be used to
+ * intelligently update a cache when the service worker is updated.
+ *
+ * This module will use glob patterns to find assets in a given directory
+ * and use the resulting URL and revision data for one of the follow uses:
+ *
+ * 1. Generate a complete service worker with precaching and some basic
+ * configurable options, writing the resulting service worker file to disk. See
+ * [generateSW()]{@link module:workbox-build.generateSW}.
+ * 1. Generate a complete service worker with precaching and some basic
+ * configurable options, without writing the results to disk. See
+ * [generateSWString()]{@link module:workbox-build.generateSWString}.
+ * 1. Inject a manifest into an existing service worker. This allows you
+ * to control your own service worker while still taking advantage of
+ * [workboxSW.precache()]{@link module:workbox-sw.WorkboxSW#precache} logic.
+ * See [injectManifest()]{@link module:workbox-build.injectManifest}.
+ * 1. Just generate a manifest, not a full service worker file.
+ * This is useful if you want to make use of the manifest from your own existing
+ * service worker file and are okay with including the manifest yourself.
+ * See [getManifest()]{@link module:workbox-build.getManifest}.
+ *
+ * @module workbox-build
+ */
+
+/**
+ * These are the full set of options that could potentially be used to configure
+ * one of the build tools. Each of the build tools has a slightly different way
+ * of providing this configuration:
+ *
+ * - When using the &#x60;workbox-build&#x60; module directly, pass the
+ * configuration object to appropriate method. For example,
+ * &#x60;workboxBuild.injectManifest(configuration)&#x60; or
+ * &#x60;workboxBuild.generateSW(configuration)&#x60;.
+ *
+ * - When using the &#x60;workbox-cli&#x60; command line interface, use the
+ * &#x60;--config-file&#x60; flag to point to a
+ * [CommonJS module file](https://nodejs.org/docs/latest/api/modules.html) that
+ * assigns the configuration object to &#x60;module.exports&#x60;.
+ *
+ * - When using &#x60;workbox-webpack-plugin&#x60; within a
+ * [Webpack](https://webpack.js.org/) build, pass the configuration object to
+ * the plugin&#x27;s constructor, like
+ * &#x60;new WorkboxBuildWebpackPlugin(configuration)&#x60;.
+ *
+ * Some specific options might not make sense with certain combinations of
+ * interfaces. In those cases, the limitations are called out in the
+ * documentation, and may lead to build-time warnings or errors.
+ *
+ * Each option documented here includes an example, which, for the sake of
+ * illustration, assumes the following local filesystem setup. Please adjust
+ * the example values to match your actual setup.
+ *
+ * &#x60;&#x60;&#x60;sh
+ * ./
+ * ├── dev/
+ * │   ├── app.js
+ * │   ├── ignored.html
+ * │   ├── image.png
+ * │   ├── index.html
+ * │   ├── main.css
+ * │   ├── sw.js
+ * │   └── templates/
+ * │       └── app_shell.hbs
+ * └── dist/
+ *     ├── app.js
+ *     ├── image.png
+ *     ├── index.html
+ *     ├── main.css
+ *     └── sw.js
+ * &#x60;&#x60;&#x60;
+ *
+ * @typedef {Object} Configuration
+ *
+ * @property {String} swDest The path to the final service worker
+ * file that will be created by the build process, relative to the current
+ * working directory.
+ *
+ * E.g.: &#x60;&#x27;./dist/sw.js&#x27;&#x60;
+ *
+ * Note: This option is only valid when used with
+ * {@link module:workbox-build.generateSW|generateSW()} or
+ * {@link module:workbox-build.injectManifest|injectManifest()}.
+ *
+ * @property {String} swSrc The path to the source service worker
+ * containing a &#x60;precache([])&#x60; placeholder, which will be replaced with the
+ * precache manifest generated by the build.
+ *
+ * E.g.: &#x60;&#x27;./dev/sw.js&#x27;&#x60;
+ *
+ *  Note: This option is only valid when used with
+ *  {@link module:workbox-build.injectManifest|injectManifest()}.
+ *
+ * @property {String} swTemplate A service worker template that should be
+ * populated based on the configuration provided. The template should be in a
+ * format that [&#x60;lodash.template&#x60;](https://lodash.com/docs/4.17.4#template)
+ * understands.
+ *
+ * Note: This option is only valid when used with
+ * {@link module:workbox-build.generateSWNoFS|generateSWNoFS()}.
+ *
+ * @property {boolean} [importWorkboxFromCDN&#x3D;true] If &#x60;true&#x60;, the WorkboxSW
+ * runtime will be automatically imported into the generated service worker from
+ * the official CDN URL. If &#x60;false&#x60;, the WorkboxSW runtime will be copied
+ * locally into your &#x60;swDest&#x60; directory when using
+ * {@link module:workbox-build.generateSW|generateSW()}.
+ * If &#x60;process.env.NODE_ENV&#x60; is set to a string starting with &#x60;dev&#x60; then the
+ * &#x60;dev&#x60; bundle of WorkboxSW, with additional assertions and debugging info,
+ * will be used; otherwise, the &#x60;prod&#x60; bundle will be used.
+ *
+ * Note: This option is only valid when used with
+ * {@link module:workbox-build.generateSW|generateSW()} or
+ * {@link module:workbox-build.generateSWNoFS|generateSWNoFS()}.
+ *
+ * @property {Array&amp;lt;String&gt;} [importScripts] An optional list of JavaScript
+ * files that should be passed to
+ * [&#x60;importScripts()&#x60;](https://developer.mozilla.org/en-US/docs/Web/API/WorkerGlobalScope/importScripts)
+ * inside the generated service worker file.
+ *
+ * Note: This option is only valid when used with
+ * {@link module:workbox-build.generateSW|generateSW()} or
+ * {@link module:workbox-build.generateSWNoFS|generateSWNoFS()}.
+ *
+ * @property {Array&amp;lt;String&gt;} [globPatterns&#x3D;[&#x27;**\/*.{js,css,html}&#x27;]]
+ * Files matching against any of these
+ * [glob patterns](https://github.com/isaacs/node-glob) will be included in the
+ * precache manifest.
+ *
+ * E.g.: &#x60;&#x27;**\/*.{js,css,html,png}&#x27;&#x60;
+ *
+ * @property {String} globDirectory The base directory you wish to
+ * match &#x60;globPatterns&#x60; against, related to the current working directory.
+ *
+ * E.g.: &#x60;&#x27;./dev&#x27;&#x60;
+ *
+ * @property {String|Array&amp;lt;String&gt;} [globIgnores&#x3D;&#x27;node_modules&#x27;]
+ * Files matching against any of these glob patterns will be excluded from the
+ * file manifest, overriding any matches from &#x60;globPatterns&#x60;.
+ *
+ * E.g. &#x60;[&#x27;**\/ignored.html&#x27;]&#x60;
+ *
+ * @property {Object&amp;lt;String,Array|string&gt;} [templatedUrls]
+ * If a URL is rendered generated based on some server-side logic, its contents
+ * may depend on multiple files or on some other unique string value.
+ *
+ * If used with an array of strings, they will be interpreted as
+ * [glob patterns](https://github.com/isaacs/node-glob), and the contents of
+ * any files matching the patterns will be used to uniquely version the URL.
+ *
+ * If used with a single string, it will be interpreted as unique versioning
+ * information that you&#x27;ve generated out of band for a given URL.
+ *
+ * E.g.
+ * &#x60;&#x60;&#x60;js
+ * {
+ *   &#x27;/app-shell&#x27;: [
+ *     &#x27;dev/templates/app-shell.hbs&#x27;,
+ *     &#x27;dev/**\/*.css&#x27;,
+*    ],
+ *   &#x27;/other-page&#x27;: &#x27;my-version-info&#x27;,
+ * }
+ * &#x60;&#x60;&#x60;
+ *
+ * @property {number} [maximumFileSizeToCacheInBytes&#x3D;2097152]
+ * This value can be used to determine the maximum size of files that will be
+ * precached. This prevents you from inadvertantly precaching very large files
+ * that might have been accidentally match your &#x60;globPatterns&#x60; values.
+ *
+ * @property {Array&amp;lt;ManifestTransform&gt;} [manifestTransforms] An array of
+ * manifest transformations, which will be applied sequentially against the
+ * generated manifest. If &#x60;modifyUrlPrefix&#x60; or &#x60;dontCacheBustUrlsMatching&#x60; are
+ * also specified, their corresponding transformations will be applied first.
+ *
+ * See {@link module:workbox-build.ManifestTransform|ManifestTransform}.
+ *
+ * @property {Object&amp;lt;String,String&gt;} [modifyUrlPrefix] A mapping of
+ * prefixes that, if present in an entry in the precache manifest, will be
+ * replaced with the corresponding value.
+ *
+ * This can be used to, for example, remove or add a path prefix from a manifest
+ * entry if your web hosting setup doesn&#x27;t match your local filesystem setup.
+ *
+ * As an alternative with more flexibility, you can use the &#x60;manifestTransforms&#x60;
+ * option and provide a function that modifies the entries in the manifest using
+ * whatever logic you provide.
+ *
+ * E.g.
+ * &#x60;&#x60;&#x60;js
+ * {
+ *   &#x27;/prefix-to-remove&#x27;: &#x27;&#x27;,
+ * }
+ * &#x60;&#x60;&#x60;
+ *
+ * @property {RegExp} [dontCacheBustUrlsMatching] Assets that match this
+ * regex will be assumed to be uniquely versioned via their URL, an exempted
+ * from the normal HTTP cache-busting that&#x27;s done when populating the precache.
+ *
+ * While not required, it&#x27;s recommended that if your existing build process
+ * already inserts a &#x60;[hash]&#x60; value into each filename, you provide a RegExp
+ * that will detect those values, as it will reduce the amount of bandwidth
+ * consumed when precaching.
+ *
+ * E.g. &#x60;/\.\w{8}\./&#x60;
+ *
+ * @property {String} [navigateFallback] This will be used to create a
+ * {@link workbox.routing.NavigationRoute|NavigationRoute} that will
+ * respond to navigation requests for URLs that that aren&#x27;t precached.
+ *
+ * This is meant to be used in a
+ * [Single Page App](https://en.wikipedia.org/wiki/Single-page_application)
+ * scenario, in which you want all navigations to result in common App Shell
+ * HTML being reused.
+ *
+ * It&#x27;s *not* intended for use as a fallback that&#x27;s displayed when the browser
+ * is offline.
+ *
+ * Note: This option is only valid when used with
+ * {@link module:workbox-build#generateSW|generateSW()}. When using
+ * {@link module:workbox-build.injectManifest|injectManifest()}, you can
+ * explicitly add in a call to
+ * {@link module:workbox-sw.Router#registerNavigationRoute|
+ * registerNavigationRoute()}
+ * in your &#x60;swSrc&#x60; file.
+ *
+ * E.g. &#x60;&#x27;/app-shell&#x27;&#x60;
+ *
+ * @property {Array&amp;lt;RegExp&gt;} [navigateFallbackWhitelist&#x3D;/./] An optional
+ * array of regular expressions that restrict which URLs the navigation route
+ * applies to.
+ *
+ * Note: This option is only valid when used with
+ * {@link module:workbox-build#generateSW|generateSW()}. When using
+ * {@link module:workbox-build.injectManifest|injectManifest()}, you can
+ * explicitly add in the whitelist when calling
+ * {@link module:workbox-sw.Router#registerNavigationRoute|
+ * registerNavigationRoute()}
+ * in your &#x60;swSrc&#x60; file.
+ *
+ * E.g. &#x60;[/pages/, /articles/]&#x60;
+ *
+ * @property {String} [cacheId] An optional ID to be prepended to caches
+ * used by &#x60;workbox-sw&#x60;. This is primarily useful for local development where
+ * multiple sites may be served from the same &#x60;http://localhost&#x60; origin.
+ *
+ * Note: This option is only valid when used with
+ * {@link module:workbox-build#generateSW|generateSW()}. When using
+ * {@link module:workbox-build.injectManifest|injectManifest()}, you can
+ * explicitly pass the desired value in to the
+ * {@link module:workbox-sw.WorkboxSW|WorkboxSW() constructor} in your &#x60;swSrc&#x60;
+ * file.
+ *
+ * E.g. &#x60;&#x27;my-app-name&#x27;&#x60;
+ *
+ * @property {Boolean} [skipWaiting&#x3D;false] Whether or not the service worker
+ * should skip over the [waiting](/web/fundamentals/instant-and-offline/service-worker/lifecycle#waiting)
+ * lifecycle stage.
+ *
+ * Note: This option is only valid when used with
+ * {@link module:workbox-build#generateSW|generateSW()}. When using
+ * {@link module:workbox-build.injectManifest|injectManifest()}, you can
+ * explicitly pass the desired value in to the
+ * {@link module:workbox-sw.WorkboxSW|WorkboxSW() constructor} in your &#x60;swSrc&#x60;
+ * file.
+ *
+ * @property {Boolean} [clientsClaim&#x3D;false] Whether or not the service worker
+ * should [start controlling](/web/fundamentals/instant-and-offline/service-worker/lifecycle#clientsclaim)
+ * any existing clients as soon as it activates.
+ *
+ * Note: This option is only valid when used with
+ * {@link module:workbox-build#generateSW|generateSW()}. When using
+ * {@link module:workbox-build.injectManifest|injectManifest()}, you can
+ * explicitly pass the desired value in to the
+ * {@link module:workbox-sw.WorkboxSW|WorkboxSW() constructor} in your &#x60;swSrc&#x60;
+ * file.
+ *
+ * @property {string} [directoryIndex&#x3D;&#x27;index.html&#x27;] If a request for a URL
+ * ending in &#x27;/&#x27; fails, this value will be appended to the URL and a second
+ * request will be made.
+ *
+ * This should be configured to whatever your web server is using, if anything,
+ * for its [directory index](https://httpd.apache.org/docs/2.0/mod/mod_dir.html).
+ *
+ * Note: This option is only valid when used with
+ * {@link module:workbox-build#generateSW|generateSW()}. When using
+ * {@link module:workbox-build.injectManifest|injectManifest()}, you can
+ * explicitly pass the desired value in to the
+ * {@link module:workbox-sw.WorkboxSW|WorkboxSW() constructor} in your &#x60;swSrc&#x60;
+ * file.
+ *
+ * @property {Array&amp;lt;Object&gt;} [runtimeCaching] Passing in an array of objects
+ * containing &#x60;urlPattern&#x60;s, &#x60;handler&#x60;s, and potentially &#x60;option&#x60;s that will add
+ * the appropriate code to the generated service worker to handle runtime
+ * caching.
+ *
+ * Requests for precached URLs that are picked up via &#x60;globPatterns&#x60; are handled
+ * by default, and don&#x27;t need to be accomodated in &#x60;runtimeCaching&#x60;.
+ *
+ * The &#x60;handler&#x60; values correspond the names of the
+ * {@link module:workbox-sw.Strategies|strategies} supported by &#x60;workbox-sw&#x60;.
+ *
+ *
+ * Note: This option is only valid when used with
+ * {@link module:workbox-build#generateSW|generateSW()}. When using
+ * {@link module:workbox-build.injectManifest|injectManifest()}, you can
+ * explicitly add in the corresponding runtime caching behavior via
+ * {@link module:workbox-sw.Router#registerRoute|registerRoute()} in your
+ * &#x60;swSrc&#x60; file.
+ *
+ * E.g.
+ * &#x60;&#x60;&#x60;js
+ * [{
+ *   // You can use a RegExp as the pattern:
+ *   urlPattern: /.jpg$/,
+ *   handler: &#x27;cacheFirst&#x27;,
+ *   // Any options provided will be used when
+ *   // creating the caching strategy.
+ *   options: {
+ *     cacheName: &#x27;image-cache&#x27;,
+ *     cacheExpiration: {
+ *       maxEntries: 10,
+ *     },
+ *   },
+ * }, {
+ *   // You can also use Express-style strings:
+ *   urlPattern: &#x27;https://example.com/path/to/:file&#x27;,
+ *   handler: &#x27;staleWhileRevalidate&#x27;,
+ *   options: {
+ *     cacheableResponse: {
+         statuses: [0],
+ *     },
+ *   },
+ * }]
+ * &#x60;&#x60;&#x60;
+ *
+ * @property {Array&amp;lt;RegExp&gt;} [ignoreUrlParametersMatching&#x3D;[/^utm_/]] Any
+ * search parameter names that match against one of the regex&#x27;s in this array
+ * will be removed before looking for a precache match.
+ *
+ * This is useful if your users might request URLs that contain, for example,
+ * URL parameters used to track the source of the traffic. Those URL parameters
+ * would normally cause the cache lookup to fail, since the URL strings used
+ * as cache keys would not be expected to include them.
+ *
+ * You can use &#x60;[/./]&#x60; to ignore all URL parameters.
+ *
+ * Note: This option is only valid when used with
+ * {@link module:workbox-build#generateSW|generateSW()}. When using
+ * {@link module:workbox-build.injectManifest|injectManifest()}, you can
+ * explicitly pass the desired value in to the
+ * {@link module:workbox-sw.WorkboxSW|WorkboxSW() constructor} in your &#x60;swSrc&#x60;
+ * file.
+ *
+ * E.g. &#x60;[/homescreen/]&#x60;
+ *
+ * @property {Boolean} [handleFetch&#x3D;true] Whether or not &#x60;workbox-sw&#x60; should
+ * create a &#x60;fetch&#x60; event handler that responds to network requests. This is
+ * useful during development if you don&#x27;t want the service worker serving stale
+ * content.
+ *
+ * Note: This option is only valid when used with
+ * {@link module:workbox-build#generateSW|generateSW()}. When using
+ * {@link module:workbox-build.injectManifest|injectManifest()}, you can
+ * explicitly pass the desired value in to the
+ * {@link module:workbox-sw.WorkboxSW|WorkboxSW() constructor} in your &#x60;swSrc&#x60;
+ * file.
+ *
+ * @memberof module:workbox-build
+ */
+
+module.exports &#x3D; {
+  copyWorkboxLibraries,
+  generateSW,
+  generateSWString,
+  getManifest,
+  injectManifest,
+};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_lib_copy-workbox-libraries.js.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_lib_copy-workbox-libraries.js.html
new file mode 100644
index 00000000000..6f7ca40dbf5
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_lib_copy-workbox-libraries.js.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-build/src/lib/copy-workbox-libraries.js</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-build/src/lib/copy-workbox-libraries.js</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+const fse &#x3D; require(&#x27;fs-extra&#x27;);
+const path &#x3D; require(&#x27;path&#x27;);
+
+const errors &#x3D; require(&#x27;./errors&#x27;);
+const useBuildType &#x3D; require(&#x27;./use-build-type&#x27;);
+
+// Used to filter the libraries to copy based on our package.json dependencies.
+const WORKBOX_PREFIX &#x3D; &#x27;workbox-&#x27;;
+const BUILD_TYPES &#x3D; [
+  &#x27;dev&#x27;,
+  &#x27;prod&#x27;,
+];
+
+/**
+ * This copies over a set of runtime libraries used by Workbox into a
+ * local directory, which should be deployed alongside your service worker file.
+ *
+ * As an alternative to deploying these local copies, you could instead use
+ * Workbox from its official CDN URL.
+ *
+ * This method is exposed for the benefit of developers using
+ * [injectManifest()]{@link module:workbox-build.injectManifest} who would
+ * prefer not to use the CDN copies of Workbox. Developers using
+ * [generateSW()]{@link module:workbox-build.generateSW} don&#x27;t need to
+ * explicitly call this method, as it&#x27;s called automatically when
+ * &#x60;importWorkboxFromCDN&#x60; is set to &#x60;false&#x60;.
+ *
+ * @param {string} destDirectory The path to the parent directory under which
+ * the new directory of libraries will be created.
+ * @return {Promise&amp;lt;string&gt;} The name of the newly created directory.
+ *
+ * @alias module:workbox-build.copyWorkboxLibraries
+ */
+module.exports &#x3D; async (destDirectory) &#x3D;&gt; {
+  const thisPkg &#x3D; require(&#x27;../../package.json&#x27;);
+  // Use the version string from workbox-build in the name of the parent
+  // directory. This should be safe, because lerna will bump workbox-build&#x27;s
+  // pkg.version whenever one of the dependent libraries gets bumped, and we
+  // care about versioning the dependent libraries.
+  const workboxDirectoryName &#x3D; &#x60;workbox-v${thisPkg.version}&#x60;;
+  const workboxDirectoryPath &#x3D; path.join(destDirectory, workboxDirectoryName);
+  await fse.ensureDir(workboxDirectoryPath);
+
+  const copyPromises &#x3D; [];
+  const librariesToCopy &#x3D; Object.keys(thisPkg.dependencies).filter(
+    (dependency) &#x3D;&gt; dependency.startsWith(WORKBOX_PREFIX));
+  for (const library of librariesToCopy) {
+    const pkg &#x3D; require(&#x60;${library}/package.json&#x60;);
+    const defaultPathToLibrary &#x3D; require.resolve(&#x60;${library}/${pkg.main}&#x60;);
+
+    for (const buildType of BUILD_TYPES) {
+      const srcPath &#x3D; useBuildType(defaultPathToLibrary, buildType);
+      const destPath &#x3D; path.join(workboxDirectoryPath,
+        path.basename(srcPath));
+      copyPromises.push(fse.copy(srcPath, destPath));
+      copyPromises.push(fse.copy(&#x60;${srcPath}.map&#x60;, &#x60;${destPath}.map&#x60;));
+    }
+  }
+
+  try {
+    await Promise.all(copyPromises);
+    return workboxDirectoryName;
+  } catch (error) {
+    throw Error(&#x60;${errors[&#x27;unable-to-copy-workbox-libraries&#x27;]} ${error}&#x60;);
+  }
+};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_lib_filter-files.js.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_lib_filter-files.js.html
new file mode 100644
index 00000000000..72d3423e52d
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_lib_filter-files.js.html
@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-build/src/lib/filter-files.js</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-build/src/lib/filter-files.js</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+const maximumSizeTransform &#x3D; require(&#x27;./maximum-size-transform&#x27;);
+const modifyUrlPrefixTranform &#x3D; require(&#x27;./modify-url-prefix-transform&#x27;);
+const noRevisionForUrlsMatchingTransform &#x3D;
+  require(&#x27;./no-revision-for-urls-matching-transform&#x27;);
+
+/**
+ * A &#x60;ManifestTransform&#x60; function can be used to modify the modify the &#x60;url&#x60; or
+ * &#x60;revision&#x60; properties of some or all of the
+ * {@link module:workbox-build#ManifestEntry|ManifestEntries} in the manifest.
+ *
+ * Deleting the &#x60;revision&#x60; property of an entry will cause
+ * the corresponding &#x60;url&#x60; to be precached without cache-busting parameters
+ * applied, which is to say, it implies that the URL itself contains
+ * proper versioning info. If the &#x60;revision&#x60; property is present, it must be
+ * set to a string.
+ *
+ * @example &amp;lt;caption&gt;A transformation that prepended the origin of a CDN for any
+ * URL starting with &#x27;/assets/&#x27; could be implemented as:&amp;lt;/caption&gt;
+ *
+ * const cdnTransform &#x3D; (manifestEntries) &#x3D;&gt; manifestEntries.map(entry &#x3D;&gt; {
+ *   const cdnOrigin &#x3D; &#x27;https://example.com&#x27;;
+ *   if (entry.url.startsWith(&#x27;/assets/&#x27;)) {
+ *     entry.url &#x3D; cdnOrigin + entry.url;
+ *   }
+ *   return entry;
+ * });
+ *
+ * @example &amp;lt;caption&gt;A transformation that removes the revision field when the
+ * URL contains an 8-character hash surrounded by &#x27;.&#x27;, indicating that it
+ * already contains revision information:&amp;lt;/caption&gt;
+ *
+ * const removeRevisionTransform &#x3D; (manifestEntries) &#x3D;&gt; {
+ *   return manifestEntries.map(entry &#x3D;&gt; {
+ *     const hashRegExp &#x3D; /\.\w{8}\./;
+ *     if (entry.url.match(hashRegExp)) {
+ *       delete entry.revision;
+ *     }
+ *     return entry;
+ *   });
+ * };
+ *
+ * @callback ManifestTransform
+ * @param {Array&amp;lt;ManifestEntry&gt;} manifestEntries The full array of entries,
+ * prior to the current transformation.
+ * @return {Array&amp;lt;ManifestEntry&gt;} The array of entries with the transformation
+ * applied.
+ *
+ * @memberof module:workbox-build
+ */
+
+module.exports &#x3D; ({
+  dontCacheBustUrlsMatching,
+  fileDetails,
+  manifestTransforms,
+  maximumFileSizeToCacheInBytes,
+  modifyUrlPrefix,
+}) &#x3D;&gt; {
+  // Take the array of fileDetail objects and convert it into an array of
+  // {url, revision, size} objects, with \ replaced with /.
+  const normalizedManifest &#x3D; fileDetails.map((fileDetails) &#x3D;&gt; {
+    return {
+      url: fileDetails.file.replace(/\\/g, &#x27;/&#x27;),
+      revision: fileDetails.hash,
+      size: fileDetails.size,
+    };
+  });
+
+  let transformsToApply &#x3D; [];
+
+  if (maximumFileSizeToCacheInBytes) {
+    transformsToApply.push(maximumSizeTransform(maximumFileSizeToCacheInBytes));
+  }
+
+  if (modifyUrlPrefix) {
+    transformsToApply.push(modifyUrlPrefixTranform(modifyUrlPrefix));
+  }
+
+  if (dontCacheBustUrlsMatching) {
+    transformsToApply.push(
+      noRevisionForUrlsMatchingTransform(dontCacheBustUrlsMatching));
+  }
+
+  // Any additional manifestTransforms that were passed will be applied last.
+  transformsToApply &#x3D; transformsToApply.concat(manifestTransforms || []);
+
+  // Apply the transformations sequentially.
+  const transformedManifest &#x3D; transformsToApply.reduce(
+    (previousManifest, transform) &#x3D;&gt; transform(previousManifest),
+    normalizedManifest);
+
+  // Generate some metadata about the manifest before we clear out the size
+  // properties from each entry.
+  const count &#x3D; transformedManifest.length;
+  let size &#x3D; 0;
+  for (const manifestEntry of transformedManifest) {
+    size +&#x3D; manifestEntry.size;
+    delete manifestEntry.size;
+  }
+
+  return {
+    count,
+    size,
+    manifestEntries: transformedManifest,
+  };
+};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_lib_get-file-manifest-entries.js.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_lib_get-file-manifest-entries.js.html
new file mode 100644
index 00000000000..a54ba2a76d7
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-build_src_lib_get-file-manifest-entries.js.html
@@ -0,0 +1,139 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-build/src/lib/get-file-manifest-entries.js</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-build/src/lib/get-file-manifest-entries.js</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+const assert &#x3D; require(&#x27;assert&#x27;);
+const path &#x3D; require(&#x27;path&#x27;);
+
+const errors &#x3D; require(&#x27;./errors&#x27;);
+const filterFiles &#x3D; require(&#x27;./filter-files&#x27;);
+const getCompositeDetails &#x3D; require(&#x27;./get-composite-details&#x27;);
+const getFileDetails &#x3D; require(&#x27;./get-file-details&#x27;);
+const getStringDetails &#x3D; require(&#x27;./get-string-details&#x27;);
+
+/**
+ * @typedef {Object} ManifestEntry
+ * @property {String} url The URL to the asset in the manifest.
+ * @property {String} revision The revision details for the file. This is a
+ * hash generated by node based on the file contents.
+ *
+ * @memberof module:workbox-build
+ */
+
+module.exports &#x3D; async ({
+  dontCacheBustUrlsMatching,
+  globDirectory,
+  globIgnores,
+  globPatterns,
+  manifestTransforms,
+  maximumFileSizeToCacheInBytes,
+  modifyUrlPrefix,
+  swDest,
+  templatedUrls,
+}) &#x3D;&gt; {
+  // Initialize to an empty array so that we can still pass something to
+  // filterFiles() and get a normalized output.
+  let fileDetails &#x3D; [];
+  const fileSet &#x3D; new Set();
+
+  if (globDirectory) {
+    if (swDest) {
+      // Ensure that we ignore the SW file we&#x27;re eventually writing to disk.
+      globIgnores.push(&#x60;**/${path.basename(swDest)}&#x60;);
+    }
+
+    fileDetails &#x3D; globPatterns.reduce((accumulated, globPattern) &#x3D;&gt; {
+      const globbedFileDetails &#x3D; getFileDetails({
+        globDirectory,
+        globPattern,
+        globIgnores,
+      });
+
+      globbedFileDetails.forEach((fileDetails) &#x3D;&gt; {
+        if (fileSet.has(fileDetails.file)) {
+          return;
+        }
+
+        fileSet.add(fileDetails.file);
+        accumulated.push(fileDetails);
+      });
+      return accumulated;
+    }, []);
+  }
+
+  if (templatedUrls) {
+    for (let url of Object.keys(templatedUrls)) {
+      assert(!fileSet.has(url), errors[&#x27;templated-url-matches-glob&#x27;]);
+
+      const dependencies &#x3D; templatedUrls[url];
+      if (Array.isArray(dependencies)) {
+        const details &#x3D; dependencies.reduce((previous, globPattern) &#x3D;&gt; {
+          try {
+            const globbedFileDetails &#x3D; getFileDetails({
+              globDirectory,
+              globPattern,
+              globIgnores,
+            });
+            return previous.concat(globbedFileDetails);
+          } catch (error) {
+            const debugObj &#x3D; {};
+            debugObj[url] &#x3D; dependencies;
+            throw new Error(&#x60;${errors[&#x27;bad-template-urls-asset&#x27;]} &#x60; +
+              &#x60;&#x27;${globPattern}&#x27; from &#x27;${JSON.stringify(debugObj)}&#x27;:\n&#x60; +
+              error);
+          }
+        }, []);
+        fileDetails.push(getCompositeDetails(url, details));
+      } else if (typeof dependencies &#x3D;&#x3D;&#x3D; &#x27;string&#x27;) {
+        fileDetails.push(getStringDetails(url, dependencies));
+      }
+    }
+  }
+
+  return filterFiles({fileDetails, maximumFileSizeToCacheInBytes,
+    modifyUrlPrefix, dontCacheBustUrlsMatching, manifestTransforms});
+};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cache-expiration_CacheExpiration.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cache-expiration_CacheExpiration.mjs.html
new file mode 100644
index 00000000000..9e04b30e977
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cache-expiration_CacheExpiration.mjs.html
@@ -0,0 +1,301 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-cache-expiration/CacheExpiration.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-cache-expiration/CacheExpiration.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+import {WorkboxError} from &#x27;workbox-core/_private/WorkboxError.mjs&#x27;;
+import {assert} from &#x27;workbox-core/_private/assert.mjs&#x27;;
+import {logger} from &#x27;workbox-core/_private/logger.mjs&#x27;;
+import CacheTimestampsModel from &#x27;./models/CacheTimestampsModel.mjs&#x27;;
+import &#x27;./_version.mjs&#x27;;
+
+/**
+ * The &#x60;CacheExpiration&#x60; class allows you define an expiration and / or
+ * limit on the number of responses stored in a
+ * [&#x60;Cache&#x60;](https://developer.mozilla.org/en-US/docs/Web/API/Cache).
+ *
+ * @memberof workbox.expiration
+ */
+class CacheExpiration {
+  /**
+   * To construct a new CacheExpiration instance you must provide at least
+   * one of the &#x60;config&#x60; properties.
+   *
+   * @param {string} cacheName Name of the cache to apply restrictions to.
+   * @param {Object} config
+   * @param {number} [config.maxEntries] The maximum number of entries to cache.
+   * Entries used the least will be removed as the maximum is reached.
+   * @param {number} [config.maxAgeSeconds] The maximum age of an entry before
+   * it&#x27;s treated as stale and removed.
+   */
+  constructor(cacheName, config &#x3D; {}) {
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      assert.isType(cacheName, &#x27;string&#x27;, {
+        moduleName: &#x27;workbox-cache-expiration&#x27;,
+        className: &#x27;CacheExpiration&#x27;,
+        funcName: &#x27;constructor&#x27;,
+        paramName: &#x27;cacheName&#x27;,
+      });
+
+      if (!(config.maxEntries || config.maxAgeSeconds)) {
+        throw new WorkboxError(&#x27;max-entries-or-age-required&#x27;, {
+          moduleName: &#x27;workbox-cache-expiration&#x27;,
+          className: &#x27;CacheExpiration&#x27;,
+          funcName: &#x27;constructor&#x27;,
+        });
+      }
+
+      if (config.maxEntries) {
+        assert.isType(config.maxEntries, &#x27;number&#x27;, {
+          moduleName: &#x27;workbox-cache-expiration&#x27;,
+          className: &#x27;CacheExpiration&#x27;,
+          funcName: &#x27;constructor&#x27;,
+          paramName: &#x27;config.maxEntries&#x27;,
+        });
+
+        // TODO: Assert is positive
+      }
+
+      if (config.maxAgeSeconds) {
+        assert.isType(config.maxAgeSeconds, &#x27;number&#x27;, {
+          moduleName: &#x27;workbox-cache-expiration&#x27;,
+          className: &#x27;CacheExpiration&#x27;,
+          funcName: &#x27;constructor&#x27;,
+          paramName: &#x27;config.maxAgeSeconds&#x27;,
+        });
+
+        // TODO: Assert is positive
+      }
+    }
+
+    this._isRunning &#x3D; false;
+    this._rerunRequested &#x3D; false;
+    this._maxEntries &#x3D; config.maxEntries;
+    this._maxAgeSeconds &#x3D; config.maxAgeSeconds;
+    this._cacheName &#x3D; cacheName;
+    this._timestampModel &#x3D; new CacheTimestampsModel(cacheName);
+  }
+
+  /**
+   * Expires entries for the given cache and given criteria.
+   */
+  async expireEntries() {
+    if (this._isRunning) {
+      this._rerunRequested &#x3D; true;
+      return;
+    }
+    this._isRunning &#x3D; true;
+
+    const now &#x3D; Date.now();
+
+    // First, expire old entries, if maxAgeSeconds is set.
+    const oldEntries &#x3D; await this._findOldEntries(now);
+
+    // Once that&#x27;s done, check for the maximum size.
+    const extraEntries &#x3D; await this._findExtraEntries();
+
+    // Use a Set to remove any duplicates following the concatenation, then
+    // convert back into an array.
+    const allUrls &#x3D; [...new Set(oldEntries.concat(extraEntries))];
+
+    await Promise.all([
+      this._deleteFromCache(allUrls),
+      this._deleteFromIDB(allUrls),
+    ]);
+
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      // TODO: break apart entries deleted due to expiration vs size restraints
+      if (allUrls.length &gt; 0) {
+        logger.groupCollapsed(
+          &#x60;Expired ${allUrls.length} &#x60; +
+          &#x60;${allUrls.length &#x3D;&#x3D;&#x3D; 1 ? &#x27;entry&#x27; : &#x27;entries&#x27;} and removed &#x60; +
+          &#x60;${allUrls.length &#x3D;&#x3D;&#x3D; 1 ? &#x27;it&#x27; : &#x27;them&#x27;} from the &#x60; +
+          &#x60;&#x27;${this._cacheName}&#x27; cache.&#x60;);
+        logger.log(
+          &#x60;Expired the following ${allUrls.length &#x3D;&#x3D;&#x3D; 1 ? &#x27;URL&#x27; : &#x27;URLs&#x27;}:&#x60;);
+        allUrls.forEach((url) &#x3D;&gt; logger.log(&#x60;    ${url}&#x60;));
+        logger.groupEnd();
+      } else {
+        logger.debug(&#x60;Cache expiration ran and found no entries to remove.&#x60;);
+      }
+    }
+
+    this._isRunning &#x3D; false;
+    if (this._rerunRequested) {
+      this._rerunRequested &#x3D; false;
+      this.expireEntries();
+    }
+  }
+
+  /**
+   * Expires entries based on the the maximum age.
+   *
+   * @param {number} expireFromTimestamp A timestamp.
+   * @return {Promise&amp;lt;Array&amp;lt;string&gt;&gt;} A list of the URLs that were expired.
+   *
+   * @private
+   */
+  async _findOldEntries(expireFromTimestamp) {
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      assert.isType(expireFromTimestamp, &#x27;number&#x27;, {
+        moduleName: &#x27;workbox-cache-expiration&#x27;,
+        className: &#x27;CacheExpiration&#x27;,
+        funcName: &#x27;_findOldEntries&#x27;,
+        paramName: &#x27;expireFromTimestamp&#x27;,
+      });
+    }
+
+    if (!this._maxAgeSeconds) {
+      return [];
+    }
+
+    const expireOlderThan &#x3D; expireFromTimestamp - (this._maxAgeSeconds * 1000);
+    const timestamps &#x3D; await this._timestampModel.getAllTimestamps();
+    const expiredUrls &#x3D; [];
+    timestamps.forEach((timestampDetails) &#x3D;&gt; {
+      if (timestampDetails.timestamp &amp;lt; expireOlderThan) {
+        expiredUrls.push(timestampDetails.url);
+      }
+    });
+
+    return expiredUrls;
+  }
+
+  /**
+   * @return {Promise&amp;lt;Array&gt;}
+   *
+   * @private
+   */
+  async _findExtraEntries() {
+    const extraUrls &#x3D; [];
+
+    if (!this._maxEntries) {
+      return [];
+    }
+
+    const timestamps &#x3D; await this._timestampModel.getAllTimestamps();
+    while (timestamps.length &gt; this._maxEntries) {
+      const lastUsed &#x3D; timestamps.shift();
+      extraUrls.push(lastUsed.url);
+    }
+
+    return extraUrls;
+  }
+
+  /**
+   * @param {Array&amp;lt;string&gt;} urls Array of URLs to delete from cache.
+   *
+   * @private
+   */
+  async _deleteFromCache(urls) {
+    const cache &#x3D; await caches.open(this._cacheName);
+    for (const url of urls) {
+      await cache.delete(url);
+    }
+  }
+
+  /**
+   * @param {Array&amp;lt;string&gt;} urls Array of URLs to delete from IDB
+   *
+   * @private
+   */
+  async _deleteFromIDB(urls) {
+    for (const url of urls) {
+      await this._timestampModel.deleteUrl(url);
+    }
+  }
+
+  /**
+   * Update the timestamp for the given URL. This ensures the when
+   * removing entries based on maximum entries, most recently used
+   * is accurate or when expiring, the timestamp is up-to-date.
+   *
+   * @param {string} url
+   */
+  async updateTimestamp(url) {
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      assert.isType(url, &#x27;string&#x27;, {
+        moduleName: &#x27;workbox-cache-expiration&#x27;,
+        className: &#x27;CacheExpiration&#x27;,
+        funcName: &#x27;updateTimestamp&#x27;,
+        paramName: &#x27;url&#x27;,
+      });
+    }
+
+    const urlObject &#x3D; new URL(url, location);
+    urlObject.hash &#x3D; &#x27;&#x27;;
+
+    await this._timestampModel.setTimestamp(urlObject.href, Date.now());
+  }
+
+  /**
+   * Can be used to check if a URL has expired or not before it&#x27;s used.
+   *
+   * This requires a look up from IndexedDB, so can be slow.
+   *
+   * Note: This method will not remove the cached entry, call
+   * &#x60;expireEntries()&#x60; to remove indexedDB and Cache entries.
+   *
+   * @param {string} url
+   * @return {boolean}
+   */
+  async isURLExpired(url) {
+    if (!this._maxAgeSeconds) {
+      throw new WorkboxError(&#x60;expired-test-without-max-age&#x60;, {
+        methodName: &#x27;isURLExpired&#x27;,
+        paramName: &#x27;maxAgeSeconds&#x27;,
+      });
+    }
+    const urlObject &#x3D; new URL(url, location);
+    urlObject.hash &#x3D; &#x27;&#x27;;
+
+    const timestamp &#x3D; await this._timestampModel.getTimestamp(urlObject.href);
+    const expireOlderThan &#x3D; Date.now() - (this._maxAgeSeconds * 1000);
+    return (timestamp &amp;lt; expireOlderThan);
+  }
+}
+
+export {CacheExpiration};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cache-expiration_CacheExpirationPlugin.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cache-expiration_CacheExpirationPlugin.mjs.html
new file mode 100644
index 00000000000..d0ab0771e8e
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cache-expiration_CacheExpirationPlugin.mjs.html
@@ -0,0 +1,239 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-cache-expiration/CacheExpirationPlugin.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-cache-expiration/CacheExpirationPlugin.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+ Copyright 2016 Google Inc. All Rights Reserved.
+ Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+     http://www.apache.org/licenses/LICENSE-2.0
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+import {WorkboxError} from &#x27;workbox-core/_private/WorkboxError.mjs&#x27;;
+import {assert} from &#x27;workbox-core/_private/assert.mjs&#x27;;
+import {CacheExpiration} from &#x27;./CacheExpiration.mjs&#x27;;
+import &#x27;./_version.mjs&#x27;;
+
+/**
+ * This plugin can be used in the Workbox API&#x27;s to regularly enforce a
+ * limit on the age and / or the number of cached requests.
+ *
+ * Whenever a cached request is used or updated, this plugin will look
+ * at the used Cache and remove any old or extra requests.
+ *
+ * When using &#x60;maxAgeSeconds&#x60;, requests may be used *once* after expiring
+ * because the expiration clean up will not have occured until *after* the
+ * cached request has been used. If the request has a &quot;Date&quot; header, then
+ * a light weight expiration check is performed and the request will not be
+ * used immediately.
+ *
+ * When using &#x60;maxEntries&#x60;, the last request to be used will be the request
+ * that is removed from the Cache.
+ *
+ * @memberof workbox.expiration
+ */
+class CacheExpirationPlugin {
+  /**
+   * @param {Object} config
+   * @param {number} [config.maxEntries] The maximum number of entries to cache.
+   * Entries used the least will be removed as the maximum is reached.
+   * @param {number} [config.maxAgeSeconds] The maximum age of an entry before
+   * it&#x27;s treated as stale and removed.
+   */
+  constructor(config &#x3D; {}) {
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      if (!(config.maxEntries || config.maxAgeSeconds)) {
+        throw new WorkboxError(&#x27;max-entries-or-age-required&#x27;, {
+          moduleName: &#x27;workbox-cache-expiration&#x27;,
+          className: &#x27;CacheExpirationPlugin&#x27;,
+          funcName: &#x27;constructor&#x27;,
+        });
+      }
+
+      if (config.maxEntries) {
+        assert.isType(config.maxEntries, &#x27;number&#x27;, {
+          moduleName: &#x27;workbox-cache-expiration&#x27;,
+          className: &#x27;CacheExpirationPlugin&#x27;,
+          funcName: &#x27;constructor&#x27;,
+          paramName: &#x27;config.maxEntries&#x27;,
+        });
+      }
+
+      if (config.maxAgeSeconds) {
+        assert.isType(config.maxAgeSeconds, &#x27;number&#x27;, {
+          moduleName: &#x27;workbox-cache-expiration&#x27;,
+          className: &#x27;CacheExpirationPlugin&#x27;,
+          funcName: &#x27;constructor&#x27;,
+          paramName: &#x27;config.maxAgeSeconds&#x27;,
+        });
+      }
+    }
+
+    this._config &#x3D; config;
+    this._maxAgeSeconds &#x3D; config.maxAgeSeconds;
+    this._cacheExpirations &#x3D; new Map();
+  }
+
+  /**
+   * A simple helper method to return a CacheExpiration instance for a given
+   * cache name.
+   *
+   * @param {string} cacheName
+   * @return {CacheExpiration}
+   *
+   * @private
+   */
+  _getCacheExpiration(cacheName) {
+    let cacheExpiration &#x3D; this._cacheExpirations.get(cacheName);
+    if (!cacheExpiration) {
+      cacheExpiration &#x3D; new CacheExpiration(cacheName, this._config);
+      this._cacheExpirations.set(cacheName, cacheExpiration);
+    }
+    return cacheExpiration;
+  }
+
+  /**
+   * A &quot;lifecycle&quot; callback that will be triggered automatically by the
+   * &#x60;workbox.runtimeCaching&#x60; handlers when a &#x60;Response&#x60; is about to be returned
+   * from a [Cache](https://developer.mozilla.org/en-US/docs/Web/API/Cache) to
+   * the handler. It allows the &#x60;Response&#x60; to be inspected for freshness and
+   * prevents it from being used if the &#x60;Response&#x60;&#x27;s &#x60;Date&#x60; header value is
+   * older than the configured &#x60;maxAgeSeconds&#x60;.
+   *
+   * @param {Object} input
+   * @param {string} input.cacheName Name of the cache the responses belong to.
+   * @param {Response} input.cachedResponse The &#x60;Response&#x60; object that&#x27;s been
+   *        read from a cache and whose freshness should be checked.
+   * @return {Response} Either the &#x60;cachedResponse&#x60;, if it&#x27;s
+   *         fresh, or &#x60;null&#x60; if the &#x60;Response&#x60; is older than &#x60;maxAgeSeconds&#x60;.
+   *
+   * @private
+   */
+  cachedResponseWillBeUsed({cacheName, cachedResponse}) {
+    let isFresh &#x3D; this._isResponseDateFresh(cachedResponse);
+
+    // Expire entries to ensure that even if the expiration date has
+    // expired, it&#x27;ll only be used once.
+    const cacheExpiration &#x3D; this._getCacheExpiration(cacheName);
+    cacheExpiration.expireEntries();
+
+    return isFresh ? cachedResponse : null;
+  }
+
+  /**
+   * @param {Response} cachedResponse
+   * @return {boolean}
+   *
+   * @private
+   */
+  _isResponseDateFresh(cachedResponse) {
+    if (!this._maxAgeSeconds) {
+      // We aren&#x27;t expiring by age, so return true, it&#x27;s fresh
+      return true;
+    }
+
+    // Check if the &#x27;date&#x27; header will suffice a quick expiration check.
+    // See https://github.com/GoogleChromeLabs/sw-toolbox/issues/164 for
+    // discussion.
+    const dateHeaderTimestamp &#x3D; this._getDateHeaderTimestamp(cachedResponse);
+    if (dateHeaderTimestamp &#x3D;&#x3D;&#x3D; null) {
+      // Unable to parse date, so assume it&#x27;s fresh.
+      return true;
+    }
+
+    // If we have a valid headerTime, then our response is fresh iff the
+    // headerTime plus maxAgeSeconds is greater than the current time.
+    const now &#x3D; Date.now();
+    return dateHeaderTimestamp &gt;&#x3D; now - (this._maxAgeSeconds * 1000);
+  }
+
+  /**
+   * This method will extract the data header and parse it into a useful
+   * value.
+   *
+   * @param {Response} cachedResponse
+   * @return {number}
+   *
+   * @private
+   */
+  _getDateHeaderTimestamp(cachedResponse) {
+    const dateHeader &#x3D; cachedResponse.headers[&#x27;date&#x27;];
+    const parsedDate &#x3D; new Date(dateHeader);
+    const headerTime &#x3D; parsedDate.getTime();
+
+    // If the Date header was invalid for some reason, parsedDate.getTime()
+    // will return NaN.
+    if (isNaN(headerTime)) {
+      return null;
+    }
+
+    return headerTime;
+  }
+
+  /**
+   * A &quot;lifecycle&quot; callback that will be triggered automatically by the
+   * &#x60;workbox.runtimeCaching&#x60; handlers when an entry is added to a cache.
+   *
+   * @param {Object} input
+   * @param {string} input.cacheName Name of the cache the responses belong to.
+   * @param {string} input.request The Request for the cached entry.
+   *
+   * @private
+   */
+  async cacheDidUpdate({cacheName, request}) {
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      assert.isType(cacheName, &#x27;string&#x27;, {
+        moduleName: &#x27;workbox-cache-expiration&#x27;,
+        className: &#x27;CacheExpirationPlugin&#x27;,
+        funcName: &#x27;cacheDidUpdate&#x27;,
+        paramName: &#x27;cacheName&#x27;,
+      });
+      assert.isInstance(request, Request, {
+        moduleName: &#x27;workbox-cache-expiration&#x27;,
+        className: &#x27;CacheExpirationPlugin&#x27;,
+        funcName: &#x27;cacheDidUpdate&#x27;,
+        paramName: &#x27;request&#x27;,
+      });
+    }
+
+    const cacheExpiration &#x3D; this._getCacheExpiration(cacheName);
+    await cacheExpiration.updateTimestamp(request.url);
+    await cacheExpiration.expireEntries();
+  }
+}
+
+export {CacheExpirationPlugin};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cache-expiration_index.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cache-expiration_index.mjs.html
new file mode 100644
index 00000000000..dcb0844b226
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cache-expiration_index.mjs.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-cache-expiration/index.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-cache-expiration/index.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+/**
+ * @namespace workbox.expiration
+ */
+
+import &#x27;./_version.mjs&#x27;;
+
+export * from &#x27;./_public.mjs&#x27;;
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_app.js.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_app.js.html
new file mode 100644
index 00000000000..9870ffdf3cd
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_app.js.html
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-cli/src/app.js</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-cli/src/app.js</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/**
+ * Copyright 2017 Google Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+**/
+
+const assert &#x3D; require(&#x27;assert&#x27;);
+const path &#x3D; require(&#x27;path&#x27;);
+const prettyBytes &#x3D; require(&#x27;pretty-bytes&#x27;);
+const workboxBuild &#x3D; require(&#x27;workbox-build&#x27;);
+
+const errors &#x3D; require(&#x27;./lib/errors&#x27;);
+const logger &#x3D; require(&#x27;./lib/logger&#x27;);
+const readConfig &#x3D; require(&#x27;./lib/read-config&#x27;);
+const runWizard &#x3D; require(&#x27;./lib/run-wizard&#x27;);
+
+module.exports &#x3D; async (command, configFile) &#x3D;&gt; {
+  assert(command, errors[&#x27;missing-command-param&#x27;]);
+
+  switch (command) {
+    case &#x27;wizard&#x27;: {
+      await runWizard();
+      break;
+    }
+
+    case &#x27;generateSW&#x27;:
+    case &#x27;injectManifest&#x27;: {
+      assert(configFile, errors[&#x27;missing-config-file-param&#x27;]);
+
+      // TODO: Confirm that this works with Windows paths.
+      const configPath &#x3D; path.resolve(process.cwd(), configFile);
+      let config;
+      try {
+        config &#x3D; readConfig(configPath);
+      } catch (error) {
+        logger.error(errors[&#x27;invalid-common-js-module&#x27;]);
+        throw error;
+      }
+
+      try {
+        const {size, count} &#x3D; await workboxBuild[command](config);
+        logger.log(&#x60;The service worker was written to ${config.swDest}\n&#x60; +
+          &#x60;${count} files will be precached, totalling ${prettyBytes(size)}.&#x60;);
+      } catch (error) {
+        // See https://github.com/hapijs/joi/blob/v11.3.4/API.md#errors
+        if (typeof error.annotate &#x3D;&#x3D;&#x3D; &#x27;function&#x27;) {
+          throw new Error(
+            &#x60;${errors[&#x27;config-validation-failed&#x27;]}\n${error.annotate()}&#x60;);
+        }
+        logger.error(errors[&#x27;workbox-build-runtime-error&#x27;]);
+        throw error;
+      }
+      break;
+    }
+
+    default: {
+      throw new Error(errors[&#x27;unknown-command&#x27;] + &#x60; &#x60; + command);
+    }
+  }
+};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_bin.js.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_bin.js.html
new file mode 100644
index 00000000000..0ed568500d3
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_bin.js.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-cli/src/bin.js</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-cli/src/bin.js</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>#! /usr/bin/env node
+
+/**
+ * Copyright 2017 Google Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+**/
+
+const meow &#x3D; require(&#x27;meow&#x27;);
+const updateNotifier &#x3D; require(&#x27;update-notifier&#x27;);
+
+const app &#x3D; require(&#x27;./app.js&#x27;);
+const cleanupStackTrace &#x3D; require(&#x27;./lib/cleanup-stack-trace.js&#x27;);
+const helpText &#x3D; require(&#x27;./lib/help-text&#x27;);
+const logger &#x3D; require(&#x27;./lib/logger&#x27;);
+
+(async () &#x3D;&gt; {
+  const params &#x3D; meow(helpText);
+  updateNotifier({pkg: params.pkg}).notify();
+
+  try {
+    await app(...params.input);
+  } catch (error) {
+    // Show the full error and stack trace if we&#x27;re run with --debug.
+    if (params.flags.debug) {
+      logger.error(&#x60;\n${error.stack}&#x60;);
+    } else {
+      logger.error(&#x60;\n${error.message}&#x60;);
+      logger.debug(&#x60;${cleanupStackTrace(error, &#x27;app.js&#x27;)}\n&#x60;);
+    }
+
+    process.exit(1);
+  }
+})();
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_constants.js.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_constants.js.html
new file mode 100644
index 00000000000..a7f9de93f5a
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_constants.js.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-cli/src/lib/constants.js</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-cli/src/lib/constants.js</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/**
+ * Copyright 2017 Google Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+module.exports &#x3D; {
+  ignoredDirectories: [
+    &#x27;node_modules&#x27;,
+  ],
+};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_errors.js.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_errors.js.html
new file mode 100644
index 00000000000..b7c57c6176a
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_errors.js.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-cli/src/lib/errors.js</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-cli/src/lib/errors.js</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/**
+ * Copyright 2017 Google Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+**/
+
+const ol &#x3D; require(&#x27;common-tags&#x27;).oneLine;
+
+module.exports &#x3D; {
+  &#x27;missing-command-param&#x27;: &#x60;Please provide a command.&#x60;,
+  &#x27;missing-config-file-param&#x27;: &#x60;Please provide a configuration file.&#x60;,
+  &#x27;invalid-common-js-module&#x27;: ol&#x60;Please pass in a valid CommonJS module that
+    exports your configuration.&#x60;,
+  &#x27;config-validation-failed&#x27;: &#x60;Your configuration is invalid:&#x60;,
+  &#x27;workbox-build-runtime-error&#x27;: &#x60;Service worker generation failed:&#x60;,
+  &#x27;unknown-command&#x27;: &#x60;Unknown command:&#x60;,
+  &#x27;no-file-extensions-found&#x27;: ol&#x60;No files could be found that are suitable for
+    caching.&#x60;,
+  &#x27;no-file-extensions-selected&#x27;: &#x60;Please select at least one file extension.&#x60;,
+  &#x27;invalid-sw-dest&#x27;: ol&#x60;Please enter a valid path to use for the service worker
+    file that&#x27;s created.&#x60;,
+  &#x27;glob-directory-invalid&#x27;: ol&#x60;The path you entered isn&#x27;t a valid directory.&#x60;,
+  &#x27;invalid-config-location&#x27;: ol&#x60;Please enter a valid path to use for the saved
+    configuration file.&#x60;,
+};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_help-text.js.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_help-text.js.html
new file mode 100644
index 00000000000..ffb981ece9f
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_help-text.js.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-cli/src/lib/help-text.js</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-cli/src/lib/help-text.js</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/**
+ * Copyright 2017 Google Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+**/
+
+module.exports &#x3D; &#x60;Usage:
+$ workbox &amp;lt;command&gt; [options]
+  
+Commands:
+  wizard
+    Runs the configuration wizard, which will generate a
+    config file based on answers to questions.
+  
+  generateSW &amp;lt;path/to/config.js&gt;
+    Creates a new service worker file based on the options
+    in the config file. See https://goo.gl/zQz4By
+  
+  injectManifest &amp;lt;path/to/config.js&gt;
+    Takes an existing service worker file and creates a
+    copy of it with a precaching manifest &quot;injected&quot; into
+    it. The precaching manifest is generated based on the
+    options in the config file. See https://goo.gl/yB6KZL
+    
+Config file:
+  In &#x27;generateSW&#x27; or &#x27;injectManifest&#x27; mode, the config file should be a
+  JavaScript file, in CommonJS module format.
+  The exported object&#x27;s properties should follow https://goo.gl/YYPcyY
+
+Examples:
+  $ workbox wizard
+  $ workbox generateSW workbox-config.js
+  $ workbox injectManifest configs/workbox-dev-config.js
+&#x60;;
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_logger.js.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_logger.js.html
new file mode 100644
index 00000000000..fbeb433bd1a
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_logger.js.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-cli/src/lib/logger.js</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-cli/src/lib/logger.js</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/**
+ * Copyright 2017 Google Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+**/
+
+const chalk &#x3D; require(&#x27;chalk&#x27;);
+
+module.exports &#x3D; {
+  debug: (...args) &#x3D;&gt; console.log(chalk.gray(...args)),
+  log: (...args) &#x3D;&gt; console.log(...args),
+  warn: (...args) &#x3D;&gt; console.warn(chalk.yellow(...args)),
+  error: (...args) &#x3D;&gt; console.error(chalk.red.bold(...args)),
+};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_questions_ask-config-location.js.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_questions_ask-config-location.js.html
new file mode 100644
index 00000000000..b41946368be
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_questions_ask-config-location.js.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-cli/src/lib/questions/ask-config-location.js</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-cli/src/lib/questions/ask-config-location.js</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/**
+ * Copyright 2017 Google Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+const assert &#x3D; require(&#x27;assert&#x27;);
+const inquirer &#x3D; require(&#x27;inquirer&#x27;);
+const ol &#x3D; require(&#x27;common-tags&#x27;).oneLine;
+
+const errors &#x3D; require(&#x27;../errors&#x27;);
+
+// The key used for the question/answer.
+const name &#x3D; &#x27;configLocation&#x27;;
+
+/**
+ * @return {Promise&amp;lt;Object&gt;} The answers from inquirer.
+ */
+function askQuestion() {
+  return inquirer.prompt([{
+    name,
+    message: ol&#x60;Where would you like to save these configuration options?&#x60;,
+    type: &#x27;input&#x27;,
+    default: &#x27;workbox-config.js&#x27;,
+  }]);
+}
+
+module.exports &#x3D; async () &#x3D;&gt; {
+  const answers &#x3D; await askQuestion();
+  const configLocation &#x3D; answers[name].trim();
+
+  assert(configLocation, errors[&#x27;invalid-config-location&#x27;]);
+
+  return configLocation;
+};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_questions_ask-extensions-to-cache.js.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_questions_ask-extensions-to-cache.js.html
new file mode 100644
index 00000000000..2bfd16c8152
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_questions_ask-extensions-to-cache.js.html
@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-cli/src/lib/questions/ask-extensions-to-cache.js</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-cli/src/lib/questions/ask-extensions-to-cache.js</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/**
+ * Copyright 2017 Google Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+const assert &#x3D; require(&#x27;assert&#x27;);
+const glob &#x3D; require(&#x27;glob&#x27;);
+const inquirer &#x3D; require(&#x27;inquirer&#x27;);
+const ora &#x3D; require(&#x27;ora&#x27;);
+const path &#x3D; require(&#x27;path&#x27;);
+
+const errors &#x3D; require(&#x27;../errors&#x27;);
+const {ignoredDirectories} &#x3D; require(&#x27;../constants&#x27;);
+
+// The key used for the question/answer.
+const name &#x3D; &#x27;globPatterns&#x27;;
+
+/**
+ * @param {string} globDirectory The directory used for the root of globbing.
+ * @return {Promise&amp;lt;Array&amp;lt;string&gt;&gt;} The unique file extensions corresponding
+ * to all of the files under globDirectory.
+ */
+async function getAllFileExtensions(globDirectory) {
+  const files &#x3D; await new Promise((resolve, reject) &#x3D;&gt; {
+    // Use a pattern to match any file that contains a &#x27;.&#x27;, since that signifies
+    // the presence of a file extension.
+    glob(&#x27;**/*.*&#x27;, {
+      cwd: globDirectory,
+      nodir: true,
+      ignore: ignoredDirectories.map((directory) &#x3D;&gt; &#x60;**/${directory}/**&#x60;),
+    }, (error, files) &#x3D;&gt; {
+      if (error) {
+        reject(error);
+      } else {
+        resolve(files);
+      }
+    });
+  });
+
+  const extensions &#x3D; new Set();
+  for (const file of files) {
+    const extension &#x3D; path.extname(file);
+    if (extension) {
+      // Get rid of the leading . character.
+      extensions.add(extension.replace(/^\./, &#x27;&#x27;));
+    }
+  }
+
+  return [...extensions];
+}
+
+/**
+ * @param {string} globDirectory The directory used for the root of globbing.
+ * @return {Promise&amp;lt;Object&gt;} The answers from inquirer.
+ */
+async function askQuestion(globDirectory) {
+  // We need to get a list of extensions corresponding to files in the directory
+  // to use when asking the next question. That could potentially take some
+  // time, so we show a spinner and explanatory text.
+  const spinner &#x3D; ora({
+    text: &#x60;Examining files in ${globDirectory}...&#x60;,
+    stream: process.stdout,
+  }).start();
+  const fileExtensions &#x3D; await getAllFileExtensions(globDirectory);
+  spinner.stop();
+
+  assert(fileExtensions.length &gt; 0, errors[&#x27;no-file-extensions-found&#x27;]);
+
+  return inquirer.prompt([{
+    name,
+    message: &#x27;Which file types would you like to precache?&#x27;,
+    type: &#x27;checkbox&#x27;,
+    choices: fileExtensions,
+    default: fileExtensions,
+  }]);
+}
+
+module.exports &#x3D; async (globDirectory) &#x3D;&gt; {
+  const answers &#x3D; await askQuestion(globDirectory);
+  const extensions &#x3D; answers[name];
+  assert(extensions.length &gt; 0, errors[&#x27;no-file-extensions-selected&#x27;]);
+
+  // glob isn&#x27;t happy with a single option inside of a {} group, so use a
+  // pattern without a {} group when there&#x27;s only one extension.
+  const extensionsPattern &#x3D; extensions.length &#x3D;&#x3D;&#x3D; 1 ?
+    extensions[0] :
+    &#x60;{${extensions.join(&#x27;,&#x27;)}}&#x60;;
+  return [&#x60;**/*.${extensionsPattern}&#x60;];
+};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_questions_ask-questions.js.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_questions_ask-questions.js.html
new file mode 100644
index 00000000000..849970b91b5
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_questions_ask-questions.js.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-cli/src/lib/questions/ask-questions.js</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-cli/src/lib/questions/ask-questions.js</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/**
+ * Copyright 2017 Google Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+const askConfigLocation &#x3D; require(&#x27;./ask-config-location&#x27;);
+const askExtensionsToCache &#x3D; require(&#x27;./ask-extensions-to-cache&#x27;);
+const askRootOfWebApp &#x3D; require(&#x27;./ask-root-of-web-app&#x27;);
+const askSWDest &#x3D; require(&#x27;./ask-sw-dest&#x27;);
+
+module.exports &#x3D; async () &#x3D;&gt; {
+  const globDirectory &#x3D; await askRootOfWebApp();
+  const globPatterns &#x3D; await askExtensionsToCache(globDirectory);
+  const swDest &#x3D; await askSWDest();
+  const configLocation &#x3D; await askConfigLocation();
+  const config &#x3D; {
+    globDirectory,
+    globPatterns,
+    swDest,
+  };
+
+  return {
+    config,
+    configLocation,
+  };
+};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_questions_ask-root-of-web-app.js.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_questions_ask-root-of-web-app.js.html
new file mode 100644
index 00000000000..005e1229ffc
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_questions_ask-root-of-web-app.js.html
@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-cli/src/lib/questions/ask-root-of-web-app.js</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-cli/src/lib/questions/ask-root-of-web-app.js</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/**
+ * Copyright 2017 Google Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+const assert &#x3D; require(&#x27;assert&#x27;);
+const fse &#x3D; require(&#x27;fs-extra&#x27;);
+const glob &#x3D; require(&#x27;glob&#x27;);
+const inquirer &#x3D; require(&#x27;inquirer&#x27;);
+
+const {ignoredDirectories} &#x3D; require(&#x27;../constants&#x27;);
+const errors &#x3D; require(&#x27;../errors&#x27;);
+
+const ROOT_PROMPT &#x3D; &#x27;Please enter the path to the root of your web app:&#x27;;
+
+// The key used for the question/answer.
+const name &#x3D; &#x27;globDirectory&#x27;;
+
+/**
+ * @return {Promise&amp;lt;Array&amp;lt;string&gt;&gt;} The subdirectories of the current
+ * working directory, with hidden and ignored ones filtered out.
+ */
+async function getSubdirectories() {
+  return await new Promise((resolve, reject) &#x3D;&gt; {
+    glob(&#x27;*/&#x27;, {
+      ignore: ignoredDirectories.map((directory) &#x3D;&gt; &#x60;${directory}/&#x60;),
+    }, (error, directories) &#x3D;&gt; {
+      if (error) {
+        reject(error);
+      } else {
+        resolve(directories);
+      }
+    });
+  });
+}
+
+/**
+ * @return {Promise&amp;lt;Object&gt;} The answers from inquirer.
+ */
+async function askQuestion() {
+  const subdirectories &#x3D; await getSubdirectories();
+
+  if (subdirectories.length &gt; 0) {
+    const manualEntryChoice &#x3D; &#x27;Manually enter path&#x27;;
+    return inquirer.prompt([{
+      name,
+      type: &#x27;list&#x27;,
+      message: &#x27;What is the root of your web app?&#x27;,
+      choices: subdirectories.concat([
+        new inquirer.Separator(),
+        manualEntryChoice,
+      ]),
+    }, {
+      name,
+      when: (answers) &#x3D;&gt; answers[name] &#x3D;&#x3D;&#x3D; manualEntryChoice,
+      message: ROOT_PROMPT,
+    }]);
+  } else {
+    return inquirer.prompt([{
+      name,
+      message: ROOT_PROMPT,
+      default: &#x27;.&#x27;,
+    }]);
+  }
+}
+
+module.exports &#x3D; async () &#x3D;&gt; {
+  const answers &#x3D; await askQuestion();
+  const globDirectory &#x3D; answers[name];
+
+  try {
+    const stat &#x3D; await fse.stat(globDirectory);
+    assert(stat.isDirectory());
+  } catch (error) {
+    throw new Error(errors[&#x27;glob-directory-invalid&#x27;]);
+  }
+
+  return globDirectory;
+};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_questions_ask-sw-dest.js.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_questions_ask-sw-dest.js.html
new file mode 100644
index 00000000000..6d38ea2a8c8
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_questions_ask-sw-dest.js.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-cli/src/lib/questions/ask-sw-dest.js</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-cli/src/lib/questions/ask-sw-dest.js</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/**
+ * Copyright 2017 Google Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+const assert &#x3D; require(&#x27;assert&#x27;);
+const inquirer &#x3D; require(&#x27;inquirer&#x27;);
+const ol &#x3D; require(&#x27;common-tags&#x27;).oneLine;
+
+const errors &#x3D; require(&#x27;../errors&#x27;);
+
+// The key used for the question/answer.
+const name &#x3D; &#x27;swDest&#x27;;
+
+/**
+ * @return {Promise&amp;lt;Object&gt;} The answers from inquirer.
+ */
+function askQuestion() {
+  return inquirer.prompt([{
+    name,
+    message: ol&#x60;Where would you like your service worker file to be saved?&#x60;,
+    type: &#x27;input&#x27;,
+    default: &#x27;build/sw.js&#x27;,
+  }]);
+}
+
+module.exports &#x3D; async () &#x3D;&gt; {
+  const answers &#x3D; await askQuestion();
+  const swDest &#x3D; answers[name].trim();
+
+  assert(swDest, errors[&#x27;invalid-sw-dest&#x27;]);
+
+  return swDest;
+};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_run-wizard.js.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_run-wizard.js.html
new file mode 100644
index 00000000000..0c85a01bf8f
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-cli_src_lib_run-wizard.js.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-cli/src/lib/run-wizard.js</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-cli/src/lib/run-wizard.js</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/**
+ * Copyright 2017 Google Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+const fse &#x3D; require(&#x27;fs-extra&#x27;);
+const ol &#x3D; require(&#x27;common-tags&#x27;).oneLine;
+
+const askQuestions &#x3D; require(&#x27;./questions/ask-questions&#x27;);
+const logger &#x3D; require(&#x27;./logger&#x27;);
+
+module.exports &#x3D; async () &#x3D;&gt; {
+  const {configLocation, config} &#x3D; await askQuestions();
+
+  const contents &#x3D; &#x60;module.exports &#x3D; ${JSON.stringify(config, null, 2)};&#x60;;
+  await fse.writeFile(configLocation, contents);
+
+  logger.log(&#x60;To build your service worker, run
+
+  workbox generateSW ${configLocation}
+
+as part of a build process. See https://goo.gl/8zZy1P for details.&#x60;);
+
+  logger.log(ol&#x60;You can further customize your service worker by making changes
+    to ${configLocation}. See https://goo.gl/YYPcyY for details.&#x60;);
+};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-core__default.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-core__default.mjs.html
new file mode 100644
index 00000000000..b2e7af36dc0
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-core__default.mjs.html
@@ -0,0 +1,218 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-core/_default.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-core/_default.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+import LOG_LEVELS from &#x27;./models/LogLevels.mjs&#x27;;
+import {WorkboxError} from &#x27;./_private/WorkboxError.mjs&#x27;;
+import {cacheNames} from &#x27;./_private/cacheNames.mjs&#x27;;
+import {logger} from &#x27;./_private/logger.mjs&#x27;;
+import {assert} from &#x27;./_private/assert.mjs&#x27;;
+import {setLoggerLevel, getLoggerLevel} from &#x27;./_private/logger.mjs&#x27;;
+import &#x27;./_version.mjs&#x27;;
+
+/**
+ * This class is never exposed publicly. Inidividual methods are exposed
+ * using jsdoc alias commands.
+ *
+ * @memberof workbox.core
+ * @private
+ */
+class WorkboxCore {
+  /**
+   * You should not instantiate this object directly.
+   *
+   * @private
+   */
+  constructor() {
+    // Give our version strings something to hang off of.
+    try {
+      self.workbox.v &#x3D; self.workbox.v || {};
+    } catch (err) {
+      // NOOP
+    }
+
+    // A WorkboxCore instance must be exported before we can use the logger.
+    // This is so it can get the current log level.
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      const padding &#x3D; &#x27;   &#x27;;
+      logger.groupCollapsed(&#x27;Welcome to Workbox!&#x27;);
+      logger.unprefixed.log(
+        &#x60;📖 Read the guides and documentation\n&#x60; +
+        &#x60;${padding}/web/tools/workbox/&#x60;
+      );
+      logger.unprefixed.log(
+        &#x60;❓ Use the [workbox] tag on StackOverflow to ask questions\n&#x60; +
+        &#x60;${padding}https://stackoverflow.com/questions/ask?tags&#x3D;workbox&#x60;
+      );
+      logger.unprefixed.log(
+        &#x60;🐛 Found a bug? Report it on GitHub\n&#x60; +
+        &#x60;${padding}https://github.com/GoogleChrome/workbox/issues/new&#x60;
+      );
+      logger.groupEnd();
+    }
+  }
+
+  /**
+   * Get the current cache names used by Workbox.
+   *
+   * &#x60;cacheNames.precache&#x60; is used for precached assets,
+   * &#x60;cacheNames.googleAnalytics&#x60; is used by &#x60;workbox-google-analytics&#x60; to
+   * store &#x60;analytics.js&#x60;,
+   * and &#x60;cacheNames.runtime&#x60; is used for everything else.
+   *
+   * @return {Object} An object with &#x60;precache&#x60; and &#x60;runtime&#x60; cache names.
+   *
+   * @alias workbox.core.cacheNames
+   */
+  get cacheNames() {
+    return {
+      googleAnalytics: cacheNames.getGoogleAnalyticsName(),
+      precache: cacheNames.getPrecacheName(),
+      runtime: cacheNames.getRuntimeName(),
+    };
+  }
+
+  /**
+   * You can alter the default cache names used by the Workbox modules by
+   * changing the cache name details.
+   *
+   * Cache names are generated as &#x60;&amp;lt;prefix&gt;-&amp;lt;Cache Name&gt;-&amp;lt;suffix&gt;&#x60;.
+   *
+   * @param {Object} details
+   * @param {Object} details.prefix The string to add to the beginning of
+   * the precache and runtime cache names.
+   * @param {Object} details.suffix The string to add to the end of
+   * the precache and runtime cache names.
+   * @param {Object} details.precache The cache name to use for precache
+   * caching.
+   * @param {Object} details.runtime The cache name to use for runtime caching.
+   * @param {Object} details.googleAnalytics The cache name to use for
+   * &#x60;workbox-google-analytics&#x60; caching.
+   *
+   * @alias workbox.core.setCacheNameDetails
+   */
+  setCacheNameDetails(details) {
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      Object.keys(details).forEach((key) &#x3D;&gt; {
+        assert.isType(details[key], &#x27;string&#x27;, {
+          moduleName: &#x27;workbox-core&#x27;,
+          className: &#x27;WorkboxCore&#x27;,
+          funcName: &#x27;setCacheNameDetails&#x27;,
+          paramName: &#x60;details.${key}&#x60;,
+        });
+      });
+
+      if (&#x27;precache&#x27; in details &amp;amp;&amp;amp; details.precache.length &#x3D;&#x3D;&#x3D; 0) {
+        throw new WorkboxError(&#x27;invalid-cache-name&#x27;, {
+          cacheNameId: &#x27;precache&#x27;,
+          value: details.precache,
+        });
+      }
+
+      if (&#x27;runtime&#x27; in details &amp;amp;&amp;amp; details.runtime.length &#x3D;&#x3D;&#x3D; 0) {
+        throw new WorkboxError(&#x27;invalid-cache-name&#x27;, {
+          cacheNameId: &#x27;runtime&#x27;,
+          value: details.runtime,
+        });
+      }
+
+      if (&#x27;googleAnalytics&#x27; in details &amp;amp;&amp;amp;
+        details.googleAnalytics.length &#x3D;&#x3D;&#x3D; 0) {
+        throw new WorkboxError(&#x27;invalid-cache-name&#x27;, {
+          cacheNameId: &#x27;googleAnalytics&#x27;,
+          value: details.googleAnalytics,
+        });
+      }
+    }
+
+    cacheNames.updateDetails(details);
+  }
+
+  /**
+   * Get the current log level.
+   *
+   * @return {number}.
+   *
+   * @alias workbox.core.logLevel
+   */
+  get logLevel() {
+    return getLoggerLevel();
+  }
+
+  /**
+   * Set the current log level passing in one of the values from
+   * [LOG_LEVELS]{@link module:workbox-core.LOG_LEVELS}.
+   *
+   * @param {number} newLevel The new log level to use.
+   *
+   * @alias workbox.core.setLogLevel
+   */
+  setLogLevel(newLevel) {
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      assert.isType(newLevel, &#x27;number&#x27;, {
+        moduleName: &#x27;workbox-core&#x27;,
+        className: &#x27;WorkboxCore&#x27;,
+        funcName: &#x27;logLevel [setter]&#x27;,
+        paramName: &#x60;logLevel&#x60;,
+      });
+    }
+
+    if (newLevel &gt; LOG_LEVELS.silent ||
+      newLevel &amp;lt; LOG_LEVELS.debug) {
+      throw new WorkboxError(&#x27;invalid-value&#x27;, {
+        paramName: &#x27;logLevel&#x27;,
+        validValueDescription: &#x60;Please use a value from LOG_LEVELS, i.e &#x60; +
+          &#x60;&#x27;logLevel &#x3D; workbox.core.LOG_LEVELS.debug&#x27;.&#x60;,
+        value: newLevel,
+      });
+    }
+
+    setLoggerLevel(newLevel);
+  }
+}
+
+export default new WorkboxCore();
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-core_index.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-core_index.mjs.html
new file mode 100644
index 00000000000..237470ff739
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-core_index.mjs.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-core/index.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-core/index.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+import defaultExport from &#x27;./_default.mjs&#x27;;
+import LOG_LEVELS from &#x27;./models/LogLevels.mjs&#x27;;
+import * as _private from &#x27;./_private.mjs&#x27;;
+import &#x27;./_version.mjs&#x27;;
+
+/**
+ * All of the Workbox service worker libraries use workbox-core for shared
+ * code as well as setting default values that need to be shared (like cache
+ * names).
+ *
+ * @namespace workbox.core
+ */
+
+/**
+ * Utilities that are shared with other Workbox modules.
+ *
+ * @alias workbox.core._private
+ * @private
+ */
+
+export {
+  LOG_LEVELS,
+  _private,
+};
+
+export default defaultExport;
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-core_models_LogLevels.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-core_models_LogLevels.mjs.html
new file mode 100644
index 00000000000..34f3b18ae2c
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-core_models_LogLevels.mjs.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-core/models/LogLevels.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-core/models/LogLevels.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+import &#x27;../_version.mjs&#x27;;
+
+/**
+ * The available log levels in Workbox: debug, log, warn, error and silent.
+ *
+ * @property {int} debug Prints all logs from Workbox. Useful for debugging.
+ * @property {int} log Prints console log, warn, error and groups. Default for
+ * debug builds.
+ * @property {int} warn Prints console warn, error and groups. Default for
+ * non-debug builds.
+ * @property {int} error Print console error and groups.
+ * @property {int} silent Force no logging from Workbox.
+ *
+ * @alias workbox.core.LOG_LEVELS
+ */
+
+export default {
+  debug: 0,
+  log: 1,
+  warn: 2,
+  error: 3,
+  silent: 4,
+};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-google-analytics__default.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-google-analytics__default.mjs.html
new file mode 100644
index 00000000000..ac37956627f
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-google-analytics__default.mjs.html
@@ -0,0 +1,231 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-google-analytics/_default.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-google-analytics/_default.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+ Copyright 2017 Google Inc. All Rights Reserved.
+ Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+import {Queue} from &#x27;workbox-background-sync/Queue.mjs&#x27;;
+import {QueuePlugin} from &#x27;workbox-background-sync/QueuePlugin.mjs&#x27;;
+import {cacheNames} from &#x27;workbox-core/_private/cacheNames.mjs&#x27;;
+import {Route} from &#x27;workbox-routing/Route.mjs&#x27;;
+import {Router} from &#x27;workbox-routing/Router.mjs&#x27;;
+import {NetworkFirst} from &#x27;workbox-strategies/NetworkFirst.mjs&#x27;;
+import {NetworkOnly} from &#x27;workbox-strategies/NetworkOnly.mjs&#x27;;
+import {
+  QUEUE_NAME,
+  MAX_RETENTION_TIME,
+  GOOGLE_ANALYTICS_HOST,
+  GTM_HOST,
+  ANALYTICS_JS_PATH,
+  GTAG_JS_PATH,
+  COLLECT_PATH,
+} from &#x27;./utils/constants.mjs&#x27;;
+import &#x27;./_version.mjs&#x27;;
+
+/**
+ * Promisifies the FileReader API to await a text response from a Blob.
+ *
+ * @param {Blob} blob
+ * @return {Promise&amp;lt;string&gt;}
+ *
+ * @private
+ */
+const getTextFromBlob &#x3D; (blob) &#x3D;&gt; {
+  return new Promise((resolve, reject) &#x3D;&gt; {
+    const reader &#x3D; new FileReader();
+    reader.onloadend &#x3D; () &#x3D;&gt; resolve(reader.result);
+    reader.onerror &#x3D; () &#x3D;&gt; reject(reader.error);
+    reader.readAsText(blob);
+  });
+};
+
+/**
+ * Creates the requestWillDequeue callback to be used with the background
+ * sync queue plugin. The callback takes the failed request and adds the
+ * &#x60;qt&#x60; param based on the current time, as well as applies any other
+ * user-defined hit modifications.
+ *
+ * @param {Object} config See workbox.googleAnalytics.initialize.
+ * @return {Function} The requestWillDequeu callback function.
+ *
+ * @private
+ */
+const createRequestWillReplayCallback &#x3D; (config) &#x3D;&gt; {
+  return async ({url, timestamp, requestInit}) &#x3D;&gt; {
+    // Measurement protocol requests can set their payload parameters in either
+    // the URL query string (for GET requests) or the POST body.
+    let params;
+    if (requestInit.body) {
+      const payload &#x3D; await getTextFromBlob(requestInit.body);
+      params &#x3D; new URLSearchParams(payload);
+    } else {
+      params &#x3D; new URL(url).searchParams;
+    }
+
+    // Set the qt param prior to apply the hitFilter or parameterOverrides.
+    const queueTime &#x3D; Date.now() - timestamp;
+    params.set(&#x27;qt&#x27;, queueTime);
+
+    if (config.parameterOverrides) {
+      for (const param of Object.keys(config.parameterOverrides)) {
+        const value &#x3D; config.parameterOverrides[param];
+        params.set(param, value);
+      }
+    }
+
+    if (typeof config.hitFilter &#x3D;&#x3D;&#x3D; &#x27;function&#x27;) {
+      config.hitFilter.call(null, params);
+    }
+
+    requestInit.body &#x3D; params.toString();
+    requestInit.method &#x3D; &#x27;POST&#x27;;
+    requestInit.mode &#x3D; &#x27;cors&#x27;;
+    requestInit.credentials &#x3D; &#x27;omit&#x27;;
+    requestInit.headers &#x3D; &#x27;[[&quot;Content-Type&quot;, &quot;text/plain&quot;]]&#x27;;
+    requestInit.url &#x3D; &#x60;https://${GOOGLE_ANALYTICS_HOST}/${COLLECT_PATH}&#x60;;
+  };
+};
+
+/**
+ * Creates GET and POST routes to catch failed Measurement Protocol hits.
+ *
+ * @param {Queue} queue
+ * @return {Array&amp;lt;Route&gt;} The created routes.
+ *
+ * @private
+ */
+const createCollectRoutes &#x3D; (queue) &#x3D;&gt; {
+  const match &#x3D; ({url}) &#x3D;&gt; url.hostname &#x3D;&#x3D;&#x3D; GOOGLE_ANALYTICS_HOST &amp;amp;&amp;amp;
+      url.pathname &#x3D;&#x3D;&#x3D; COLLECT_PATH;
+
+  const handler &#x3D; new NetworkOnly({
+    plugins: [new QueuePlugin(queue)],
+  });
+
+  return [
+    new Route(match, handler, &#x27;GET&#x27;),
+    new Route(match, handler, &#x27;POST&#x27;),
+  ];
+};
+
+/**
+ * Creates a route with a network first strategy for the analytics.js script.
+ *
+ * @param {string} cacheName
+ * @return {Route} The created route.
+ *
+ * @private
+ */
+const createAnalyticsJsRoute &#x3D; (cacheName) &#x3D;&gt; {
+  const match &#x3D; ({url}) &#x3D;&gt; url.hostname &#x3D;&#x3D;&#x3D; GOOGLE_ANALYTICS_HOST &amp;amp;&amp;amp;
+      url.pathname &#x3D;&#x3D;&#x3D; ANALYTICS_JS_PATH;
+  const handler &#x3D; new NetworkFirst({cacheName});
+
+  return new Route(match, handler, &#x27;GET&#x27;);
+};
+
+/**
+ * Creates a route with a network first strategy for the gtag.js script.
+ *
+ * @param {string} cacheName
+ * @return {Route} The created route.
+ *
+ * @private
+ */
+const createGtagJsRoute &#x3D; (cacheName) &#x3D;&gt; {
+  const match &#x3D; ({url}) &#x3D;&gt; url.hostname &#x3D;&#x3D;&#x3D; GTM_HOST &amp;amp;&amp;amp;
+      url.pathname &#x3D;&#x3D;&#x3D; GTAG_JS_PATH;
+  const handler &#x3D; new NetworkFirst({cacheName});
+
+  return new Route(match, handler, &#x27;GET&#x27;);
+};
+
+/**
+ * @param {Object&#x3D;} [options]
+ * @param {Object} [options.cacheName] The cache name to store and retrieve
+ *     analytics.js. Defaults to the cache names provided by &#x60;workbox-core&#x60;.
+ * @param {Object} [options.parameterOverrides]
+ *     [Measurement Protocol parameters](/analytics/devguides/collection/protocol/v1/parameters),
+ *     expressed as key/value pairs, to be added to replayed Google Analytics
+ *     requests. This can be used to, e.g., set a custom dimension indicating
+ *     that the request was replayed.
+ * @param {Function} [options.hitFilter] A function that allows you to modify
+ *     the hit parameters prior to replaying
+ *     the hit. The function is invoked with the original hit&#x27;s URLSearchParams
+ *     object as its only argument.
+ *
+ * @memberof workbox.googleAnalytics
+ */
+const initialize &#x3D; (options &#x3D; {}) &#x3D;&gt; {
+  const cacheName &#x3D; cacheNames.getGoogleAnalyticsName(options.cacheName);
+
+  const queue &#x3D; new Queue(QUEUE_NAME, {
+    maxRetentionTime: MAX_RETENTION_TIME,
+    callbacks: {
+      requestWillReplay: createRequestWillReplayCallback(options),
+    },
+  });
+
+  const routes &#x3D; [
+    createAnalyticsJsRoute(cacheName),
+    createGtagJsRoute(cacheName),
+    ...createCollectRoutes(queue),
+  ];
+
+  const router &#x3D; new Router();
+  for (const route of routes) {
+    router.registerRoute(route);
+  }
+
+  self.addEventListener(&#x27;fetch&#x27;, (evt) &#x3D;&gt; {
+    const responsePromise &#x3D; router.handleRequest(evt);
+    if (responsePromise) {
+      evt.respondWith(responsePromise);
+    }
+  });
+};
+
+export {
+  initialize,
+};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-google-analytics_index.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-google-analytics_index.mjs.html
new file mode 100644
index 00000000000..00e536a67dc
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-google-analytics_index.mjs.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-google-analytics/index.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-google-analytics/index.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+ Copyright 2017 Google Inc. All Rights Reserved.
+ Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+import &#x27;./_version.mjs&#x27;;
+
+/**
+ * @namespace workbox.googleAnalytics
+ */
+
+export * from &#x27;./_default.mjs&#x27;;
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-precaching__default.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-precaching__default.mjs.html
new file mode 100644
index 00000000000..3293edb0447
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-precaching__default.mjs.html
@@ -0,0 +1,289 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-precaching/_default.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-precaching/_default.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+import {assert} from &#x27;workbox-core/_private/assert.mjs&#x27;;
+import {cacheNames} from &#x27;workbox-core/_private/cacheNames.mjs&#x27;;
+import {logger} from &#x27;workbox-core/_private/logger.mjs&#x27;;
+import {getFriendlyURL} from &#x27;workbox-core/_private/getFriendlyURL.mjs&#x27;;
+import PrecacheController from &#x27;./controllers/PrecacheController.mjs&#x27;;
+import &#x27;./_version.mjs&#x27;;
+
+if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+  assert.isSwEnv(&#x27;workbox-precaching&#x27;);
+}
+
+let installActivateListenersAdded &#x3D; false;
+let fetchListenersAdded &#x3D; false;
+let suppressWarnings &#x3D; false;
+
+const cacheName &#x3D; cacheNames.getPrecacheName();
+const precacheController &#x3D; new PrecacheController(cacheName);
+
+const _removeIgnoreUrlParams &#x3D; (origUrlObject, ignoreUrlParametersMatching) &#x3D;&gt; {
+  // Exclude initial &#x27;?&#x27;
+  const searchString &#x3D; origUrlObject.search.slice(1);
+
+  // Split into an array of &#x27;key&#x3D;value&#x27; strings
+  const keyValueStrings &#x3D; searchString.split(&#x27;&amp;amp;&#x27;);
+  const keyValuePairs &#x3D; keyValueStrings.map((keyValueString) &#x3D;&gt; {
+    // Split each &#x27;key&#x3D;value&#x27; string into a [key, value] array
+    return keyValueString.split(&#x27;&#x3D;&#x27;);
+  });
+  const filteredKeyValuesPairs &#x3D; keyValuePairs.filter((keyValuePair) &#x3D;&gt; {
+    return ignoreUrlParametersMatching
+      .every((ignoredRegex) &#x3D;&gt; {
+        // Return true iff the key doesn&#x27;t match any of the regexes.
+        return !ignoredRegex.test(keyValuePair[0]);
+      });
+  });
+  const filteredStrings &#x3D; filteredKeyValuesPairs.map((keyValuePair) &#x3D;&gt; {
+    // Join each [key, value] array into a &#x27;key&#x3D;value&#x27; string
+    return keyValuePair.join(&#x27;&#x3D;&#x27;);
+  });
+
+  // Join the array of &#x27;key&#x3D;value&#x27; strings into a string with &#x27;&amp;amp;&#x27; in
+  // between each
+  const urlClone &#x3D; new URL(origUrlObject);
+  urlClone.search &#x3D; filteredStrings.join(&#x27;&amp;amp;&#x27;);
+  return urlClone;
+};
+
+/**
+ * This function will take the request URL and manipulate it based on the
+ * configuration options.
+ *
+ * @param {string} url
+ * @param {Object} options
+ * @return {string|null} Returns the URL in the cache that matches the request
+ * if available, other null.
+ *
+ * @private
+ */
+const _getPrecachedUrl &#x3D; (url, {
+  ignoreUrlParametersMatching &#x3D; [/^utm_/],
+  directoryIndex &#x3D; &#x27;index.html&#x27;,
+} &#x3D; {}) &#x3D;&gt; {
+  const urlObject &#x3D; new URL(url, location);
+
+  // If we precache &#x27;/some-url&#x27; but the URL referenced from the browser
+  // is &#x27;/some-url#1234&#x27;, the comparison won&#x27;t work unless we normalise
+  // the URLS.
+  // See https://github.com/GoogleChrome/workbox/issues/488.
+  urlObject.hash &#x3D; &#x27;&#x27;;
+
+  const cachedUrls &#x3D; precacheController.getCachedUrls();
+  if (cachedUrls.indexOf(urlObject.href) !&#x3D;&#x3D; -1) {
+    // It&#x27;s a perfect match
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      logger.debug(&#x60;Precaching found an exact URL match for &#x60; +
+        getFriendlyURL(urlObject.toString()));
+    }
+    return urlObject.href;
+  }
+
+  let strippedUrl &#x3D; _removeIgnoreUrlParams(
+    urlObject, ignoreUrlParametersMatching
+  );
+  if (cachedUrls.indexOf(strippedUrl.href) !&#x3D;&#x3D; -1) {
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      logger.debug(&#x60;Precaching found an exact URL match for stripped URL&#x60; +
+        getFriendlyURL(strippedUrl.toString()));
+    }
+    return strippedUrl.href;
+  }
+
+  if (directoryIndex &amp;amp;&amp;amp; strippedUrl.pathname.endsWith(&#x27;/&#x27;)) {
+    strippedUrl.pathname +&#x3D; directoryIndex;
+    if (cachedUrls.indexOf(strippedUrl.href) !&#x3D;&#x3D; -1) {
+      if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+        logger.debug(&#x60;Precaching found an exact URL match with &#x60; +
+          &#x60;&#x27;directoryIndex&#x27; ${getFriendlyURL(strippedUrl.toString())}&#x60;);
+      }
+      return strippedUrl.href;
+    }
+  }
+
+  return null;
+};
+
+const moduleExports &#x3D; {};
+
+/**
+ * Add items to the precache list, removing any duplicates and
+ * store the files in the
+ * [&quot;precache cache&quot;]{@link module:workbox-core.cacheNames} when the service
+ * worker installs.
+ *
+ * This method can be called multiple times.
+ *
+ * Please note: This method **will not** serve any of the cached files for you,
+ * it only precaches files. To respond to a network request you call
+ * [addRoute()]{@link module:workbox-precaching.addRoute}.
+ *
+ * If you have a single array of files to precache, you can just call
+ * [precacheAndRoute()]{@link module:workbox-precaching.precacheAndRoute}.
+ *
+ * @param {Array&amp;lt;Object|string&gt;} entries Array of entries to precache.
+ *
+ * @alias workbox.precaching.precache
+ */
+moduleExports.precache &#x3D; (entries) &#x3D;&gt; {
+  precacheController.addToCacheList(entries);
+
+  if (installActivateListenersAdded || entries.length &amp;lt;&#x3D; 0) {
+    return;
+  }
+
+  installActivateListenersAdded &#x3D; true;
+  self.addEventListener(&#x27;install&#x27;, (event) &#x3D;&gt; {
+    event.waitUntil(precacheController.install({suppressWarnings}));
+  });
+  self.addEventListener(&#x27;activate&#x27;, (event) &#x3D;&gt; {
+    event.waitUntil(precacheController.cleanup());
+  });
+};
+
+/**
+ * Add a &#x60;fetch&#x60; listener to the service worker that will
+ * respond to
+ * [network requests]{@link https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers#Custom_responses_to_requests}
+ * with precached assets.
+ *
+ * Requests for assets that aren&#x27;t precached, the &#x60;FetchEvent&#x60; will not be
+ * responded to, allowing the event to fall through to other &#x60;fetch&#x60; event
+ * listeners.
+ *
+ * @param {Object} options
+ * @param {string} [options.directoryIndex&#x3D;index.html] The &#x60;directoryIndex&#x60; will
+ * check cache entries for a URLs ending with &#x27;/&#x27; to see if there is a hit when
+ * appending the &#x60;directoryIndex&#x60; value.
+ * @param {Array&amp;lt;RegExp&gt;} [options.ignoreUrlParametersMatching&#x3D;[/^utm_/]] An
+ * array of regex&#x27;s to remove search params when looking for a cache match.
+ *
+ * @alias workbox.precaching.addRoute
+ */
+moduleExports.addRoute &#x3D; (options) &#x3D;&gt; {
+  if (fetchListenersAdded) {
+    // TODO: Throw error here.
+    return;
+  }
+
+  fetchListenersAdded &#x3D; true;
+  self.addEventListener(&#x27;fetch&#x27;, (event) &#x3D;&gt; {
+    const precachedUrl &#x3D; _getPrecachedUrl(event.request.url, options);
+    if (!precachedUrl) {
+      if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+        logger.debug(&#x60;Precaching found no match for &#x60; +
+          getFriendlyURL(event.request.url));
+      }
+      return;
+    }
+
+    let responsePromise &#x3D; caches.open(cacheName)
+    .then((cache) &#x3D;&gt; {
+      return cache.match(precachedUrl);
+    });
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      responsePromise &#x3D; responsePromise.then((response) &#x3D;&gt; {
+        // Workbox is going to handle the route.
+        // print the routing details to the console.
+        logger.groupCollapsed(&#x60;Precaching is responding to: &#x60; +
+          getFriendlyURL(event.request.url));
+        logger.log(&#x60;Serving the precached url: ${precachedUrl}&#x60;);
+
+        // The Request and Response objects contains a great deal of
+        // information, hide it under a group in case developers want to see it.
+        logger.groupCollapsed(&#x60;View request details here.&#x60;);
+        logger.unprefixed.log(event.request);
+        logger.groupEnd();
+
+        logger.groupCollapsed(&#x60;View response details here.&#x60;);
+        logger.unprefixed.log(response);
+        logger.groupEnd();
+
+        logger.groupEnd();
+        return response;
+      });
+    }
+    event.respondWith(responsePromise);
+  });
+};
+
+/**
+ * This method will add entries to the precache list and add a route to
+ * respond to fetch events.
+ *
+ * This is a convenience method that will call
+ * [precache()]{@link module:workbox-precaching.precache} and
+ * [addRoute()]{@link module:workbox-precaching.addRoute} in a single call.
+ *
+ * @param {Array&amp;lt;Object|string&gt;} entries Array of entries to precache.
+ * @param {Object} options See
+ * [addRoute() options]{@link module:workbox-precaching.addRoute}.
+ *
+ * @alias workbox.precaching.precacheAndRoute
+ */
+moduleExports.precacheAndRoute &#x3D; (entries, options) &#x3D;&gt; {
+  moduleExports.precache(entries);
+  moduleExports.addRoute(options);
+};
+
+/**
+ * Warnings will be logged if any of the precached assets are entered without
+ * a &#x60;revision&#x60; property. This is extremely dangerous if the URL&#x27;s aren&#x27;t
+ * revisioned. However, the warnings can be supressed with this method.
+ *
+ * @param {boolean} suppress
+ *
+ * @alias workbox.precaching.suppressWarnings
+ */
+moduleExports.suppressWarnings &#x3D; (suppress) &#x3D;&gt; {
+  suppressWarnings &#x3D; suppress;
+};
+
+export default moduleExports;
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-precaching__types.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-precaching__types.mjs.html
new file mode 100644
index 00000000000..cab869afe41
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-precaching__types.mjs.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-precaching/_types.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-precaching/_types.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+import &#x27;./_version.mjs&#x27;;
+
+/**
+ * @typedef {Object} InstallResult
+ * @property {
+ * Array&amp;lt;module:workbox-precaching.PrecacheController.PrecacheEntry|string&gt;
+ * } updatedEntries List of entries
+ * supplied for precaching that were precached.
+ * @property {
+ * Array&amp;lt;module:workbox-precaching.PrecacheController.PrecacheEntry|string&gt;
+ * } notUpdatedEntries List of entries
+ * supplied for precaching that were already precached.
+ *
+ * @memberof workbox.precaching
+ */
+
+/**
+ * @typedef {Object} CleanupResult
+ * @property {Array&amp;lt;string&gt;} deletedCacheRequests List of URLs that were
+ * deleted from the precache cache.
+ * @property {Array&amp;lt;string&gt;} deletedRevisionDetails
+ * List of URLs that were deleted from the precache cache.
+ *
+ * @memberof workbox.precaching
+ */
+
+/**
+ * @typedef {Object} PrecacheEntry
+ * @property {string} url URL to precache.
+ * @property {string} revision Revision information for the URL.
+ *
+ * @memberof workbox.precaching
+ */
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-precaching_controllers_PrecacheController.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-precaching_controllers_PrecacheController.mjs.html
new file mode 100644
index 00000000000..5d462626daa
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-precaching_controllers_PrecacheController.mjs.html
@@ -0,0 +1,351 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-precaching/controllers/PrecacheController.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-precaching/controllers/PrecacheController.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+import {cacheNames} from &#x27;workbox-core/_private/cacheNames.mjs&#x27;;
+import {WorkboxError} from &#x27;workbox-core/_private/WorkboxError.mjs&#x27;;
+import {fetchWrapper} from &#x27;workbox-core/_private/fetchWrapper.mjs&#x27;;
+import {cacheWrapper} from &#x27;workbox-core/_private/cacheWrapper.mjs&#x27;;
+import {assert} from &#x27;workbox-core/_private/assert.mjs&#x27;;
+import {logger} from &#x27;workbox-core/_private/logger.mjs&#x27;;
+import PrecacheEntry from &#x27;../models/PrecacheEntry.mjs&#x27;;
+import PrecachedDetailsModel from &#x27;../models/PrecachedDetailsModel.mjs&#x27;;
+import showWarningsIfNeeded from &#x27;../utils/showWarningsIfNeeded.mjs&#x27;;
+import openInstallLogGroup from &#x27;../utils/openInstallLogGroup.mjs&#x27;;
+import printCleanupDetails from &#x27;../utils/printCleanupDetails.mjs&#x27;;
+import cleanRedirect from &#x27;../utils/cleanRedirect.mjs&#x27;;
+import &#x27;../_version.mjs&#x27;;
+
+/**
+ * Performs efficient precaching of assets.
+ *
+ * @memberof workbox.precaching
+ */
+class PrecacheController {
+  /**
+   * Create a new PrecacheController.
+   *
+   * @param {string} cacheName
+   */
+  constructor(cacheName) {
+    this._cacheName &#x3D; cacheNames.getPrecacheName(cacheName);
+    this._entriesToCacheMap &#x3D; new Map();
+    this._precacheDetailsModel &#x3D; new PrecachedDetailsModel(this._cacheName);
+  }
+
+  /**
+   * This method will add items to the precache list, removing duplicates
+   * and ensuring the information is valid.
+   *
+   * @param {
+   * Array&amp;lt;module:workbox-precaching.PrecacheController.PrecacheEntry|string&gt;
+   * } entries Array of entries to
+   * precache.
+   */
+  addToCacheList(entries) {
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      assert.isArray(entries, {
+        moduleName: &#x27;workbox-precaching&#x27;,
+        className: &#x27;PrecacheController&#x27;,
+        funcName: &#x27;addToCacheList&#x27;,
+        paramName: &#x27;entries&#x27;,
+      });
+    }
+
+    entries.map((userEntry) &#x3D;&gt; {
+      this._addEntryToCacheList(
+        this._parseEntry(userEntry)
+      );
+    });
+  }
+
+  /**
+   * This method returns a precache entry.
+   *
+   * @private
+   * @param {string|Object} input
+   * @return {PrecacheEntry}
+   */
+  _parseEntry(input) {
+    switch (typeof input) {
+      case &#x27;string&#x27;: {
+        if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+          if (input.length &#x3D;&#x3D;&#x3D; 0) {
+            throw new WorkboxError(
+              &#x27;add-to-cache-list-unexpected-type&#x27;, {
+                entry: input,
+              }
+            );
+          }
+        }
+
+        return new PrecacheEntry(input, input, input);
+      }
+      case &#x27;object&#x27;: {
+        if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+          if (!input || !input.url) {
+            throw new WorkboxError(
+              &#x27;add-to-cache-list-unexpected-type&#x27;, {
+                entry: input,
+              }
+            );
+          }
+        }
+
+        return new PrecacheEntry(
+          input, input.url, input.revision || input.url, !!input.revision);
+      }
+      default:
+        throw new WorkboxError(&#x27;add-to-cache-list-unexpected-type&#x27;, {
+          entry: input,
+        });
+    }
+  }
+
+  /**
+   * Adds an entry to the precache list, accounting for possible duplicates.
+   *
+   * @private
+   * @param {PrecacheEntry} entryToAdd
+   */
+  _addEntryToCacheList(entryToAdd) {
+    // Check if the entry is already part of the map
+    const existingEntry &#x3D; this._entriesToCacheMap.get(entryToAdd._entryId);
+    if (!existingEntry) {
+      this._entriesToCacheMap.set(entryToAdd._entryId, entryToAdd);
+      return;
+    }
+
+    // Duplicates are fine, but make sure the revision information
+    // is the same.
+    if (existingEntry._revision !&#x3D;&#x3D; entryToAdd._revision) {
+      throw new WorkboxError(&#x27;add-to-cache-list-conflicting-entries&#x27;, {
+        firstEntry: existingEntry._originalInput,
+        secondEntry: entryToAdd._originalInput,
+      });
+    }
+  }
+
+  /**
+   * Call this method from a service work install event to start
+   * precaching assets.
+   *
+   * @param {Object} options
+   * @param {boolean} options.suppressWarnings Suppress warning messages.
+   * @return {
+   * Promise&amp;lt;module:workbox-precaching.PrecacheController.InstallResult&gt;}
+   */
+  async install(options &#x3D; {}) {
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      if (options.suppressWarnings !&#x3D;&#x3D; true) {
+        showWarningsIfNeeded(this._entriesToCacheMap);
+      }
+    }
+
+    const entriesToPrecache &#x3D; [];
+    const entriesAlreadyPrecached &#x3D; [];
+
+    for (const precacheEntry of this._entriesToCacheMap.values()) {
+      if (await this._precacheDetailsModel._isEntryCached(precacheEntry)) {
+        entriesAlreadyPrecached.push(precacheEntry);
+      } else {
+        entriesToPrecache.push(precacheEntry);
+      }
+    }
+
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      openInstallLogGroup(entriesToPrecache, entriesAlreadyPrecached);
+    }
+
+    // Wait for all requests to be cached.
+    await Promise.all(entriesToPrecache.map((precacheEntry) &#x3D;&gt; {
+      return this._cacheEntry(precacheEntry);
+    }));
+
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      logger.groupEnd();
+    }
+
+    return {
+      updatedEntries: entriesToPrecache,
+      notUpdatedEntries: entriesAlreadyPrecached,
+    };
+  }
+
+  /**
+   * Requests the entry and saves it to the cache if the response
+   * is valid.
+   *
+   * @private
+   * @param {BaseCacheEntry} precacheEntry The entry to fetch and cache.
+   * @return {Promise&amp;lt;boolean&gt;} Returns a promise that resolves once the entry
+   * has been fetched and cached or skipped if no update is needed. The
+   * promise resolves with true if the entry was cached / updated and
+   * false if the entry is already cached and up-to-date.
+   */
+  async _cacheEntry(precacheEntry) {
+    let response &#x3D; await fetchWrapper.fetch(
+      precacheEntry._networkRequest,
+    );
+
+    if (response.redirected) {
+      response &#x3D; await cleanRedirect(response);
+    }
+
+    await cacheWrapper.put(this._cacheName,
+      precacheEntry._cacheRequest, response);
+
+    await this._precacheDetailsModel._addEntry(precacheEntry);
+
+    return true;
+  }
+
+  /**
+   * Compare the URLs and determines which assets are no longer required
+   * in the cache.
+   *
+   * This should be called in the service worker activate event.
+   *
+   * @return {
+   * Promise&amp;lt;module:workbox-precaching.PrecacheController.CleanupResult&gt;}
+   * Resolves with an object containing details of the deleted cache requests
+   * and precache revision details.
+   */
+  async cleanup() {
+    const expectedCacheUrls &#x3D; [];
+    this._entriesToCacheMap.forEach((entry) &#x3D;&gt; {
+      const fullUrl &#x3D; new URL(entry._cacheRequest.url, location).toString();
+      expectedCacheUrls.push(fullUrl);
+    });
+
+    const [deletedCacheRequests, deletedRevisionDetails] &#x3D; await Promise.all([
+      this._cleanupCache(expectedCacheUrls),
+      this._cleanupDetailsModel(expectedCacheUrls),
+    ]);
+
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      printCleanupDetails(deletedCacheRequests, deletedRevisionDetails);
+    }
+
+    return {
+      deletedCacheRequests,
+      deletedRevisionDetails,
+    };
+  }
+
+  /**
+   * Goes through all the cache entries and removes any that are
+   * outdated.
+   *
+   * @private
+   * @param {Array&amp;lt;string&gt;} expectedCacheUrls Array of URLs that are
+   * expected to be cached.
+   * @return {Promise&amp;lt;Array&amp;lt;string&gt;&gt;} Resolves to an array of URLs
+   * of cached requests that were deleted.
+   */
+  async _cleanupCache(expectedCacheUrls) {
+    if (!await caches.has(this._cacheName)) {
+      // Cache doesn&#x27;t exist, so nothing to delete
+      return [];
+    }
+
+    const cache &#x3D; await caches.open(this._cacheName);
+    const cachedRequests &#x3D; await cache.keys();
+    const cachedRequestsToDelete &#x3D; cachedRequests.filter((cachedRequest) &#x3D;&gt; {
+      return !expectedCacheUrls.includes(
+        new URL(cachedRequest.url, location).toString()
+      );
+    });
+
+    await Promise.all(
+      cachedRequestsToDelete.map((cacheUrl) &#x3D;&gt; cache.delete(cacheUrl))
+    );
+
+    return cachedRequestsToDelete.map((request) &#x3D;&gt; request.url);
+  }
+
+  /**
+   * Goes through all entries in indexedDB and removes any that are outdated.
+   *
+   * @private
+   * @param {Array&amp;lt;string&gt;} expectedCacheUrls Array of URLs that are
+   * expected to be cached.
+   * @return {Promise&amp;lt;Array&amp;lt;string&gt;&gt;} Resolves to an array of URLs removed
+   * from indexedDB.
+   */
+  async _cleanupDetailsModel(expectedCacheUrls) {
+    const revisionedEntries &#x3D; await this._precacheDetailsModel._getAllEntries();
+
+    const detailsToDelete &#x3D; (Object.keys(revisionedEntries))
+      .filter((entryId) &#x3D;&gt; {
+        const entry &#x3D; revisionedEntries[entryId];
+        const fullUrl &#x3D; new URL(entry.url, location).toString();
+        return !expectedCacheUrls.includes(fullUrl);
+      });
+
+    await Promise.all(
+      detailsToDelete.map(
+        (detailsId) &#x3D;&gt; this._precacheDetailsModel._deleteEntry(detailsId)
+      )
+    );
+    return detailsToDelete.map((detailsId) &#x3D;&gt; {
+      return revisionedEntries[detailsId].url;
+    });
+  }
+
+  /**
+   * Returns an array of fully qualified URL&#x27;s that will be precached.
+   *
+   * @return {Array&amp;lt;string&gt;} An array of URLs.
+   */
+  getCachedUrls() {
+    return Array.from(this._entriesToCacheMap.keys())
+    .map((url) &#x3D;&gt; new URL(url, location).href);
+  }
+}
+
+export default PrecacheController;
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-precaching_index.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-precaching_index.mjs.html
new file mode 100644
index 00000000000..a95a171f7a6
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-precaching_index.mjs.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-precaching/index.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-precaching/index.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+import defaultPrecachingExport from &#x27;./_default.mjs&#x27;;
+import &#x27;./_version.mjs&#x27;;
+
+/**
+ * Most consumers of this module will want to use the
+ * [precacheAndRoute()]{@link workbox.precaching.precacheAndRoute}
+ * method to add assets to the Cache and respond to network requests with these
+ * cached assets.
+ *
+ * If you require finer grained control, you can use the
+ * [PrecacheController]{@link workbox.precaching.PrecacheController}
+ * to determine when performed.
+ *
+ * @namespace workbox.precaching
+ */
+
+export * from &#x27;./_public.mjs&#x27;;
+
+export default defaultPrecachingExport;
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-routing_NavigationRoute.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-routing_NavigationRoute.mjs.html
new file mode 100644
index 00000000000..c9660dfc211
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-routing_NavigationRoute.mjs.html
@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-routing/NavigationRoute.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-routing/NavigationRoute.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+ Copyright 2016 Google Inc. All Rights Reserved.
+ Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ */
+
+import {assert} from &#x27;workbox-core/_private/assert.mjs&#x27;;
+import {logger} from &#x27;workbox-core/_private/logger.mjs&#x27;;
+import {Route} from &#x27;./Route.mjs&#x27;;
+import &#x27;./_version.mjs&#x27;;
+
+/**
+ * NavigationRoute makes it easy to create a [Route]{@link
+ * workbox.routing.Route} that matches for browser
+ * [navigation requests]{@link /web/fundamentals/primers/service-workers/high-performance-loading#first_what_are_navigation_requests}.
+ *
+ * It will only match incoming Requests whose
+ * [&#x60;mode&#x60;]{@link https://fetch.spec.whatwg.org/#concept-request-mode}
+ * is set to &#x60;navigate&#x60;.
+ *
+ * You can optionally only apply this route to a subset of navigation requests
+ * by using one or both of the &#x60;blacklist&#x60; and &#x60;whitelist&#x60; parameters.
+ *
+ * @memberof workbox.routing
+ * @extends workbox.routing.Route
+ */
+class NavigationRoute extends Route {
+  /**
+   * If both &#x60;blacklist&#x60; and &#x60;whiltelist&#x60; are provided, the &#x60;blacklist&#x60; will
+   * take precedence and the request will not match this route.
+   *
+   * The regular expressions in &#x60;whitelist&#x60; and &#x60;blacklist&#x60;
+   * are matched against the concatenated
+   * [&#x60;pathname&#x60;]{@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/pathname}
+   * and [&#x60;search&#x60;]{@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/search}
+   * portions of the requested URL.
+   *
+   * @param {workbox.routing.Route~handlerCallback} handler A callback
+   * function that returns a Promise resulting in a Response.
+   * @param {Object} options
+   * @param {Array&amp;lt;RegExp&gt;} [options.blacklist] If any of these patterns match,
+   * the route will not handle the request (even if a whitelist RegExp matches).
+   * @param {Array&amp;lt;RegExp&gt;} [options.whitelist&#x3D;[/./]] If any of these patterns
+   * match the URL&#x27;s pathname and search parameter, the route will handle the
+   * request (assuming the blacklist doesn&#x27;t match).
+   */
+  constructor(handler, {whitelist &#x3D; [/./], blacklist &#x3D; []} &#x3D; {}) {
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      assert.isArrayOfClass(whitelist, RegExp, {
+        moduleName: &#x27;workbox-routing&#x27;,
+        className: &#x27;NavigationRoute&#x27;,
+        funcName: &#x27;constructor&#x27;,
+        paramName: &#x27;options.whitelist&#x27;,
+      });
+      assert.isArrayOfClass(blacklist, RegExp, {
+        moduleName: &#x27;workbox-routing&#x27;,
+        className: &#x27;NavigationRoute&#x27;,
+        funcName: &#x27;constructor&#x27;,
+        paramName: &#x27;options.blacklist&#x27;,
+      });
+    }
+
+    super((...args) &#x3D;&gt; this._match(...args), handler);
+
+    this._whitelist &#x3D; whitelist;
+    this._blacklist &#x3D; blacklist;
+  }
+
+  /**
+   * Routes match handler.
+   *
+   * @param {Object} input
+   * @param {FetchEvent} input.event
+   * @param {URL} input.url
+   * @return {boolean}
+   *
+   * @private
+   */
+  _match({event, url}) {
+    if (event.request.mode !&#x3D;&#x3D; &#x27;navigate&#x27;) {
+      return false;
+    }
+
+    const pathnameAndSearch &#x3D; url.pathname + url.search;
+
+    if (this._blacklist.some((regExp) &#x3D;&gt; regExp.test(pathnameAndSearch))) {
+      if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+        logger.debug(&#x60;The navigation route is not being used, since the &#x60; +
+          &#x60;request URL matches both the whitelist and blacklist.&#x60;);
+      }
+      return false;
+    }
+
+    if (this._whitelist.some((regExp) &#x3D;&gt; regExp.test(pathnameAndSearch))) {
+      if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+        logger.debug(&#x60;The navigation route is being used.&#x60;);
+      }
+      return true;
+    } else {
+      if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+        logger.debug(
+          &#x60;The navigation route is not being used, since the &#x60; +
+          &#x60;URL being navigated to doesn&#x27;t match the whitelist.&#x60;
+        );
+      }
+    }
+
+    return false;
+  }
+}
+
+export {NavigationRoute};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-routing_RegExpRoute.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-routing_RegExpRoute.mjs.html
new file mode 100644
index 00000000000..d826fb8f04a
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-routing_RegExpRoute.mjs.html
@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-routing/RegExpRoute.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-routing/RegExpRoute.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+ Copyright 2017 Google Inc. All Rights Reserved.
+ Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+import {assert} from &#x27;workbox-core/_private/assert.mjs&#x27;;
+import {logger} from &#x27;workbox-core/_private/logger.mjs&#x27;;
+import {Route} from &#x27;./Route.mjs&#x27;;
+import &#x27;./_version.mjs&#x27;;
+
+/**
+ * RegExpRoute makes it easy to create a regular expression based
+ * [Route]{@link workbox.routing.Route}.
+ *
+ * For same-origin requests the RegExp only needs to match part of the URL. For
+ * requests against third-party servers, you must define a RegExp that matches
+ * the start of the URL.
+ *
+ * [See the module docs for info.]{@link /web/tools/workbox/v3/modules/workbox-routing}
+ *
+ * @memberof workbox.routing
+ * @extends workbox.routing.Route
+ */
+class RegExpRoute extends Route {
+  /**
+   * If the regulard expression contains
+   * [capture groups]{@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp#grouping-back-references},
+   * th ecaptured values will be passed to the
+   * [handler&#x27;s]{@link workbox.routing.Route~handlerCallback} &#x60;params&#x60;
+   * argument.
+   *
+   * @param {RegExp} regExp The regular expression to match against URLs.
+   * @param {workbox.routing.Route~handlerCallback} handler A callback
+   * function that returns a Promise resulting in a Response.
+   * @param {string} [method&#x3D;&#x27;GET&#x27;] The HTTP method to match the Route
+   * against.
+   */
+  constructor(regExp, handler, method) {
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      assert.isInstance(regExp, RegExp, {
+        moduleName: &#x27;workbox-routing&#x27;,
+        className: &#x27;RegExpRoute&#x27;,
+        funcName: &#x27;constructor&#x27;,
+        paramName: &#x27;pattern&#x27;,
+      });
+    }
+
+    const match &#x3D; ({url}) &#x3D;&gt; {
+      const result &#x3D; regExp.exec(url.href);
+
+      // Return null immediately if there&#x27;s no match.
+      if (!result) {
+        return null;
+      }
+
+      // Require that the match start at the first character in the URL string
+      // if it&#x27;s a cross-origin request.
+      // See https://github.com/GoogleChrome/workbox/issues/281 for the context
+      // behind this behavior.
+      if ((url.origin !&#x3D;&#x3D; location.origin) &amp;amp;&amp;amp; (result.index !&#x3D;&#x3D; 0)) {
+        if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+          logger.debug(
+            &#x60;The regular expression &#x27;${regExp}&#x27; only partially matched &#x60; +
+            &#x60;against the cross-origin URL &#x27;${url}&#x27;. RegExpRoute&#x27;s will only &#x60; +
+            &#x60;handle cross-origin requests if they match the entire URL.&#x60;
+          );
+        }
+
+        return null;
+      }
+
+      // If the route matches, but there aren&#x27;t any capture groups defined, then
+      // this will return [], which is truthy and therefore sufficient to
+      // indicate a match.
+      // If there are capture groups, then it will return their values.
+      return result.slice(1);
+    };
+
+    super(match, handler, method);
+  }
+}
+
+export {RegExpRoute};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-routing_Route.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-routing_Route.mjs.html
new file mode 100644
index 00000000000..c3553d11e85
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-routing_Route.mjs.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-routing/Route.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-routing/Route.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+ Copyright 2017 Google Inc. All Rights Reserved.
+ Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+import {assert} from &#x27;workbox-core/_private/assert.mjs&#x27;;
+
+import {defaultMethod, validMethods} from &#x27;./utils/constants.mjs&#x27;;
+import normalizeHandler from &#x27;./utils/normalizeHandler.mjs&#x27;;
+import &#x27;./_version.mjs&#x27;;
+
+/**
+ * A &#x60;Route&#x60; consists of a pair of callback functions, &quot;match&quot; and &quot;handler&quot;.
+ * The &quot;match&quot; callback determine if a route should be used to &quot;handle&quot; a
+ * request by returning a non-falsy value if it can. The &quot;handler&quot; callback
+ * is called when there is a match and should return a Promise that resolves
+ * to a &#x60;Response&#x60;.
+ *
+ * @memberof workbox.routing
+ */
+class Route {
+  /**
+   * Constructor for Route class.
+   *
+   * @param {workbox.routing.Route~matchCallback} match
+   * A callback function that determines whether the route matches a given
+   * &#x60;fetch&#x60; event by returning a non-falsy value.
+   * @param {workbox.routing.Route~handlerCallback} handler A callback
+   * function that returns a Promise resolving to a Response.
+   * @param {string} [method&#x3D;&#x27;GET&#x27;] The HTTP method to match the Route
+   * against.
+   */
+  constructor(match, handler, method) {
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      assert.isType(match, &#x27;function&#x27;, {
+        moduleName: &#x27;workbox-routing&#x27;,
+        className: &#x27;Route&#x27;,
+        funcName: &#x27;constructor&#x27;,
+        paramName: &#x27;match&#x27;,
+      });
+
+      if (method) {
+        assert.isOneOf(method, validMethods, {paramName: &#x27;method&#x27;});
+      }
+    }
+
+    // These values are referenced directly by Router so cannot be
+    // altered by minifification.
+    this.handler &#x3D; normalizeHandler(handler);
+    this.match &#x3D; match;
+    this.method &#x3D; method || defaultMethod;
+  }
+}
+
+export {Route};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-routing_Router.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-routing_Router.mjs.html
new file mode 100644
index 00000000000..5642f0e5b62
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-routing_Router.mjs.html
@@ -0,0 +1,345 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-routing/Router.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-routing/Router.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+ Copyright 2017 Google Inc. All Rights Reserved.
+ Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+import {assert} from &#x27;workbox-core/_private/assert.mjs&#x27;;
+import {logger} from &#x27;workbox-core/_private/logger.mjs&#x27;;
+import {WorkboxError} from &#x27;workbox-core/_private/WorkboxError.mjs&#x27;;
+import {getFriendlyURL} from &#x27;workbox-core/_private/getFriendlyURL.mjs&#x27;;
+
+import normalizeHandler from &#x27;./utils/normalizeHandler.mjs&#x27;;
+import &#x27;./_version.mjs&#x27;;
+
+/**
+ * The Router can be used to process a FetchEvent through one or more
+ * [Routes]{@link workbox.routing.Route} responding  with a Request if
+ * a matching route exists.
+ *
+ * If no route matches a given a request, the Router will use a &quot;default&quot;
+ * handler if one is defined.
+ *
+ * Should the matching Route throw an error, the Router will use a &quot;catch&quot;
+ * handler if one is defined to gracefully deal with issues and respond with a
+ * Request.
+ *
+ * If a request matches multiple routes, the **earliest** registered route will
+ * be used to respond to the request.
+ *
+ * @memberof workbox.routing
+ */
+class Router {
+  /**
+   * Initializes a new Router.
+   */
+  constructor() {
+    // _routes will contain a mapping of HTTP method name (&#x27;GET&#x27;, etc.) to an
+    // array of all the corresponding Route instances that are registered.
+    this._routes &#x3D; new Map();
+  }
+
+  /**
+   * Apply the routing rules to a FetchEvent object to get a Response from an
+   * appropriate Route&#x27;s handler.
+   *
+   * @param {FetchEvent} event The event from a service worker&#x27;s &#x27;fetch&#x27; event
+   * listener.
+   * @return {Promise&amp;lt;Response&gt;|undefined} A promise is returned if a
+   * registered route can handle the FetchEvent&#x27;s request. If there is no
+   * matching route and there&#x27;s no &#x60;defaultHandler&#x60;, &#x60;undefined&#x60; is returned.
+   */
+  handleRequest(event) {
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      assert.isInstance(event, FetchEvent, {
+        moduleName: &#x27;workbox-routing&#x27;,
+        className: &#x27;Router&#x27;,
+        funcName: &#x27;handleRequest&#x27;,
+        paramName: &#x27;event&#x27;,
+      });
+    }
+
+    const url &#x3D; new URL(event.request.url);
+    if (!url.protocol.startsWith(&#x27;http&#x27;)) {
+      if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+        logger.debug(
+          &#x60;Workbox Router only supports URLs that start with &#x27;http&#x27;.&#x60;);
+      }
+      return;
+    }
+
+    let route &#x3D; null;
+    let handler &#x3D; null;
+    let params &#x3D; null;
+    let debugMessages &#x3D; [];
+
+    const result &#x3D; this._findHandlerAndParams(event, url);
+    handler &#x3D; result.handler;
+    params &#x3D; result.params;
+    route &#x3D; result.route;
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      if (handler) {
+        debugMessages.push([
+          &#x60;Found a route to handle this request:&#x60;, route,
+        ]);
+
+        if (params) {
+          debugMessages.push([
+            &#x60;Passing the following params to the route&#x27;s handler:&#x60;, params,
+          ]);
+        }
+      }
+    }
+
+    // If we don&#x27;t have a handler because there was no matching route, then
+    // fall back to defaultHandler if that&#x27;s defined.
+    if (!handler &amp;amp;&amp;amp; this._defaultHandler) {
+      if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+        debugMessages.push(&#x60;Failed to find a matching route. Falling &#x60; +
+          &#x60;back to the default handler.&#x60;);
+
+        // This is used for debugging in logs in the case of an error.
+        route &#x3D; &#x27;[Default Handler]&#x27;;
+      }
+      handler &#x3D; this._defaultHandler;
+    }
+
+    if (!handler) {
+      if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+        // No handler so Workbox will do nothing. If logs is set of debug
+        // i.e. verbose, we should print out this information.
+        logger.debug(&#x60;No route found for: ${getFriendlyURL(url)}&#x60;);
+      }
+      return;
+    }
+
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      // We have a handler, meaning Workbox is going to handle the route.
+      // print the routing details to the console.
+      logger.groupCollapsed(&#x60;Router is responding to: ${getFriendlyURL(url)}&#x60;);
+      debugMessages.forEach((msg) &#x3D;&gt; {
+        if (Array.isArray(msg)) {
+          logger.log(...msg);
+        } else {
+          logger.log(msg);
+        }
+      });
+
+      // The Request and Response objects contains a great deal of information,
+      // hide it under a group in case developers want to see it.
+      logger.groupCollapsed(&#x60;View request details here.&#x60;);
+      logger.unprefixed.log(event.request);
+      logger.groupEnd();
+
+      logger.groupEnd();
+    }
+
+    // Wrap in try and catch in case the handle method throws a synchronous
+    // error. It should still callback to the catch handler.
+    let responsePromise;
+    try {
+      responsePromise &#x3D; handler.handle({url, event, params});
+    } catch (err) {
+      responsePromise &#x3D; Promise.reject(err);
+    }
+
+    if (responsePromise &amp;amp;&amp;amp; this._catchHandler) {
+      responsePromise &#x3D; responsePromise.catch((err) &#x3D;&gt; {
+        if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+          // Still include URL here as it will be async from the console group
+          // and may not make sense without the URL
+          logger.groupCollapsed(&#x60;Error thrown when responding to: &#x60; +
+            &#x60; ${getFriendlyURL(url)}. Falling back to Catch Handler.&#x60;);
+          logger.unprefixed.error(&#x60;Error thrown by:&#x60;, route);
+          logger.unprefixed.error(err);
+          logger.groupEnd();
+        }
+        return this._catchHandler.handle({url, event, err});
+      });
+    }
+
+    return responsePromise;
+  }
+
+  /**
+   * Checks the incoming &#x60;event.request&#x60; against the registered routes, and if
+   * there&#x27;s a match, returns the corresponding handler along with any params
+   * generated by the match.
+   *
+   * @param {FetchEvent} event
+   * @param {URL} url
+   * @return {Object} Returns an object with &#x60;handler&#x60; and &#x60;params&#x60; properties.
+   * They are populated if a matching route was found or &#x60;undefined&#x60; otherwise.
+   *
+   * @private
+   */
+  _findHandlerAndParams(event, url) {
+    const routes &#x3D; this._routes.get(event.request.method) || [];
+    for (const route of routes) {
+      let matchResult &#x3D; route.match({url, event});
+      if (matchResult) {
+        if (Array.isArray(matchResult) &amp;amp;&amp;amp; matchResult.length &#x3D;&#x3D;&#x3D; 0) {
+          // Instead of passing an empty array in as params, use undefined.
+          matchResult &#x3D; undefined;
+        } else if ((matchResult.constructor &#x3D;&#x3D;&#x3D; Object &amp;amp;&amp;amp;
+          Object.keys(matchResult).length &#x3D;&#x3D;&#x3D; 0) || matchResult &#x3D;&#x3D;&#x3D; true) {
+          // Instead of passing an empty object in as params, use undefined.
+          matchResult &#x3D; undefined;
+        }
+
+        // Break out of the loop and return the appropriate values as soon as
+        // we have a match.
+        return {
+          route,
+          params: matchResult,
+          handler: route.handler,
+        };
+      }
+    }
+
+    // If we didn&#x27;t have a match, then return undefined values.
+    return {handler: undefined, params: undefined};
+  }
+
+  /**
+   * Define a default &#x60;handler&#x60; that&#x27;s called when no routes explicitly
+   * match the incoming request.
+   *
+   * Without a default handler, unmatched requests will go against the
+   * network as if there were no service worker present.
+   *
+   * @param {workbox.routing.Route~handlerCallback} handler A callback
+   * function that returns a Promise resulting in a Response.
+   */
+  setDefaultHandler(handler) {
+    this._defaultHandler &#x3D; normalizeHandler(handler);
+  }
+
+  /**
+   * If a Route throws an error while handling a request, this &#x60;handler&#x60;
+   * will be called and given a chance to provide a response.
+   *
+   * @param {workbox.routing.Route~handlerCallback} handler A callback
+   * function that returns a Promise resulting in a Response.
+   */
+  setCatchHandler(handler) {
+    this._catchHandler &#x3D; normalizeHandler(handler);
+  }
+
+  /**
+   * Registers a route with the router.
+   *
+   * @param {workbox.routing.Route} route The route to register.
+   */
+  registerRoute(route) {
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      assert.isType(route, &#x27;object&#x27;, {
+        moduleName: &#x27;workbox-routing&#x27;,
+        className: &#x27;Router&#x27;,
+        funcName: &#x27;registerRoute&#x27;,
+        paramName: &#x27;route&#x27;,
+      });
+
+      assert.hasMethod(route, &#x27;match&#x27;, {
+        moduleName: &#x27;workbox-routing&#x27;,
+        className: &#x27;Router&#x27;,
+        funcName: &#x27;registerRoute&#x27;,
+        paramName: &#x27;route&#x27;,
+      });
+
+      assert.isType(route.handler, &#x27;object&#x27;, {
+        moduleName: &#x27;workbox-routing&#x27;,
+        className: &#x27;Router&#x27;,
+        funcName: &#x27;registerRoute&#x27;,
+        paramName: &#x27;route&#x27;,
+      });
+
+      assert.hasMethod(route.handler, &#x27;handle&#x27;, {
+        moduleName: &#x27;workbox-routing&#x27;,
+        className: &#x27;Router&#x27;,
+        funcName: &#x27;registerRoute&#x27;,
+        paramName: &#x27;route.handler&#x27;,
+      });
+
+      assert.isType(route.method, &#x27;string&#x27;, {
+        moduleName: &#x27;workbox-routing&#x27;,
+        className: &#x27;Router&#x27;,
+        funcName: &#x27;registerRoute&#x27;,
+        paramName: &#x27;route.method&#x27;,
+      });
+    }
+
+    if (!this._routes.has(route.method)) {
+      this._routes.set(route.method, []);
+    }
+
+    // Give precedence to all of the earlier routes by adding this additional
+    // route to the end of the array.
+    this._routes.get(route.method).push(route);
+  }
+
+  /**
+   * Unregisters a route with the router.
+   *
+   * @param {workbox.routing.Route} route The route to unregister.
+   */
+  unregisterRoute(route) {
+    if (!this._routes.has(route.method)) {
+      throw new WorkboxError(
+        &#x27;unregister-route-but-not-found-with-method&#x27;, {
+          method: route.method,
+        }
+      );
+    }
+
+    const routeIndex &#x3D; this._routes.get(route.method).indexOf(route);
+    if (routeIndex &gt; -1) {
+      this._routes.get(route.method).splice(routeIndex, 1);
+    } else {
+      throw new WorkboxError(&#x27;unregister-route-route-not-registered&#x27;);
+    }
+  }
+}
+
+export {Router};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-routing__default.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-routing__default.mjs.html
new file mode 100644
index 00000000000..7e4ef468344
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-routing__default.mjs.html
@@ -0,0 +1,219 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-routing/_default.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-routing/_default.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+import {NavigationRoute} from &#x27;./NavigationRoute.mjs&#x27;;
+import {RegExpRoute} from &#x27;./RegExpRoute.mjs&#x27;;
+import {Router} from &#x27;./Router.mjs&#x27;;
+import {Route} from &#x27;./Route.mjs&#x27;;
+import {WorkboxError} from &#x27;workbox-core/_private/WorkboxError.mjs&#x27;;
+import {assert} from &#x27;workbox-core/_private/assert.mjs&#x27;;
+import {cacheNames} from &#x27;workbox-core/_private/cacheNames.mjs&#x27;;
+import {logger} from &#x27;workbox-core/_private/logger.mjs&#x27;;
+import &#x27;./_version.mjs&#x27;;
+
+if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+  assert.isSwEnv(&#x27;workbox-routing&#x27;);
+}
+
+/**
+ * @private
+ */
+class DefaultRouter extends Router {
+  /**
+   * Easily register a RegExp, string, or function with a caching
+   * strategy to the Router.
+   *
+   * This method will generate a Route for you if needed and
+   * call [Router.registerRoute()]{@link
+   * workbox.routing.Router#registerRoute}.
+   *
+   * @param {
+   * RegExp|
+   * string|
+   * workbox.routing.Route~matchCallback|
+   * workbox.routing.Route
+   * } capture
+   * If the capture param is a &#x60;Route&#x60;, all other arguments will be ignored.
+   * @param {workbox.routing.Route~handlerCallback} handler A callback
+   * function that returns a Promise resulting in a Response.
+   * @param {string} [method&#x3D;&#x27;GET&#x27;] The HTTP method to match the Route
+   * against.
+   * @return {workbox.routing.Route} The generated &#x60;Route&#x60;(Useful for
+   * unregistering).
+   *
+   * @alias workbox.routing.registerRoute
+   */
+  registerRoute(capture, handler, method &#x3D; &#x27;GET&#x27;) {
+    let route;
+
+    if (typeof capture &#x3D;&#x3D;&#x3D; &#x27;string&#x27;) {
+      const captureUrl &#x3D; new URL(capture, location);
+
+      if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+        if (!(capture.startsWith(&#x27;/&#x27;) || capture.startsWith(&#x27;http&#x27;))) {
+          throw new WorkboxError(&#x27;invalid-string&#x27;, {
+            moduleName: &#x27;workbox-routing&#x27;,
+            className: &#x27;DefaultRouter&#x27;,
+            funcName: &#x27;registerRoute&#x27;,
+            paramName: &#x27;capture&#x27;,
+          });
+        }
+
+        // We want to check if Express-style wildcards are in the pathname only.
+        // TODO: Remove this log message in v4.
+        const valueToCheck &#x3D; capture.startsWith(&#x27;http&#x27;) ?
+          captureUrl.pathname :
+          capture;
+        // See https://github.com/pillarjs/path-to-regexp#parameters
+        const wildcards &#x3D; &#x27;[*:?+]&#x27;;
+        if (valueToCheck.match(new RegExp(&#x60;${wildcards}&#x60;))) {
+          logger.debug(
+            &#x60;The &#x27;$capture&#x27; parameter contains an Express-style wildcard &#x60; +
+            &#x60;character (${wildcards}). Strings are now always interpreted as &#x60; +
+            &#x60;exact matches; use a RegExp for partial or wildcard matches.&#x60;
+          );
+        }
+      }
+
+      const matchCallback &#x3D; ({url}) &#x3D;&gt; {
+        if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+          if ((url.pathname &#x3D;&#x3D;&#x3D; captureUrl.pathname) &amp;amp;&amp;amp;
+              (url.origin !&#x3D;&#x3D; captureUrl.origin)) {
+            logger.debug(
+              &#x60;${capture} only partially matches the cross-origin URL &#x60; +
+              &#x60;${url}. This route will only handle cross-origin requests &#x60; +
+              &#x60;if they match the entire URL.&#x60;
+            );
+          }
+        }
+
+        return url.href &#x3D;&#x3D;&#x3D; captureUrl.href;
+      };
+
+      route &#x3D; new Route(matchCallback, handler, method);
+    } else if (capture instanceof RegExp) {
+      route &#x3D; new RegExpRoute(capture, handler, method);
+    } else if (typeof capture &#x3D;&#x3D;&#x3D; &#x27;function&#x27;) {
+      route &#x3D; new Route(capture, handler, method);
+    } else if (capture instanceof Route) {
+      route &#x3D; capture;
+    } else {
+      throw new WorkboxError(&#x27;unsupported-route-type&#x27;, {
+        moduleName: &#x27;workbox-routing&#x27;,
+        className: &#x27;DefaultRouter&#x27;,
+        funcName: &#x27;registerRoute&#x27;,
+        paramName: &#x27;capture&#x27;,
+      });
+    }
+
+    super.registerRoute(route);
+    return route;
+  }
+
+  /**
+   * Register a route that will return a precached file for a navigation
+   * request. This is useful for the
+   * [application shell pattern]{@link /web/fundamentals/architecture/app-shell}.
+   *
+   * This method will generate a
+   * [NavigationRoute]{@link workbox.routing.NavigationRoute}
+   * and call
+   * [Router.registerRoute()]{@link workbox.routing.Router#registerRoute}
+   * .
+   *
+   * @param {string} cachedAssetUrl
+   * @param {Object} [options]
+   * @param {string} [options.cacheName] Cache name to store and retrieve
+   * requests. Defaults to precache cache name provided by
+   * [workbox-core.cacheNames]{@link workbox.core.cacheNames}.
+   * @param {Array&amp;lt;RegExp&gt;} [options.blacklist&#x3D;[]] If any of these patterns
+   * match, the route will not handle the request (even if a whitelist entry
+   * matches).
+   * @param {Array&amp;lt;RegExp&gt;} [options.whitelist&#x3D;[/./]] If any of these patterns
+   * match the URL&#x27;s pathname and search parameter, the route will handle the
+   * request (assuming the blacklist doesn&#x27;t match).
+   * @return {workbox.routing.NavigationRoute} Returns the generated
+   * Route.
+   *
+   * @alias workbox.routing.registerNavigationRoute
+   */
+  registerNavigationRoute(cachedAssetUrl, options &#x3D; {}) {
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      assert.isType(cachedAssetUrl, &#x27;string&#x27;, {
+        moduleName: &#x27;workbox-routing&#x27;,
+        className: &#x27;[default export]&#x27;,
+        funcName: &#x27;registerNavigationRoute&#x27;,
+        paramName: &#x27;cachedAssetUrl&#x27;,
+      });
+    }
+
+    const cacheName &#x3D; cacheNames.getPrecacheName(options.cacheName);
+    const handler &#x3D; () &#x3D;&gt; caches.match(cachedAssetUrl, {cacheName});
+    const route &#x3D; new NavigationRoute(handler, {
+      whitelist: options.whitelist,
+      blacklist: options.blacklist,
+    });
+    super.registerRoute(
+      route
+    );
+    return route;
+  }
+}
+
+const router &#x3D; new DefaultRouter();
+
+// By default, register a fetch event listener that will respond to a request
+// only if there&#x27;s a matching route.
+self.addEventListener(&#x27;fetch&#x27;, (event) &#x3D;&gt; {
+  const responsePromise &#x3D; router.handleRequest(event);
+  if (responsePromise) {
+    event.respondWith(responsePromise);
+  }
+});
+
+export default router;
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-routing__types.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-routing__types.mjs.html
new file mode 100644
index 00000000000..ec9c3047b05
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-routing__types.mjs.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-routing/_types.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-routing/_types.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+ Copyright 2016 Google Inc. All Rights Reserved.
+ Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ */
+
+import &#x27;./_version.mjs&#x27;;
+
+/**
+ * The &quot;match&quot; callback is used to determine if a &#x60;Route&#x60; should handle a
+ * service worker&#x27;s &#x60;fetch&#x60; event. Returning a truthy value means
+ * this &#x60;Route&#x60; will handle and respond to the event.
+ *
+ * Return &#x60;null&#x60; if this Route shouldn&#x27;t match against the &#x60;fetch&#x60; event.
+ *
+ * Any truthy value returned by this callback will be passed to the
+ * Route&#x27;s
+ * [handler callback]{@link workbox.routing.Route~handlerCallback}.
+ *
+ * @callback Route~matchCallback
+ * @param {Object} context
+ * @param {URL} context.url The request&#x27;s URL.
+ * @param {FetchEvent} context.event The service worker&#x60;s &#x60;fetch&#x60;
+ * event.
+ * @return {Object|null} To signify a match, return anything other than &#x60;null&#x60;.
+ * Return &#x60;null&#x60; if the route shouldn&#x27;t match.
+ * [handler]{@link workbox.routing.Route~handlerCallback}.
+ *
+ * @memberof workbox.routing
+ */
+
+/**
+ * The &quot;handler&quot; callback is called when a service worker&#x27;s &#x60;fetch&#x60; event
+ * has been matched by a &#x60;Route&#x60;. This callback should return a Promise that
+ * resolves with a &#x60;Response&#x60;.
+ *
+ * If a value is returned by the
+ * [match callback]{@link workbox.routing.Route~matchCallback} it
+ * will be passed in as the &#x60;context.params&#x60; argument.
+ *
+ * @callback Route~handlerCallback
+ * @param {Object} context
+ * @param {URL} context.url The request&#x27;s URL.
+ * @param {FetchEvent} context.event The service worker&#x27;s &#x60;fetch&#x60;
+ * event.
+ * @param {Object} [context.params] Parameters returned by the Route&#x27;s
+ * [match callback]{@link workbox.routing.Route~matchCallback} function.
+ * This will be undefined if nothing was returned.
+ * @return {Promise&amp;lt;Response&gt;} The response that will fulfill the request.
+ *
+ * @memberof workbox.routing
+ */
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-routing_index.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-routing_index.mjs.html
new file mode 100644
index 00000000000..a24ff869ea8
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-routing_index.mjs.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-routing/index.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-routing/index.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+import defaultExport from &#x27;./_default.mjs&#x27;;
+import &#x27;./_version.mjs&#x27;;
+
+/**
+ * @namespace workbox.routing
+ * @borrows workbox.routing.Router#setCatchHandler as setCatchHandler
+ * @borrows workbox.routing.Router#setDefaultHandler as setDefaultHandler
+ * @borrows workbox.routing.Router#unregisterRoute as unregisterRoute
+ */
+
+export * from &#x27;./_public.mjs&#x27;;
+export default defaultExport;
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies_CacheFirst.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies_CacheFirst.mjs.html
new file mode 100644
index 00000000000..e53d53ffcd6
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies_CacheFirst.mjs.html
@@ -0,0 +1,187 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-strategies/CacheFirst.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-strategies/CacheFirst.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+ Copyright 2016 Google Inc. All Rights Reserved.
+ Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+import {cacheNames} from &#x27;workbox-core/_private/cacheNames.mjs&#x27;;
+import {cacheWrapper} from &#x27;workbox-core/_private/cacheWrapper.mjs&#x27;;
+import {fetchWrapper} from &#x27;workbox-core/_private/fetchWrapper.mjs&#x27;;
+import {assert} from &#x27;workbox-core/_private/assert.mjs&#x27;;
+import {logger} from &#x27;workbox-core/_private/logger.mjs&#x27;;
+
+import messages from &#x27;./utils/messages.mjs&#x27;;
+import &#x27;./_version.mjs&#x27;;
+
+/**
+ * An implementation of a [cache-first]{@link /web/fundamentals/instant-and-offline/offline-cookbook/#cache-falling-back-to-network}
+ * request strategy.
+ *
+ * A cache first strategy is useful for assets that have beeng revisioned,
+ * such as URLs like &#x60;/styles/example.a8f5f1.css&#x60;, since they
+ * can be cached for long periods of time.
+ *
+ * @memberof workbox.strategies
+ */
+class CacheFirst {
+  // TODO: Replace &#x60;plugins&#x60; parameter link with link to d.g.c.
+
+  /**
+   * @param {Object} options
+   * @param {string} options.cacheName Cache name to store and retrieve
+   * requests. Defaults to cache names provided by
+   * [workbox-core]{@link workbox.core.cacheNames}.
+   * @param {string} options.plugins [Plugins]{@link https://docs.google.com/document/d/1Qye_GDVNF1lzGmhBaUvbgwfBWRQDdPgwUAgsbs8jhsk/edit?usp&#x3D;sharing}
+   * to use in conjunction with this caching strategy.
+   */
+  constructor(options &#x3D; {}) {
+    this._cacheName &#x3D; cacheNames.getRuntimeName(options.cacheName);
+    this._plugins &#x3D; options.plugins || [];
+  }
+
+  /**
+   * This method will perform a request strategy and follows an API that
+   * will work with the
+   * [Workbox Router]{@link workbox.routing.Router}.
+   *
+   * @param {Object} input
+   * @param {FetchEvent} input.event The fetch event to run this strategy
+   * against.
+   * @return {Promise&amp;lt;Response&gt;}
+   */
+  async handle({event}) {
+    const logs &#x3D; [];
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      assert.isInstance(event, FetchEvent, {
+        moduleName: &#x27;workbox-strategies&#x27;,
+        className: &#x27;CacheFirst&#x27;,
+        funcName: &#x27;handle&#x27;,
+        paramName: &#x27;event&#x27;,
+      });
+    }
+
+    let response &#x3D; await cacheWrapper.match(
+      this._cacheName,
+      event.request,
+      null,
+      this._plugins
+    );
+
+    let error;
+    if (!response) {
+      if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+        logs.push(
+          &#x60;No response found in the &#x27;${this._cacheName}&#x27; cache. &#x60; +
+          &#x60;Will respond with a network request.&#x60;);
+      }
+      try {
+        response &#x3D; await this._getFromNetwork(event);
+      } catch (err) {
+        error &#x3D; err;
+      }
+
+      if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+        if (response) {
+          logs.push(&#x60;Got response from network.&#x60;);
+        } else {
+          logs.push(&#x60;Unable to get a response from the network.&#x60;);
+        }
+      }
+    } else {
+      if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+        logs.push(
+          &#x60;Found a cached response in the &#x27;${this._cacheName}&#x27; cache.&#x60;);
+      }
+    }
+
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      logger.groupCollapsed(
+        messages.strategyStart(&#x27;CacheFirst&#x27;, event));
+      for (let log of logs) {
+        logger.log(log);
+      }
+      messages.printFinalResponse(response);
+      logger.groupEnd();
+    }
+
+    if (error) {
+      // Don&#x27;t swallow error as we&#x27;ll want it to throw and enable catch
+      // handlers in router.
+      throw error;
+    }
+
+    return response;
+  }
+
+  /**
+   * Handles the network and cache part of CacheFirst.
+   *
+   * @param {FetchEvent} event
+   * @return {Promise&amp;lt;Response&gt;}
+   *
+   * @private
+   */
+  async _getFromNetwork(event) {
+    const response &#x3D; await fetchWrapper.fetch(
+      event.request,
+      null,
+      this._plugins
+    );
+
+    // Keep the service worker while we put the request to the cache
+    const responseClone &#x3D; response.clone();
+    event.waitUntil(
+      cacheWrapper.put(
+        this._cacheName,
+        event.request,
+        responseClone,
+        this._plugins
+      )
+    );
+
+    return response;
+  }
+}
+
+export {CacheFirst};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies_CacheOnly.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies_CacheOnly.mjs.html
new file mode 100644
index 00000000000..f4932b1c65c
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies_CacheOnly.mjs.html
@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-strategies/CacheOnly.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-strategies/CacheOnly.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+ Copyright 2016 Google Inc. All Rights Reserved.
+ Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+import {cacheNames} from &#x27;workbox-core/_private/cacheNames.mjs&#x27;;
+import {cacheWrapper} from &#x27;workbox-core/_private/cacheWrapper.mjs&#x27;;
+import {assert} from &#x27;workbox-core/_private/assert.mjs&#x27;;
+import {logger} from &#x27;workbox-core/_private/logger.mjs&#x27;;
+
+import messages from &#x27;./utils/messages.mjs&#x27;;
+import &#x27;./_version.mjs&#x27;;
+
+// TODO: Replace &#x60;Workbox plugins&#x60; link in the class description with a
+// link to d.g.c.
+// TODO: Replace &#x60;plugins&#x60; parameter link with link to d.g.c.
+
+/**
+ * An implementation of a
+ * [cache-only]{@link /web/fundamentals/instant-and-offline/offline-cookbook/#cache-only}
+ * request strategy.
+ *
+ * This class is useful if you want to take advantage of any [Workbox plugins]{@link https://docs.google.com/document/d/1Qye_GDVNF1lzGmhBaUvbgwfBWRQDdPgwUAgsbs8jhsk/edit?usp&#x3D;sharing}.
+ *
+ * @memberof workbox.strategies
+ */
+class CacheOnly {
+  /**
+   * @param {Object} options
+   * @param {string} options.cacheName Cache name to store and retrieve
+   * requests. Defaults to cache names provided by
+   * [workbox-core]{@link workbox.core.cacheNames}.
+   * @param {string} options.plugins [Plugins]{@link https://docs.google.com/document/d/1Qye_GDVNF1lzGmhBaUvbgwfBWRQDdPgwUAgsbs8jhsk/edit?usp&#x3D;sharing}
+   * to use in conjunction with this caching strategy.
+   */
+  constructor(options &#x3D; {}) {
+    this._cacheName &#x3D; cacheNames.getRuntimeName(options.cacheName);
+    this._plugins &#x3D; options.plugins || [];
+  }
+
+  /**
+   * This method will perform a request strategy and follows an API that
+   * will work with the
+   * [Workbox Router]{@link workbox.routing.Router}.
+   *
+   * @param {Object} input
+   * @param {FetchEvent} input.event The fetch event to run this strategy
+   * against.
+   * @return {Promise&amp;lt;Response&gt;}
+   */
+  async handle({event}) {
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      assert.isInstance(event, FetchEvent, {
+        moduleName: &#x27;workbox-strategies&#x27;,
+        className: &#x27;CacheOnly&#x27;,
+        funcName: &#x27;handle&#x27;,
+        paramName: &#x27;event&#x27;,
+      });
+    }
+
+    const response &#x3D; await cacheWrapper.match(
+      this._cacheName,
+      event.request,
+      null,
+      this._plugins
+    );
+
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      logger.groupCollapsed(
+        messages.strategyStart(&#x27;CacheOnly&#x27;, event));
+      if (response) {
+        logger.log(&#x60;Found a cached response in the &#x27;${this._cacheName}&#x27;&#x60; +
+          &#x60; cache.&#x60;);
+        messages.printFinalResponse(response);
+      } else {
+        logger.log(&#x60;No response found in the &#x27;${this._cacheName}&#x27; cache.&#x60;);
+      }
+      logger.groupEnd();
+    }
+
+    return response;
+  }
+}
+
+export {CacheOnly};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies_NetworkFirst.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies_NetworkFirst.mjs.html
new file mode 100644
index 00000000000..dec2720a93d
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies_NetworkFirst.mjs.html
@@ -0,0 +1,270 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-strategies/NetworkFirst.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-strategies/NetworkFirst.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+ Copyright 2016 Google Inc. All Rights Reserved.
+ Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+import {cacheNames} from &#x27;workbox-core/_private/cacheNames.mjs&#x27;;
+import {cacheWrapper} from &#x27;workbox-core/_private/cacheWrapper.mjs&#x27;;
+import {fetchWrapper} from &#x27;workbox-core/_private/fetchWrapper.mjs&#x27;;
+import {assert} from &#x27;workbox-core/_private/assert.mjs&#x27;;
+import {logger} from &#x27;workbox-core/_private/logger.mjs&#x27;;
+
+import messages from &#x27;./utils/messages.mjs&#x27;;
+import cacheOkAndOpaquePlugin from &#x27;./plugins/cacheOkAndOpaquePlugin.mjs&#x27;;
+import &#x27;./_version.mjs&#x27;;
+
+// TODO: Change opaque responses to d.g.c link
+// TODO: Replace &#x60;plugins&#x60; parameter link with link to d.g.c.
+
+/**
+ * An implementation of a
+ * [network first]{@link /web/fundamentals/instant-and-offline/offline-cookbook/#network-falling-back-to-cache}
+ * request strategy.
+ *
+ * By default, this strategy will cache responses with a 200 status code as
+ * well as [opaque responses]{@link https://docs.google.com/document/d/1nHIjXdmXs9nT6_lcGcsZY5UZ-tL9JxXESlKbzAJdBG4/edit?usp&#x3D;sharing}.
+ * Opaque responses are are cross-origin requests where the response doesn&#x27;t
+ * support [CORS]{@link https://enable-cors.org/}.
+ *
+ * @memberof workbox.strategies
+ */
+class NetworkFirst {
+  /**
+   * @param {Object} options
+   * @param {string} options.cacheName Cache name to store and retrieve
+   * requests. Defaults to cache names provided by
+   * [workbox-core]{@link workbox.core.cacheNames}.
+   * @param {string} options.plugins [Plugins]{@link https://docs.google.com/document/d/1Qye_GDVNF1lzGmhBaUvbgwfBWRQDdPgwUAgsbs8jhsk/edit?usp&#x3D;sharing}
+   * to use in conjunction with this caching strategy.
+   * @param {number} options.networkTimeoutSeconds If set, any network requests
+   * that fail to respond within the timeout will fallback to the cache.
+   *
+   * This option can be used to combat
+   * &quot;[lie-fi]{@link /web/fundamentals/performance/poor-connectivity/#lie-fi}&quot;
+   * scenarios.
+   */
+  constructor(options &#x3D; {}) {
+    this._cacheName &#x3D; cacheNames.getRuntimeName(options.cacheName);
+
+    if (options.plugins) {
+      let isUsingCacheWillUpdate &#x3D;
+        options.plugins.some((plugin) &#x3D;&gt; !!plugin.cacheWillUpdate);
+      this._plugins &#x3D; isUsingCacheWillUpdate ?
+        options.plugins : [cacheOkAndOpaquePlugin, ...options.plugins];
+    } else {
+      // No plugins passed in, use the default plugin.
+      this._plugins &#x3D; [cacheOkAndOpaquePlugin];
+    }
+
+    this._networkTimeoutSeconds &#x3D; options.networkTimeoutSeconds;
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      if (this._networkTimeoutSeconds) {
+        assert.isType(this._networkTimeoutSeconds, &#x27;number&#x27;, {
+          moduleName: &#x27;workbox-strategies&#x27;,
+          className: &#x27;NetworkFirst&#x27;,
+          funcName: &#x27;constructor&#x27;,
+          paramName: &#x27;networkTimeoutSeconds&#x27;,
+        });
+      }
+    }
+  }
+
+  /**
+   * This method will perform a request strategy and follows an API that
+   * will work with the
+   * [Workbox Router]{@link workbox.routing.Router}.
+   *
+   * @param {Object} input
+   * @param {FetchEvent} input.event The fetch event to run this strategy
+   * against.
+   * @return {Promise&amp;lt;Response&gt;}
+   */
+  async handle({event}) {
+    const logs &#x3D; [];
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      assert.isInstance(event, FetchEvent, {
+        moduleName: &#x27;workbox-strategies&#x27;,
+        className: &#x27;NetworkFirst&#x27;,
+        funcName: &#x27;handle&#x27;,
+        paramName: &#x27;event&#x27;,
+      });
+    }
+
+    const promises &#x3D; [];
+    let timeoutId;
+
+    if (this._networkTimeoutSeconds) {
+      const {id, promise} &#x3D; this._getTimeoutPromise(event, logs);
+      timeoutId &#x3D; id;
+      promises.push(promise);
+    }
+
+    const networkPromise &#x3D; this._getNetworkPromise(timeoutId, event, logs);
+    promises.push(networkPromise);
+
+    const response &#x3D; await Promise.race(promises);
+
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      logger.groupCollapsed(
+        messages.strategyStart(&#x27;NetworkFirst&#x27;, event));
+      for (let log of logs) {
+        logger.log(log);
+      }
+      messages.printFinalResponse(response);
+      logger.groupEnd();
+    }
+
+    return response;
+  }
+
+  /**
+   * @param {FetchEvent} event
+   * @param {Array} logs A reference to the logs array
+   * @return {Promise&amp;lt;Response&gt;}
+   *
+   * @private
+   */
+  _getTimeoutPromise(event, logs) {
+    let timeoutId;
+    const timeoutPromise &#x3D; new Promise((resolve) &#x3D;&gt; {
+      const onNetworkTimeout &#x3D; async () &#x3D;&gt; {
+        if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+          logs.push(&#x60;Timing out the network response at &#x60; +
+            &#x60;${this._networkTimeoutSeconds} seconds.&#x60;);
+        }
+
+        resolve(await this._respondFromCache(event.request));
+      };
+
+      timeoutId &#x3D; setTimeout(
+        onNetworkTimeout,
+        this._networkTimeoutSeconds * 1000,
+      );
+    });
+
+    return {
+      promise: timeoutPromise,
+      id: timeoutId,
+    };
+  }
+
+  /**
+   * @param {number} timeoutId
+   * @param {FetchEvent} event
+   * @param {Array} logs A reference to the logs Array.
+   * @return {Promise&amp;lt;Response&gt;}
+   *
+   * @private
+   */
+  async _getNetworkPromise(timeoutId, event, logs) {
+    let error;
+    let response;
+    try {
+      response &#x3D; await fetchWrapper.fetch(
+        event.request,
+        this._plugins
+      );
+    } catch (err) {
+      error &#x3D; err;
+    }
+
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+    }
+
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      if (response) {
+        logs.push(&#x60;Got response from network.&#x60;);
+      } else {
+        logs.push(&#x60;Unable to get a response from the network. Will respond &#x60; +
+          &#x60;with a cached response.&#x60;);
+      }
+    }
+
+    if (error || !response) {
+      response &#x3D; await this._respondFromCache(event.request);
+      if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+        if (response) {
+          logs.push(&#x60;Found a cached response in the &#x27;${this._cacheName}&#x27;&#x60; +
+            &#x60; cache.&#x60;);
+        } else {
+          logs.push(&#x60;No response found in the &#x27;${this._cacheName}&#x27; cache.&#x60;);
+        }
+      }
+    } else {
+       // Keep the service worker alive while we put the request in the cache
+      const responseClone &#x3D; response.clone();
+      event.waitUntil(
+        cacheWrapper.put(
+          this._cacheName,
+          event.request,
+          responseClone,
+          this._plugins
+        )
+      );
+    }
+
+    return response;
+  }
+
+  /**
+   * Used if the network timeouts or fails to make the request.
+   *
+   * @param {Request} request The fetchEvent request to match in the cache
+   * @return {Promise&amp;lt;Object&gt;}
+   *
+   * @private
+   */
+  _respondFromCache(request) {
+    return cacheWrapper.match(
+      this._cacheName,
+      request,
+      null,
+      this._plugins
+    );
+  }
+}
+
+export {NetworkFirst};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies_NetworkOnly.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies_NetworkOnly.mjs.html
new file mode 100644
index 00000000000..acc6958b93f
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies_NetworkOnly.mjs.html
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-strategies/NetworkOnly.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-strategies/NetworkOnly.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+ Copyright 2016 Google Inc. All Rights Reserved.
+ Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+import {cacheNames} from &#x27;workbox-core/_private/cacheNames.mjs&#x27;;
+import {fetchWrapper} from &#x27;workbox-core/_private/fetchWrapper.mjs&#x27;;
+import {assert} from &#x27;workbox-core/_private/assert.mjs&#x27;;
+import {logger} from &#x27;workbox-core/_private/logger.mjs&#x27;;
+import messages from &#x27;./utils/messages.mjs&#x27;;
+import &#x27;./_version.mjs&#x27;;
+
+// TODO: Replace &#x60;Workbox plugins&#x60; link in the class description with a
+// link to d.g.c.
+// TODO: Replace &#x60;plugins&#x60; parameter link with link to d.g.c.
+
+/**
+ * An implementation of a
+ * [network-only]{@link /web/fundamentals/instant-and-offline/offline-cookbook/#network-only}
+ * request strategy.
+ *
+ * This class is useful if you want to take advantage of any [Workbox plugins]{@link https://docs.google.com/document/d/1Qye_GDVNF1lzGmhBaUvbgwfBWRQDdPgwUAgsbs8jhsk/edit?usp&#x3D;sharing}.
+ *
+ * @memberof workbox.strategies
+ */
+class NetworkOnly {
+  /**
+   * @param {Object} options
+   * @param {string} options.cacheName Cache name to store and retrieve
+   * requests. Defaults to cache names provided by
+   * [workbox-core]{@link workbox.core.cacheNames}.
+   * @param {string} options.plugins [Plugins]{@link https://docs.google.com/document/d/1Qye_GDVNF1lzGmhBaUvbgwfBWRQDdPgwUAgsbs8jhsk/edit?usp&#x3D;sharing}
+   * to use in conjunction with this caching strategy.
+   */
+  constructor(options &#x3D; {}) {
+    this._cacheName &#x3D; cacheNames.getRuntimeName(options.cacheName);
+    this._plugins &#x3D; options.plugins || [];
+  }
+
+  /**
+   * This method will perform a request strategy and follows an API that
+   * will work with the
+   * [Workbox Router]{@link workbox.routing.Router}.
+   *
+   * @param {Object} input
+   * @param {FetchEvent} input.event The fetch event to run this strategy
+   * against.
+   * @return {Promise&amp;lt;Response&gt;}
+   */
+  async handle({event}) {
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      assert.isInstance(event, FetchEvent, {
+        moduleName: &#x27;workbox-strategies&#x27;,
+        className: &#x27;NetworkOnly&#x27;,
+        funcName: &#x27;handle&#x27;,
+        paramName: &#x27;event&#x27;,
+      });
+    }
+
+    let error;
+    let response;
+    try {
+      response &#x3D; await fetchWrapper.fetch(
+        event.request,
+        null,
+        this._plugins
+      );
+    } catch (err) {
+      error &#x3D; err;
+    }
+
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      logger.groupCollapsed(
+        messages.strategyStart(&#x27;NetworkOnly&#x27;, event));
+      if (response) {
+        logger.log(&#x60;Got response from network.&#x60;);
+      } else {
+        logger.log(&#x60;Unable to get a response from the network.&#x60;);
+      }
+      messages.printFinalResponse(response);
+      logger.groupEnd();
+    }
+
+    // If there was an error thrown, re-throw it to ensure the Routers
+    // catch handler is triggered.
+    if (error) {
+      throw error;
+    }
+
+    return response;
+  }
+}
+
+export {NetworkOnly};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies_StaleWhileRevalidate.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies_StaleWhileRevalidate.mjs.html
new file mode 100644
index 00000000000..41b01b8f83c
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies_StaleWhileRevalidate.mjs.html
@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-strategies/StaleWhileRevalidate.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-strategies/StaleWhileRevalidate.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+ Copyright 2016 Google Inc. All Rights Reserved.
+ Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+import {cacheNames} from &#x27;workbox-core/_private/cacheNames.mjs&#x27;;
+import {cacheWrapper} from &#x27;workbox-core/_private/cacheWrapper.mjs&#x27;;
+import {fetchWrapper} from &#x27;workbox-core/_private/fetchWrapper.mjs&#x27;;
+import {logger} from &#x27;workbox-core/_private/logger.mjs&#x27;;
+import {assert} from &#x27;workbox-core/_private/assert.mjs&#x27;;
+
+import messages from &#x27;./utils/messages.mjs&#x27;;
+import cacheOkAndOpaquePlugin from &#x27;./plugins/cacheOkAndOpaquePlugin.mjs&#x27;;
+import &#x27;./_version.mjs&#x27;;
+
+// TODO: Replace &#x60;Workbox plugins&#x60; link in the class description with a
+// link to d.g.c.
+// TODO: Replace &#x60;plugins&#x60; parameter link with link to d.g.c.
+
+/**
+ * An implementation of a
+ * [stale-while-revalidate]{@link /web/fundamentals/instant-and-offline/offline-cookbook/#stale-while-revalidate}
+ * request strategy.
+ *
+ * Resources are requested from both the cache and the network in parallel.
+ * The strategy will respond with the cached version if available, otherwise
+ * wait for the network response. The cache is updated with the network response
+ * with each successful request.
+ *
+ * By default, this strategy will cache responses with a 200 status code as
+ * well as [opaque responses]{@link https://docs.google.com/document/d/1nHIjXdmXs9nT6_lcGcsZY5UZ-tL9JxXESlKbzAJdBG4/edit?usp&#x3D;sharing}.
+ * Opaque responses are are cross-origin requests where the response doesn&#x27;t
+ * support [CORS]{@link https://enable-cors.org/}.
+ *
+ * @memberof workbox.strategies
+ */
+class StaleWhileRevalidate {
+  /**
+   * @param {Object} options
+   * @param {string} options.cacheName Cache name to store and retrieve
+   * requests. Defaults to cache names provided by
+   * [workbox-core]{@link workbox.core.cacheNames}.
+   * @param {string} options.plugins [Plugins]{@link https://docs.google.com/document/d/1Qye_GDVNF1lzGmhBaUvbgwfBWRQDdPgwUAgsbs8jhsk/edit?usp&#x3D;sharing}
+   * to use in conjunction with this caching strategy.
+   */
+  constructor(options &#x3D; {}) {
+    this._cacheName &#x3D; cacheNames.getRuntimeName(options.cacheName);
+      this._plugins &#x3D; options.plugins || [];
+
+    if (options.plugins) {
+      let isUsingCacheWillUpdate &#x3D;
+        options.plugins.some((plugin) &#x3D;&gt; !!plugin.cacheWillUpdate);
+      this._plugins &#x3D; isUsingCacheWillUpdate ?
+        options.plugins : [cacheOkAndOpaquePlugin, ...options.plugins];
+    } else {
+      // No plugins passed in, use the default plugin.
+      this._plugins &#x3D; [cacheOkAndOpaquePlugin];
+    }
+  }
+
+  /**
+   * This method will perform a request strategy and follows an API that
+   * will work with the
+   * [Workbox Router]{@link workbox.routing.Router}.
+   *
+   * @param {Object} input
+   * @param {FetchEvent} input.event The fetch event to run this strategy
+   * against.
+   * @return {Promise&amp;lt;Response&gt;}
+   */
+  async handle({event}) {
+    const logs &#x3D; [];
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      assert.isInstance(event, FetchEvent, {
+        moduleName: &#x27;workbox-strategies&#x27;,
+        className: &#x27;StaleWhileRevalidate&#x27;,
+        funcName: &#x27;handle&#x27;,
+        paramName: &#x27;event&#x27;,
+      });
+    }
+
+    const fetchAndCachePromise &#x3D; this._getFromNetwork(event);
+
+    let response &#x3D; await cacheWrapper.match(
+      this._cacheName,
+      event.request,
+      null,
+      this._plugins
+    );
+
+    if (response) {
+      if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+        logs.push(&#x60;Found a cached response in the &#x27;${this._cacheName}&#x27;&#x60; +
+          &#x60; cache. Will update with the network response in the background.&#x60;);
+      }
+      event.waitUntil(fetchAndCachePromise);
+    } else {
+      if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+        logs.push(&#x60;No response found in the &#x27;${this._cacheName}&#x27; cache. &#x60; +
+          &#x60;Will wait for the network response.&#x60;);
+      }
+      response &#x3D; await fetchAndCachePromise;
+    }
+
+    if (process.env.NODE_ENV !&#x3D;&#x3D; &#x27;production&#x27;) {
+      logger.groupCollapsed(
+        messages.strategyStart(&#x27;StaleWhileRevalidate&#x27;, event));
+      for (let log of logs) {
+        logger.log(log);
+      }
+      messages.printFinalResponse(response);
+      logger.groupEnd();
+    }
+
+    return response;
+  }
+
+  /**
+   * @param {FetchEvent} event
+   * @return {Promise&amp;lt;Response&gt;}
+   *
+   * @private
+   */
+  async _getFromNetwork(event) {
+    const response &#x3D; await fetchWrapper.fetch(
+      event.request,
+      null,
+      this._plugins
+    );
+
+    event.waitUntil(
+      cacheWrapper.put(
+        this._cacheName,
+        event.request,
+        response.clone(),
+        this._plugins
+      )
+    );
+
+    return response;
+  }
+}
+
+export {StaleWhileRevalidate};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies__default.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies__default.mjs.html
new file mode 100644
index 00000000000..b8ae01972fc
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies__default.mjs.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-strategies/_default.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-strategies/_default.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+ Copyright 2016 Google Inc. All Rights Reserved.
+ Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+import {CacheFirst} from &#x27;./CacheFirst.mjs&#x27;;
+import {CacheOnly} from &#x27;./CacheOnly.mjs&#x27;;
+import {NetworkFirst} from &#x27;./NetworkFirst.mjs&#x27;;
+import {NetworkOnly} from &#x27;./NetworkOnly.mjs&#x27;;
+import {StaleWhileRevalidate} from &#x27;./StaleWhileRevalidate.mjs&#x27;;
+import pluginBuilder from &#x27;./utils/pluginBuilder.mjs&#x27;;
+import &#x27;./_version.mjs&#x27;;
+
+/**
+ * @function workbox.strategies.cacheFirst
+ * @param {StrategyOptions} options
+ */
+
+/**
+ * @function workbox.strategies.cacheOnly
+ * @param {StrategyOptions} options
+ */
+
+/**
+ * @function workbox.strategies.networkFirst
+ * @param {StrategyOptions} options
+ */
+
+/**
+ * @function workbox.strategies.networkOnly
+ * @param {StrategyOptions} options
+ */
+
+/**
+ * @function workbox.strategies.staleWhileRevalidate
+ * @param {StrategyOptions} options
+ */
+
+const mapping &#x3D; {
+  cacheFirst: CacheFirst,
+  cacheOnly: CacheOnly,
+  networkFirst: NetworkFirst,
+  networkOnly: NetworkOnly,
+  staleWhileRevalidate: StaleWhileRevalidate,
+};
+
+const defaultExport &#x3D; {};
+Object.keys(mapping).forEach((keyName) &#x3D;&gt; {
+  defaultExport[keyName] &#x3D; (options &#x3D; {}) &#x3D;&gt; {
+    const StrategyClass &#x3D; mapping[keyName];
+    const plugins &#x3D; pluginBuilder(options);
+    return new StrategyClass(
+      Object.assign(options, {plugins})
+    );
+  };
+});
+
+export default defaultExport;
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies__types.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies__types.mjs.html
new file mode 100644
index 00000000000..29590ea293a
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies__types.mjs.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-strategies/_types.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-strategies/_types.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+import &#x27;./_version.mjs&#x27;;
+
+/**
+ * @typedef {Object} StrategyOptions
+ * @property {String} cacheName Name of cache to use
+ * for caching (both lookup and updating).
+ * @property {Object} cacheExpiration Defining this
+ * object will add a cache expiration plugins to this strategy.
+ * @property {Number} cacheExpiration.maxEntries
+ * The maximum number of entries to store in a cache.
+ * @property {Number} cacheExpiration.maxAgeSeconds
+ * The maximum lifetime of a request to stay in the cache before it&#x27;s removed.
+ * @memberof workbox.strategies
+ */
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies_index.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies_index.mjs.html
new file mode 100644
index 00000000000..856afda9e4c
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-strategies_index.mjs.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-strategies/index.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-strategies/index.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+/**
+ * There are common caching strategies that most service workers will need
+ * and use. This module provides simple implementations of these strategies.
+ *
+ * @namespace workbox.strategies
+ */
+
+import defaultExport from &#x27;./_default.mjs&#x27;;
+import &#x27;./_version.mjs&#x27;;
+
+export default defaultExport;
+export * from &#x27;./_public.mjs&#x27;;
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-sw_controllers_WorkboxSW.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-sw_controllers_WorkboxSW.mjs.html
new file mode 100644
index 00000000000..f37b25b04e6
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-sw_controllers_WorkboxSW.mjs.html
@@ -0,0 +1,205 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-sw/controllers/WorkboxSW.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-sw/controllers/WorkboxSW.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+import &#x27;../_version.mjs&#x27;;
+
+const CDN_PATH &#x3D; &#x60;WORKBOX_CDN_ROOT_URL&#x60;;
+
+// TODO Make this list be generated during build time using the package.json&#x27;s.
+// workbox namespace value.
+const MODULE_KEY_TO_NAME_MAPPING &#x3D; {
+  backgroundSync: &#x27;background-sync&#x27;,
+  core: &#x27;core&#x27;,
+  expiration: &#x27;cache-expiration&#x27;,
+  googleAnalytics: &#x27;google-analytics&#x27;,
+  strategies: &#x27;strategies&#x27;,
+  precaching: &#x27;precaching&#x27;,
+  routing: &#x27;routing&#x27;,
+};
+
+/**
+ * This class can be used to make it easy to use the various parts of
+ * Workbox.
+ *
+ * @private
+ */
+class WorkboxSW {
+  /**
+   * Creates a proxy that automatically loads workbox namespaces on demand.
+   *
+   * @private
+   */
+  constructor() {
+    this.v &#x3D; {};
+    this._options &#x3D; {
+      debug: self.location.hostname &#x3D;&#x3D;&#x3D; &#x27;localhost&#x27;,
+      modulePathPrefix: null,
+      modulePathCb: null,
+    };
+
+    this._env &#x3D; this._options.debug ? &#x27;dev&#x27; : &#x27;prod&#x27;;
+    this._modulesLoaded &#x3D; false;
+
+    return new Proxy(this, {
+      get(target, key) {
+        if (target[key]) {
+          return target[key];
+        }
+
+        const moduleName &#x3D; MODULE_KEY_TO_NAME_MAPPING[key];
+        if (moduleName) {
+          target.loadModule(&#x60;workbox-${moduleName}&#x60;);
+        }
+
+        return target[key];
+      },
+    });
+  }
+
+  /**
+   * Updates the configuration options. You can specify whether to treat as a
+   * debug build and whether to use a CDN or a specific path when importing
+   * other workbox-modules
+   *
+   * @param {Object&#x3D;} [options]
+   *
+   * @alias workbox.setConfig
+   */
+  setConfig(options &#x3D; {}) {
+    if (!this._modulesLoaded) {
+      Object.assign(this._options, options);
+      this._env &#x3D; this._options.debug ? &#x27;dev&#x27; : &#x27;prod&#x27;;
+    } else {
+      throw new Error(&#x27;Config must be set before accessing workbox.* modules&#x27;);
+    }
+  }
+
+  /**
+   * Force a service worker to become active, instead of waiting. This is
+   * normally used in conjunction with &#x60;clientsClaim()&#x60;.
+   *
+   * @alias workbox.skipWaiting
+   */
+  skipWaiting() {
+    self.addEventListener(&#x27;install&#x27;, () &#x3D;&gt; self.skipWaiting());
+  }
+
+  /**
+   * Claim any currently available clients once the service worker
+   * becomes active. This is normally used in conjunction with &#x60;skipWaiting()&#x60;.
+   *
+   * @alias workbox.clientsClaim
+   */
+  clientsClaim() {
+    self.addEventListener(&#x27;activate&#x27;, () &#x3D;&gt; self.clients.claim());
+  }
+
+  /**
+   * Load a Workbox module by passing in the appropriate module name.
+   *
+   * This is not generally needed unless you know there are modules that are
+   * dynamically used and you want to safe guard use of the module while the
+   * user may be offline.
+   *
+   * @param {string} moduleName
+   *
+   * @alias workbox.loadModule
+   */
+  loadModule(moduleName) {
+    const modulePath &#x3D; this._getImportPath(moduleName);
+    try {
+      importScripts(modulePath);
+      this._modulesLoaded &#x3D; true;
+    } catch (err) {
+      // TODO Add context of this error if using the CDN vs the local file.
+
+      // We can&#x27;t rely on workbox-core being loaded so using console
+      // eslint-disable-next-line
+      console.error(
+        &#x60;Unable to import module &#x27;${moduleName}&#x27; from &#x27;${modulePath}&#x27;.&#x60;);
+      throw err;
+    }
+  }
+
+  /**
+   * This method will get the path / CDN URL to be used for importScript calls.
+   *
+   * @param {string} moduleName
+   * @return {string} URL to the desired module.
+   *
+   * @private
+   */
+  _getImportPath(moduleName) {
+    if (this._options.modulePathCb) {
+      return this._options.modulePathCb(moduleName, this._options.debug);
+    }
+
+    // TODO: This needs to be dynamic some how.
+    let pathParts &#x3D; [CDN_PATH];
+
+    const fileName &#x3D; &#x60;${moduleName}.${this._env}.js&#x60;;
+
+    const pathPrefix &#x3D; this._options.modulePathPrefix;
+    if (pathPrefix) {
+      // Split to avoid issues with developers ending / not ending with slash
+      pathParts &#x3D; pathPrefix.split(&#x27;/&#x27;);
+
+      // We don&#x27;t need a slash at the end as we will be adding
+      // a filename regardless
+      if (pathParts[pathParts.length - 1] &#x3D;&#x3D;&#x3D; &#x27;&#x27;) {
+        pathParts.splice(pathParts.length - 1, 1);
+      }
+    }
+
+    pathParts.push(fileName);
+
+    return pathParts.join(&#x27;/&#x27;);
+  }
+}
+
+export default WorkboxSW;
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-sw_index.mjs.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-sw_index.mjs.html
new file mode 100644
index 00000000000..4d79c0fba43
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-sw_index.mjs.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-sw/index.mjs</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-sw/index.mjs</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+/**
+ * This module is a single import that can be used to dynamically import
+ * additional Workbox modules with no effort.
+ *
+ * @namespace workbox
+ */
+
+import defaultExport from &#x27;./_default.mjs&#x27;;
+import &#x27;./_version.mjs&#x27;;
+
+export default defaultExport;
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-webpack-plugin_src_index.js.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-webpack-plugin_src_index.js.html
new file mode 100644
index 00000000000..983f73cf8f9
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-webpack-plugin_src_index.js.html
@@ -0,0 +1,195 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-webpack-plugin/src/index.js</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-webpack-plugin/src/index.js</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+const path &#x3D; require(&#x27;path&#x27;);
+const getEntries &#x3D; require(&#x27;./lib/get-manifest-entries-with-webpack&#x27;);
+const generateManifest &#x3D; require(&#x27;./lib/generate-manifest-with-webpack&#x27;);
+const generateOrCopySW &#x3D; require(&#x27;./lib/generate-or-copy-sw&#x27;);
+const webpackAsset &#x3D; require(&#x27;./lib/utils/webpack-asset&#x27;);
+const copyWorkboxSW &#x3D; require(&#x27;./lib/utils/copy-workbox-sw&#x27;);
+const {setReadFile} &#x3D; require(&#x27;./lib/utils/read-file&#x27;);
+
+/**
+ * This module exports the &#x60;WorkboxWebpackPlugin&#x60;.
+ *
+ * Use an instance of &#x60;WorkboxWebpackPlugin&#x60; in the
+ * [&#x60;plugins&#x60; array](https://webpack.js.org/concepts/plugins/#usage) of a
+ * webpack config.
+ *
+ * @module workbox-webpack-plugin
+ */
+class WorkboxWebpackPlugin {
+  /**
+   * Creates an instance of WorkboxWebpackPlugin.
+   *
+   * @param {module:workbox-build.Configuration} [config] All the options as
+   *        passed to {@link module:workbox-build.generateSWString}.
+   * @param {Array&amp;lt;String&gt;} [config.chunks] Array of chunk names to use for
+   *        generating the asset manifest. All assets belonging to the provided
+   *        chunk names will be included in the asset manifest. Any chunks that
+   *        are not listed or do not have a name will be removed.
+   * @param {Array&amp;lt;String&gt;} [config.excludeChunks] Array of chunk names to
+   *        exclude from the asset manifest. Any asset beloning to the provided
+   *        chunk names will not be included in the asset manifest. This does
+   *        not affect chunks with no chunk name.
+   * @param {string} [config.filename &#x3D; &#x27;sw.js&#x27;] Name of the service worker file
+   * @param {string} [config.manifestFilename &#x3D; &#x27;file-manifest[hash].js&#x27;] Name
+   *        of the manifest file that will be written to the build directory
+   * @param {string} [config.swSrc] Path to an existing service worker file.
+   *        Will be added to the webpack compilation and prepended with
+   *        importScripts(&#x27;workbox-sw.js&#x27;, &#x27;file-manifest.js&#x27;)
+   */
+  constructor(config &#x3D; {}) {
+    this.config &#x3D; config;
+  }
+
+  /**
+   * @return {Object} All workbox configuration options that can be accepted
+   * by {@link module:workbox-build.generateSWString}
+   *
+   * @private
+   */
+  get generateSWStringOptions() {
+    const {
+      importScripts &#x3D; [],
+      // TODO: decide on other options that should be passed to
+      // &#x60;generateSWString&#x60;. What operations should be possible for webpack
+      // users? eg, should webpack users also be able to specify a
+      // &#x60;globDirectory&#x60; that allows manifestEntries to be added that are
+      // outside webpack&#x27;s scope?
+    } &#x3D; this.config;
+
+    return {
+      importScripts,
+    };
+  }
+
+  /**
+   * @param {Object} [compiler] default compiler object passed from webpack
+   *
+   * @private
+   */
+  apply(compiler) {
+    /**
+     * The plugin was instantiated and the webpack compilation has just begun.
+     * We configure the workbox-webpack-plugin/utils/read-file module to use
+     * webpack&#x27;s compilation.inputFileSystem._readFile method for reading files.
+     *
+     * TODO: Determine if this is absolutely necessary. It might be possible to
+     * only do this in development (when the file system is a &quot;memory&quot; file
+     * system). If that is the case, it might be better to set different values
+     * for setReadFile using compiler.plugin(&#x27;run&#x27;) for production and
+     * compiler.plugin(&#x27;watch-run&#x27;) for development.
+     */
+    setReadFile(compiler.inputFileSystem._readFile);
+
+    /**
+     * During the make phase of the webpack compilation, we use
+     * workbox-webpack-plugin/utils/copy-workbox-sw to add a built version of
+     * workbox-sw to the webpack compilation assets array.
+     */
+    compiler.plugin(&#x27;make&#x27;, async (compilation, next) &#x3D;&gt; {
+      const {
+        workboxSW,
+        workboxSWMap,
+        workboxSWName,
+      } &#x3D; await copyWorkboxSW();
+
+      // Add the workbox-sw file to compilation assets.
+      compilation.assets[workboxSWName] &#x3D; webpackAsset(workboxSW);
+      compilation.assets[&#x60;${workboxSWName}.map&#x60;] &#x3D; webpackAsset(workboxSWMap);
+      // The version of workbox-sw is included in it&#x27;s filename so we need
+      // that information to import it in the generated service worker.
+      this.workboxSWFilename &#x3D; workboxSWName;
+      next();
+    });
+
+    /**
+     * During the emit phase of the webpack compilation, we:
+     *  1. Get the manifest entries.
+     *  2. Use the entries to generate a file-manifest.
+     *  3. Generate a service worker with the file-manifest name and workbox-sw
+     *     name, or copy a service worker from the config.swSrc, then prepend
+     *     it with the required importScripts(workbox-sw.js, file-manifest.js).
+     *  4. Add both the file-manifest and the service worker to the webpack
+     *     assets.
+     */
+    compiler.plugin(&#x27;emit&#x27;, async (compilation, next) &#x3D;&gt; {
+      const {
+        manifestFilename &#x3D; &#x60;file-manifest.${compilation.hash}.js&#x60;,
+        swSrc,
+        filename &#x3D; (swSrc &amp;amp;&amp;amp; path.basename(swSrc)) || &#x27;sw.js&#x27;,
+      } &#x3D; this.config;
+
+      const entries &#x3D; getEntries(compiler, compilation, this.config);
+
+      const importScripts &#x3D; (this.config.importScripts || []).concat([
+        this.workboxSWFilename,
+        manifestFilename,
+      ]);
+
+      const [fileManifest, serviceWorker] &#x3D; await Promise.all([
+        // service worker and fileManifest are not (yet) assets when the
+        // manifest is generated
+        generateManifest(entries),
+        generateOrCopySW(
+          Object.assign(this.generateSWStringOptions, {
+            importScripts,
+          }),
+          swSrc
+        ),
+      ]);
+
+      compilation.assets[manifestFilename] &#x3D; webpackAsset(fileManifest);
+      compilation.assets[filename] &#x3D; webpackAsset(serviceWorker);
+      next();
+    });
+  }
+}
+
+module.exports &#x3D; WorkboxWebpackPlugin;
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-webpack-plugin_src_lib_utils_read-file.js.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-webpack-plugin_src_lib_utils_read-file.js.html
new file mode 100644
index 00000000000..14ed6950c26
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox-webpack-plugin_src_lib_utils_read-file.js.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Source: workbox-webpack-plugin/src/lib/utils/read-file.js</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-banner" role="banner">
+        </div>
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1>Source: workbox-webpack-plugin/src/lib/utils/read-file.js</h1>
+          </header>
+          <article>
+            <pre class="prettyprint linenums"><code>/*
+  Copyright 2017 Google Inc.
+
+  Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+/**
+ * Use the &#x60;compiler.inputFileSystem._readFile&#x60; method instead of &#x60;fs.readFile&#x60;,
+ * &#x60;readFile&#x60; is configured to use &#x60;compiler.inputFileSystem._readFile&#x60; during
+ * the run phase of the webpack compilation lifecycle by passing the function
+ * to the &#x60;setReadFile&#x60; function.
+ */
+let readFileFn;
+
+/**
+ * Sets the read file function.
+ *
+ * @param {Function} fn The function to use.
+ *
+ * @private
+ */
+function setReadFile(fn) {
+  readFileFn &#x3D; fn;
+}
+
+/**
+ * A wrapper that calls readFileFn and returns a promise for the contents.
+ *
+ * @param {string} filePath The file to read.
+ * @return {Promise&amp;lt;string&gt;} The contents of the file.
+ *
+ * @private
+ */
+function readFile(filePath) {
+  return new Promise((resolve, reject) &#x3D;&gt; {
+    readFileFn(filePath, &#x27;utf8&#x27;, (error, data) &#x3D;&gt; {
+      if (error) {
+        return reject(error);
+      }
+      resolve(data);
+    });
+  });
+}
+
+module.exports &#x3D; {
+  readFile,
+  setReadFile,
+};
+</code></pre>
+          </article>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.backgroundSync.Queue.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.backgroundSync.Queue.html
new file mode 100644
index 00000000000..bab3dd73e2b
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.backgroundSync.Queue.html
@@ -0,0 +1,179 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Class: Queue</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small><a href="workbox.html">workbox</a>.<wbr><a href="workbox.backgroundSync.html">backgroundSync</a>.<wbr></small><span class="symbol-name">Queue</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>class</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+            <p>A class to manage storing failed requests in IndexedDB and retrying them later. All parts of the storing and replaying process are observable via callbacks.
+            </p>
+          </header>
+          <section>
+            <h2>Constructor</h2>
+            <section>
+              <h3 id="Queue" class="symbol-name">Queue</h3>
+              <p class="type-signature"> new Queue(name, options)</p>
+              <p>Creates an instance of Queue with the given options</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>name</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">string</p>
+                        <p>The unique name for this queue. This name must be unique as it's used to register sync events and store requests in IndexedDB specific to this instance. An error will be thrown if a duplicate name is detected.</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>options</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">Object</p>
+                        <p>Values in <code>options</code> have the following properties:</p>
+                        <table class="function param responsive">
+                          <tr>
+                            <th colspan="2">
+                              <h4>Parameter</h4>
+                            </th>
+                          </tr>
+                          <tbody>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>callbacks</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">Object</p>
+                                <p>Callbacks to observe the lifecycle of queued requests. Use these to respond to or modify the requests during the replay process.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>callbacks.requestWillEnqueue</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">function(StorableRequest)</p>
+                                <p>Invoked immediately before the request is stored to IndexedDB. Use this callback to modify request data at store time.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>callbacks.requestWillReplay</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">function(StorableRequest)</p>
+                                <p>Invoked immediately before the request is re-fetched. Use this callback to modify request data at fetch time.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>callbacks.queueDidReplay</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">function(Array of StorableRequest)</p>
+                                <p>Invoked after all requests in the queue have successfully replayed.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>maxRetentionTime</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">number</p>
+                                <p>The amount of time (in ms) a request may be retried. After this amount of time has passed, the request will be deleted from the queue.</p>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+          </section>
+          <section>
+            <h2>Property</h2>
+            <section>
+              <h3 id="name" class="symbol-name">name</h3>
+              <p class="type-signature"></p>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>string</code>&nbsp;</p>
+                </dd>
+              </dl>
+            </section>
+            <h2>Methods</h2>
+            <section>
+              <h3 id="addRequest" class="symbol-name">addRequest</h3>
+              <div class="symbol-detail-labels"><span class="label label-async"><small>async</small></span></div>
+              <p class="type-signature"> addRequest(request)</p>
+              <p>Stores the passed request into IndexedDB. The database used is
+                <code>workbox-background-sync</code> and the object store name is the same as the name this instance was created with (to guarantee it's unique).</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>request</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Request</p>
+                        <p>The request object to store.</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id="replayRequests" class="symbol-name">replayRequests</h3>
+              <div class="symbol-detail-labels"><span class="label label-async"><small>async</small></span></div>
+              <p class="type-signature"> replayRequests()</p>
+              <p>Retrieves all stored requests in IndexedDB and retries them. If the queue contained requests that were successfully replayed, the
+                <code>queueDidReplay</code> callback is invoked (which implies the queue is now empty). If any of the requests fail, a new sync registration is created to retry again later.</p>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.backgroundSync.QueuePlugin.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.backgroundSync.QueuePlugin.html
new file mode 100644
index 00000000000..6a0e2d9c814
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.backgroundSync.QueuePlugin.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Class: QueuePlugin</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small><a href="workbox.html">workbox</a>.<wbr><a href="workbox.backgroundSync.html">backgroundSync</a>.<wbr></small><span class="symbol-name">QueuePlugin</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>class</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+            <p>A class implementing the <code>fetchDidFail</code> lifecycle callback. This makes it easier to add failed requests to a background sync Queue.</p>
+          </header>
+          <section>
+            <h2>Constructor</h2>
+            <section>
+              <h3 id="QueuePlugin" class="symbol-name">QueuePlugin</h3>
+              <p class="type-signature"> new QueuePlugin(queue)
+              </p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>queue</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Queue</p>
+                        <p>The Queue instance to add failed requests to.</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+          </section>
+          <section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.backgroundSync.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.backgroundSync.html
new file mode 100644
index 00000000000..bf0f67260b5
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.backgroundSync.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Namespace: backgroundSync</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small><a href="workbox.html">workbox</a>.<wbr></small><span class="symbol-name">backgroundSync</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>namespace</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+          </header>
+          <section>
+            <h2>Classes</h2>
+            <section id='members-links'>
+              <h3 class="class-list"><a href="workbox.backgroundSync.Queue.html">Queue</a></h3>
+              <p>A class to manage storing failed requests in IndexedDB and retrying them later. All parts of the storing and replaying process are observable via callbacks.
+              </p>
+              <h3 class="class-list"><a href="workbox.backgroundSync.QueuePlugin.html">QueuePlugin</a></h3>
+              <p>A class implementing the <code>fetchDidFail</code> lifecycle callback. This makes it easier to add failed requests to a background sync Queue.</p>
+            </section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.core.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.core.html
new file mode 100644
index 00000000000..b78a1b09bfa
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.core.html
@@ -0,0 +1,233 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Namespace: core</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small><a href="workbox.html">workbox</a>.<wbr></small><span class="symbol-name">core</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>namespace</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+            <p>All of the Workbox service worker libraries use workbox-core for shared code as well as setting default values that need to be shared (like cache names).
+            </p>
+          </header>
+          <section>
+            <h2>Properties</h2>
+            <section>
+              <h3 id=".cacheNames" class="symbol-name">cacheNames</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"></p>
+              <p>Get the current cache names used by Workbox.</p>
+              <p><code>cacheNames.precache</code> is used for precached assets,
+                <code>cacheNames.googleAnalytics</code> is used by <code>workbox-google-analytics</code> to store <code>analytics.js</code>, and <code>cacheNames.runtime</code> is used for everything else.</p>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Object</code>&nbsp;An object with <code>precache</code> and <code>runtime</code> cache names.</p>
+                </dd>
+              </dl>
+              <h3 id=".LOG_LEVELS" class="symbol-name">LOG_LEVELS</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"></p>
+              <p>The available log levels in Workbox: debug, log, warn, error and silent.</p>
+              <section>
+                <h4>Properties</h4>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>debug</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">int</p>
+                        <p>Prints all logs from Workbox. Useful for debugging.</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>log</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">int</p>
+                        <p>Prints console log, warn, error and groups. Default for debug builds.</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>warn</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">int</p>
+                        <p>Prints console warn, error and groups. Default for non-debug builds.</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>error</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">int</p>
+                        <p>Print console error and groups.</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>silent</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">int</p>
+                        <p>Force no logging from Workbox.</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id=".logLevel" class="symbol-name">logLevel</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"></p>
+              <p>Get the current log level.</p>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>number</code>&nbsp;.</p>
+                </dd>
+              </dl>
+            </section>
+            <h2>Methods</h2>
+            <section>
+              <h3 id=".setCacheNameDetails" class="symbol-name">setCacheNameDetails</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> setCacheNameDetails(details)</p>
+              <p>You can alter the default cache names used by the Workbox modules by changing the cache name details.</p>
+              <p>Cache names are generated as <code>&lt;prefix&gt;-&lt;Cache Name&gt;-&lt;suffix&gt;</code>.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>details</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                        <p>Values in <code>details</code> have the following properties:</p>
+                        <table class="function param responsive">
+                          <tr>
+                            <th colspan="2">
+                              <h4>Parameter</h4>
+                            </th>
+                          </tr>
+                          <tbody>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>prefix</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">Object</p>
+                                <p>The string to add to the beginning of the precache and runtime cache names.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>suffix</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">Object</p>
+                                <p>The string to add to the end of the precache and runtime cache names.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>precache</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">Object</p>
+                                <p>The cache name to use for precache caching.
+                                </p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>runtime</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">Object</p>
+                                <p>The cache name to use for runtime caching.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>googleAnalytics</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">Object</p>
+                                <p>The cache name to use for
+                                  <code>workbox-google-analytics</code> caching.</p>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id=".setLogLevel" class="symbol-name">setLogLevel</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> setLogLevel(newLevel)</p>
+              <p>Set the current log level passing in one of the values from LOG_LEVELS.
+              </p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>newLevel</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">number</p>
+                        <p>The new log level to use.</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.expiration.CacheExpiration.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.expiration.CacheExpiration.html
new file mode 100644
index 00000000000..375e5c3731d
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.expiration.CacheExpiration.html
@@ -0,0 +1,166 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Class: CacheExpiration</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small><a href="workbox.html">workbox</a>.<wbr><a href="workbox.expiration.html">expiration</a>.<wbr></small><span class="symbol-name">CacheExpiration</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>class</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+            <p>The <code>CacheExpiration</code> class allows you define an expiration and / or limit on the number of responses stored in a
+              <a href="https://developer.mozilla.org/en-US/docs/Web/API/Cache"><code>Cache</code></a>.</p>
+          </header>
+          <section>
+            <h2>Constructor</h2>
+            <section>
+              <h3 id="CacheExpiration" class="symbol-name">CacheExpiration</h3>
+              <p class="type-signature"> new CacheExpiration(cacheName, config)</p>
+              <p>To construct a new CacheExpiration instance you must provide at least one of the <code>config</code> properties.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>cacheName</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">string</p>
+                        <p>Name of the cache to apply restrictions to.</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>config</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                        <p>Values in <code>config</code> have the following properties:</p>
+                        <table class="function param responsive">
+                          <tr>
+                            <th colspan="2">
+                              <h4>Parameter</h4>
+                            </th>
+                          </tr>
+                          <tbody>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>maxEntries</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">number</p>
+                                <p>The maximum number of entries to cache. Entries used the least will be removed as the maximum is reached.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>maxAgeSeconds</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">number</p>
+                                <p>The maximum age of an entry before it's treated as stale and removed.</p>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+          </section>
+          <section>
+            <h2>Methods</h2>
+            <section>
+              <h3 id="expireEntries" class="symbol-name">expireEntries</h3>
+              <div class="symbol-detail-labels"><span class="label label-async"><small>async</small></span></div>
+              <p class="type-signature"> expireEntries()</p>
+              <p>Expires entries for the given cache and given criteria.</p>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id="isURLExpired" class="symbol-name">isURLExpired</h3>
+              <div class="symbol-detail-labels"><span class="label label-async"><small>async</small></span></div>
+              <p class="type-signature"> isURLExpired(url)&nbsp;returns&nbsp;boolean</p>
+              <p>Can be used to check if a URL has expired or not before it's used.</p>
+              <p>This requires a look up from IndexedDB, so can be slow.</p>
+              <p>Note: This method will not remove the cached entry, call
+                <code>expireEntries()</code> to remove indexedDB and Cache entries.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>url</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">string</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>boolean</code>&nbsp;</p>
+                </dd>
+              </dl>
+              <h3 id="updateTimestamp" class="symbol-name">updateTimestamp</h3>
+              <div class="symbol-detail-labels"><span class="label label-async"><small>async</small></span></div>
+              <p class="type-signature"> updateTimestamp(url)</p>
+              <p>Update the timestamp for the given URL. This ensures the when removing entries based on maximum entries, most recently used is accurate or when expiring, the timestamp is up-to-date.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>url</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">string</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.expiration.CacheExpirationPlugin.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.expiration.CacheExpirationPlugin.html
new file mode 100644
index 00000000000..62d4f63e814
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.expiration.CacheExpirationPlugin.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Class: CacheExpirationPlugin</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small><a href="workbox.html">workbox</a>.<wbr><a href="workbox.expiration.html">expiration</a>.<wbr></small><span class="symbol-name">CacheExpirationPlugin</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>class</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+            <p>This plugin can be used in the Workbox API's to regularly enforce a limit on the age and / or the number of cached requests.</p>
+            <p>Whenever a cached request is used or updated, this plugin will look at the used Cache and remove any old or extra requests.</p>
+            <p>When using <code>maxAgeSeconds</code>, requests may be used <em>once</em> after expiring because the expiration clean up will not have occured until <em>after</em> the cached request has been used. If the request has a &quot;Date&quot; header,
+              then a light weight expiration check is performed and the request will not be used immediately.</p>
+            <p>When using <code>maxEntries</code>, the last request to be used will be the request that is removed from the Cache.</p>
+          </header>
+          <section>
+            <h2>Constructor</h2>
+            <section>
+              <h3 id="CacheExpirationPlugin" class="symbol-name">CacheExpirationPlugin</h3>
+              <p class="type-signature"> new CacheExpirationPlugin(config)
+              </p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>config</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                        <p>Values in <code>config</code> have the following properties:</p>
+                        <table class="function param responsive">
+                          <tr>
+                            <th colspan="2">
+                              <h4>Parameter</h4>
+                            </th>
+                          </tr>
+                          <tbody>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>maxEntries</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">number</p>
+                                <p>The maximum number of entries to cache. Entries used the least will be removed as the maximum is reached.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>maxAgeSeconds</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">number</p>
+                                <p>The maximum age of an entry before it's treated as stale and removed.</p>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+          </section>
+          <section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.expiration.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.expiration.html
new file mode 100644
index 00000000000..3e11dfc8052
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.expiration.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Namespace: expiration</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small><a href="workbox.html">workbox</a>.<wbr></small><span class="symbol-name">expiration</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>namespace</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+          </header>
+          <section>
+            <h2>Classes</h2>
+            <section id='members-links'>
+              <h3 class="class-list"><a href="workbox.expiration.CacheExpiration.html">CacheExpiration</a></h3>
+              <p>The <code>CacheExpiration</code> class allows you define an expiration and / or limit on the number of responses stored in a
+                <a href="https://developer.mozilla.org/en-US/docs/Web/API/Cache"><code>Cache</code></a>.</p>
+              <h3 class="class-list"><a href="workbox.expiration.CacheExpirationPlugin.html">CacheExpirationPlugin</a></h3>
+              <p>This plugin can be used in the Workbox API's to regularly enforce a limit on the age and / or the number of cached requests.</p>
+              <p>Whenever a cached request is used or updated, this plugin will look at the used Cache and remove any old or extra requests.</p>
+              <p>When using <code>maxAgeSeconds</code>, requests may be used <em>once</em> after expiring because the expiration clean up will not have occured until <em>after</em> the cached request has been used. If the request has a &quot;Date&quot; header,
+                then a light weight expiration check is performed and the request will not be used immediately.</p>
+              <p>When using <code>maxEntries</code>, the last request to be used will be the request that is removed from the Cache.</p>
+            </section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.googleAnalytics.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.googleAnalytics.html
new file mode 100644
index 00000000000..9958b0d8b00
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.googleAnalytics.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Namespace: googleAnalytics</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small><a href="workbox.html">workbox</a>.<wbr></small><span class="symbol-name">googleAnalytics</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>namespace</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+          </header>
+          <section>
+            <h2>Method</h2>
+            <section>
+              <h3 id=".initialize" class="symbol-name">initialize</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> initialize(options)</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>options</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">Object</p>
+                        <p>Values in <code>options</code> have the following properties:</p>
+                        <table class="function param responsive">
+                          <tr>
+                            <th colspan="2">
+                              <h4>Parameter</h4>
+                            </th>
+                          </tr>
+                          <tbody>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>cacheName</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">Object</p>
+                                <p>The cache name to store and retrieve analytics.js. Defaults to the cache names provided by <code>workbox-core</code>.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>parameterOverrides</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">Object</p>
+                                <p><a href="/analytics/devguides/collection/protocol/v1/parameters">Measurement Protocol parameters</a>, expressed as key/value pairs, to be added to replayed Google Analytics requests. This can
+                                  be used to, e.g., set a custom dimension indicating that the request was replayed.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>hitFilter</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">function()</p>
+                                <p>A function that allows you to modify the hit parameters prior to replaying the hit. The function is invoked with the original hit's URLSearchParams object as its only argument.</p>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.html
new file mode 100644
index 00000000000..bf0d2bf4810
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Namespace: workbox</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small></small><span class="symbol-name">workbox</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>namespace</small></span></div>
+            <p>This module is a single import that can be used to dynamically import additional Workbox modules with no effort.</p>
+          </header>
+          <section>
+            <h2>Namespaces</h2>
+            <section id='members-links'>
+              <h3><a href="workbox.backgroundSync.html">backgroundSync</a></h3>
+              <h3><a href="workbox.core.html">core</a></h3>
+              <h3><a href="workbox.expiration.html">expiration</a></h3>
+              <h3><a href="workbox.googleAnalytics.html">googleAnalytics</a></h3>
+              <h3><a href="workbox.precaching.html">precaching</a></h3>
+              <h3><a href="workbox.routing.html">routing</a></h3>
+              <h3><a href="workbox.strategies.html">strategies</a></h3>
+            </section>
+            <h2>Methods</h2>
+            <section>
+              <h3 id=".clientsClaim" class="symbol-name">clientsClaim</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> clientsClaim()</p>
+              <p>Claim any currently available clients once the service worker becomes active. This is normally used in conjunction with <code>skipWaiting()</code>.</p>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id=".loadModule" class="symbol-name">loadModule</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> loadModule(moduleName)</p>
+              <p>Load a Workbox module by passing in the appropriate module name.</p>
+              <p>This is not generally needed unless you know there are modules that are dynamically used and you want to safe guard use of the module while the user may be offline.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>moduleName</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">string</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id=".setConfig" class="symbol-name">setConfig</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> setConfig(options)</p>
+              <p>Updates the configuration options. You can specify whether to treat as a debug build and whether to use a CDN or a specific path when importing other workbox-modules</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>options</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">Object</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id=".skipWaiting" class="symbol-name">skipWaiting</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> skipWaiting()</p>
+              <p>Force a service worker to become active, instead of waiting. This is normally used in conjunction with <code>clientsClaim()</code>.</p>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.precaching.PrecacheController.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.precaching.PrecacheController.html
new file mode 100644
index 00000000000..ab51910f5b0
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.precaching.PrecacheController.html
@@ -0,0 +1,158 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Class: PrecacheController</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small><a href="workbox.html">workbox</a>.<wbr><a href="workbox.precaching.html">precaching</a>.<wbr></small><span class="symbol-name">PrecacheController</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>class</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+            <p>Performs efficient precaching of assets.</p>
+          </header>
+          <section>
+            <h2>Constructor</h2>
+            <section>
+              <h3 id="PrecacheController" class="symbol-name">PrecacheController</h3>
+              <p class="type-signature"> new PrecacheController(cacheName)
+              </p>
+              <p>Create a new PrecacheController.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>cacheName</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">string</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+          </section>
+          <section>
+            <h2>Methods</h2>
+            <section>
+              <h3 id="addToCacheList" class="symbol-name">addToCacheList</h3>
+              <p class="type-signature"> addToCacheList(entries)</p>
+              <p>This method will add items to the precache list, removing duplicates and ensuring the information is valid.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>entries</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Array of (module:workbox-precaching.PrecacheController.PrecacheEntry or string)</p>
+                        <p>Array of entries to precache.
+                        </p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id="cleanup" class="symbol-name">cleanup</h3>
+              <div class="symbol-detail-labels"><span class="label label-async"><small>async</small></span></div>
+              <p class="type-signature"> cleanup()&nbsp;returns&nbsp;Promise containing module:workbox-precaching.PrecacheController.CleanupResult</p>
+              <p>Compare the URLs and determines which assets are no longer required in the cache.</p>
+              <p>This should be called in the service worker activate event.</p>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Promise containing module:workbox-precaching.PrecacheController.CleanupResult</code>&nbsp;Resolves with an object containing details of the deleted cache requests and precache revision details.</p>
+                </dd>
+              </dl>
+              <h3 id="getCachedUrls" class="symbol-name">getCachedUrls</h3>
+              <p class="type-signature"> getCachedUrls()&nbsp;returns&nbsp;Array of string</p>
+              <p>Returns an array of fully qualified URL's that will be precached.</p>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Array of string</code>&nbsp;An array of URLs.</p>
+                </dd>
+              </dl>
+              <h3 id="install" class="symbol-name">install</h3>
+              <div class="symbol-detail-labels"><span class="label label-async"><small>async</small></span></div>
+              <p class="type-signature"> install(options)&nbsp;returns&nbsp;Promise containing module:workbox-precaching.PrecacheController.InstallResult</p>
+              <p>Call this method from a service work install event to start precaching assets.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>options</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                        <p>Values in <code>options</code> have the following properties:</p>
+                        <table class="function param responsive">
+                          <tr>
+                            <th colspan="2">
+                              <h4>Parameter</h4>
+                            </th>
+                          </tr>
+                          <tbody>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>suppressWarnings</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">boolean</p>
+                                <p>Suppress warning messages.</p>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Promise containing module:workbox-precaching.PrecacheController.InstallResult</code>&nbsp;</p>
+                </dd>
+              </dl>
+            </section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.precaching.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.precaching.html
new file mode 100644
index 00000000000..32889981d0d
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.precaching.html
@@ -0,0 +1,300 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Namespace: precaching</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small><a href="workbox.html">workbox</a>.<wbr></small><span class="symbol-name">precaching</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>namespace</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+            <p>Most consumers of this module will want to use the
+              <a href="workbox.precaching.html#.precacheAndRoute">precacheAndRoute()</a> method to add assets to the Cache and respond to network requests with these cached assets.</p>
+            <p>If you require finer grained control, you can use the
+              <a href="workbox.precaching.PrecacheController.html">PrecacheController</a> to determine when performed.</p>
+          </header>
+          <section>
+            <h2>Class</h2>
+            <section id='members-links'>
+              <h3 class="class-list"><a href="workbox.precaching.PrecacheController.html">PrecacheController</a></h3>
+              <p>Performs efficient precaching of assets.</p>
+            </section>
+            <h2>Methods</h2>
+            <section>
+              <h3 id=".addRoute" class="symbol-name">addRoute</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> addRoute(options)</p>
+              <p>Add a <code>fetch</code> listener to the service worker that will respond to
+                <a href="https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers#Custom_responses_to_requests">network requests</a> with precached assets.</p>
+              <p>Requests for assets that aren't precached, the <code>FetchEvent</code> will not be responded to, allowing the event to fall through to other <code>fetch</code> event listeners.
+              </p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>options</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                        <p>Values in <code>options</code> have the following properties:</p>
+                        <table class="function param responsive">
+                          <tr>
+                            <th colspan="2">
+                              <h4>Parameter</h4>
+                            </th>
+                          </tr>
+                          <tbody>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>directoryIndex</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">string</p>
+                                <p>The <code>directoryIndex</code> will check cache entries for a URLs ending with '/' to see if there is a hit when appending the <code>directoryIndex</code> value.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>ignoreUrlParametersMatching</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">Array of RegExp</p>
+                                <p>An array of regex's to remove search params when looking for a cache match.</p>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id=".precache" class="symbol-name">precache</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> precache(entries)</p>
+              <p>Add items to the precache list, removing any duplicates and store the files in the &quot;precache cache&quot; when the service worker installs.</p>
+              <p>This method can be called multiple times.</p>
+              <p>Please note: This method <strong>will not</strong> serve any of the cached files for you, it only precaches files. To respond to a network request you call addRoute().
+              </p>
+              <p>If you have a single array of files to precache, you can just call precacheAndRoute().
+              </p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>entries</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Array of (Object or string)</p>
+                        <p>Array of entries to precache.</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id=".precacheAndRoute" class="symbol-name">precacheAndRoute</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> precacheAndRoute(entries, options)</p>
+              <p>This method will add entries to the precache list and add a route to respond to fetch events.</p>
+              <p>This is a convenience method that will call precache() and addRoute() in a single call.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>entries</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Array of (Object or string)</p>
+                        <p>Array of entries to precache.</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>options</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                        <p>See addRoute() options.</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id=".suppressWarnings" class="symbol-name">suppressWarnings</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> suppressWarnings(suppress)</p>
+              <p>Warnings will be logged if any of the precached assets are entered without a <code>revision</code> property. This is extremely dangerous if the URL's aren't revisioned. However, the warnings can be supressed with this method.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>suppress</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">boolean</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+            <h2>Abstract types</h2>
+            <section>
+              <h3 id=".CleanupResult" class="symbol-name">CleanupResult</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature">Object</p>
+              <section>
+                <h4>Properties</h4>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>deletedCacheRequests</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Array of string</p>
+                        <p>List of URLs that were deleted from the precache cache.</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>deletedRevisionDetails</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Array of string</p>
+                        <p>List of URLs that were deleted from the precache cache.</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id=".InstallResult" class="symbol-name">InstallResult</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature">Object</p>
+              <section>
+                <h4>Properties</h4>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>updatedEntries</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Array of (module:workbox-precaching.PrecacheController.PrecacheEntry or string)</p>
+                        <p>List of entries supplied for precaching that were precached.</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>notUpdatedEntries</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Array of (module:workbox-precaching.PrecacheController.PrecacheEntry or string)</p>
+                        <p>List of entries supplied for precaching that were already precached.</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id=".PrecacheEntry" class="symbol-name">PrecacheEntry</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature">Object</p>
+              <section>
+                <h4>Properties</h4>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>url</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">string</p>
+                        <p>URL to precache.</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>revision</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">string</p>
+                        <p>Revision information for the URL.</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.routing.NavigationRoute.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.routing.NavigationRoute.html
new file mode 100644
index 00000000000..72da334c113
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.routing.NavigationRoute.html
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Class: NavigationRoute</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small><a href="workbox.html">workbox</a>.<wbr><a href="workbox.routing.html">routing</a>.<wbr></small><span class="symbol-name">NavigationRoute</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>class</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+            <p>NavigationRoute makes it easy to create a <a href="workbox.routing.Route.html">Route</a> that matches for browser
+              <a href="/web/fundamentals/primers/service-workers/high-performance-loading#first_what_are_navigation_requests">navigation requests</a>.</p>
+            <p>It will only match incoming Requests whose
+              <a href="https://fetch.spec.whatwg.org/#concept-request-mode"><code>mode</code></a> is set to <code>navigate</code>.</p>
+            <p>You can optionally only apply this route to a subset of navigation requests by using one or both of the <code>blacklist</code> and <code>whitelist</code> parameters.</p>
+          </header>
+          <section>
+            <h2>Constructor</h2>
+            <section>
+              <h3 id="NavigationRoute" class="symbol-name">NavigationRoute</h3>
+              <p class="type-signature"> new NavigationRoute(handler, options)</p>
+              <p>If both <code>blacklist</code> and <code>whiltelist</code> are provided, the <code>blacklist</code> will take precedence and the request will not match this route.</p>
+              <p>The regular expressions in <code>whitelist</code> and <code>blacklist</code> are matched against the concatenated
+                <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/pathname"><code>pathname</code></a> and <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/search"><code>search</code></a>                portions of the requested URL.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>handler</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types"><a href="workbox.routing.Route.html#~handlerCallback">workbox.routing.Route~handlerCallback</a></p>
+                        <p>A callback function that returns a Promise resulting in a Response.</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>options</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                        <p>Values in <code>options</code> have the following properties:</p>
+                        <table class="function param responsive">
+                          <tr>
+                            <th colspan="2">
+                              <h4>Parameter</h4>
+                            </th>
+                          </tr>
+                          <tbody>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>blacklist</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">Array of RegExp</p>
+                                <p>If any of these patterns match, the route will not handle the request (even if a whitelist RegExp matches).</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>whitelist</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">Array of RegExp</p>
+                                <p>If any of these patterns match the URL's pathname and search parameter, the route will handle the request (assuming the blacklist doesn't match).</p>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+                <dt>Extends</dt>
+                <dd><small><a href="workbox.routing.Route.html">workbox.routing.Route</a></small></dd>
+              </dl>
+            </section>
+          </section>
+          <section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.routing.RegExpRoute.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.routing.RegExpRoute.html
new file mode 100644
index 00000000000..637d12a4496
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.routing.RegExpRoute.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Class: RegExpRoute</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small><a href="workbox.html">workbox</a>.<wbr><a href="workbox.routing.html">routing</a>.<wbr></small><span class="symbol-name">RegExpRoute</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>class</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+            <p>RegExpRoute makes it easy to create a regular expression based
+              <a href="workbox.routing.Route.html">Route</a>.</p>
+            <p>For same-origin requests the RegExp only needs to match part of the URL. For requests against third-party servers, you must define a RegExp that matches the start of the URL.</p>
+            <p><a href="/web/tools/workbox/v3/modules/workbox-routing">See the module docs for info.</a></p>
+          </header>
+          <section>
+            <h2>Constructor</h2>
+            <section>
+              <h3 id="RegExpRoute" class="symbol-name">RegExpRoute</h3>
+              <p class="type-signature"> new RegExpRoute(regExp, handler, method)</p>
+              <p>If the regulard expression contains
+                <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp#grouping-back-references">capture groups</a>, th ecaptured values will be passed to the
+                <a href="workbox.routing.Route.html#~handlerCallback">handler's</a> <code>params</code> argument.
+              </p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>regExp</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">RegExp</p>
+                        <p>The regular expression to match against URLs.</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>handler</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types"><a href="workbox.routing.Route.html#~handlerCallback">workbox.routing.Route~handlerCallback</a></p>
+                        <p>A callback function that returns a Promise resulting in a Response.</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>method</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">string</p>
+                        <p>The HTTP method to match the Route against.
+                        </p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+                <dt>Extends</dt>
+                <dd><small><a href="workbox.routing.Route.html">workbox.routing.Route</a></small></dd>
+              </dl>
+            </section>
+          </section>
+          <section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.routing.Route.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.routing.Route.html
new file mode 100644
index 00000000000..0f534c9e4b4
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.routing.Route.html
@@ -0,0 +1,219 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Class: Route</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small><a href="workbox.html">workbox</a>.<wbr><a href="workbox.routing.html">routing</a>.<wbr></small><span class="symbol-name">Route</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>class</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+            <p>A <code>Route</code> consists of a pair of callback functions, &quot;match&quot; and &quot;handler&quot;. The &quot;match&quot; callback determine if a route should be used to &quot;handle&quot; a request by returning a non-falsy value if
+              it can. The &quot;handler&quot; callback is called when there is a match and should return a Promise that resolves to a <code>Response</code>.</p>
+          </header>
+          <section>
+            <h2>Constructor</h2>
+            <section>
+              <h3 id="Route" class="symbol-name">Route</h3>
+              <p class="type-signature"> new Route(match, handler, method)</p>
+              <p>Constructor for Route class.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>match</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types"><a href="workbox.routing.Route.html#~matchCallback">workbox.routing.Route~matchCallback</a></p>
+                        <p>A callback function that determines whether the route matches a given
+                          <code>fetch</code> event by returning a non-falsy value.</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>handler</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types"><a href="workbox.routing.Route.html#~handlerCallback">workbox.routing.Route~handlerCallback</a></p>
+                        <p>A callback function that returns a Promise resolving to a Response.</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>method</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">string</p>
+                        <p>The HTTP method to match the Route against.
+                        </p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+          </section>
+          <section>
+            <h2>Abstract types</h2>
+            <section>
+              <h3 id="~handlerCallback" class="symbol-name">handlerCallback</h3>
+              <div class="symbol-detail-labels"><span class="label label-inner"><small>inner</small></span></div>
+              <p class="type-signature"> handlerCallback(context)&nbsp;returns&nbsp;Promise containing Response</p>
+              <p>The &quot;handler&quot; callback is called when a service worker's <code>fetch</code> event has been matched by a <code>Route</code>. This callback should return a Promise that resolves with a <code>Response</code>.</p>
+              <p>If a value is returned by the
+                <a href="workbox.routing.Route.html#~matchCallback">match callback</a> it will be passed in as the <code>context.params</code> argument.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>context</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                        <p>Values in <code>context</code> have the following properties:</p>
+                        <table class="function param responsive">
+                          <tr>
+                            <th colspan="2">
+                              <h4>Parameter</h4>
+                            </th>
+                          </tr>
+                          <tbody>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>url</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">URL</p>
+                                <p>The request's URL.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>event</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">FetchEvent</p>
+                                <p>The service worker's <code>fetch</code> event.
+                                </p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>params</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">Object</p>
+                                <p>Parameters returned by the Route's
+                                  <a href="workbox.routing.Route.html#~matchCallback">match callback</a> function. This will be undefined if nothing was returned.</p>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Promise containing Response</code>&nbsp;The response that will fulfill the request.</p>
+                </dd>
+              </dl>
+              <h3 id="~matchCallback" class="symbol-name">matchCallback</h3>
+              <div class="symbol-detail-labels"><span class="label label-inner"><small>inner</small></span></div>
+              <p class="type-signature"> matchCallback(context)&nbsp;returns&nbsp;(Object or null)</p>
+              <p>The &quot;match&quot; callback is used to determine if a <code>Route</code> should handle a service worker's <code>fetch</code> event. Returning a truthy value means this <code>Route</code> will handle and respond to the event.</p>
+              <p>Return <code>null</code> if this Route shouldn't match against the <code>fetch</code> event.</p>
+              <p>Any truthy value returned by this callback will be passed to the Route's
+                <a href="workbox.routing.Route.html#~handlerCallback">handler callback</a>.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>context</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                        <p>Values in <code>context</code> have the following properties:</p>
+                        <table class="function param responsive">
+                          <tr>
+                            <th colspan="2">
+                              <h4>Parameter</h4>
+                            </th>
+                          </tr>
+                          <tbody>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>url</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">URL</p>
+                                <p>The request's URL.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>event</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">FetchEvent</p>
+                                <p>The service worker<code>s</code>fetch` event.
+                                </p>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>(Object or null)</code>&nbsp;To signify a match, return anything other than <code>null</code>. Return <code>null</code> if the route shouldn't match.
+                    <a href="workbox.routing.Route.html#~handlerCallback">handler</a>.</p>
+                </dd>
+              </dl>
+            </section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.routing.Router.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.routing.Router.html
new file mode 100644
index 00000000000..d8c64040d37
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.routing.Router.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Class: Router</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small><a href="workbox.html">workbox</a>.<wbr><a href="workbox.routing.html">routing</a>.<wbr></small><span class="symbol-name">Router</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>class</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+            <p>The Router can be used to process a FetchEvent through one or more
+              <a href="workbox.routing.Route.html">Routes</a> responding with a Request if a matching route exists.</p>
+            <p>If no route matches a given a request, the Router will use a &quot;default&quot; handler if one is defined.</p>
+            <p>Should the matching Route throw an error, the Router will use a &quot;catch&quot; handler if one is defined to gracefully deal with issues and respond with a Request.
+            </p>
+            <p>If a request matches multiple routes, the <strong>earliest</strong> registered route will be used to respond to the request.</p>
+          </header>
+          <section>
+            <h2>Constructor</h2>
+            <section>
+              <h3 id="Router" class="symbol-name">Router</h3>
+              <p class="type-signature"> new Router()
+              </p>
+              <p>Initializes a new Router.</p>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+          </section>
+          <section>
+            <h2>Methods</h2>
+            <section>
+              <h3 id="handleRequest" class="symbol-name">handleRequest</h3>
+              <p class="type-signature"> handleRequest(event)&nbsp;returns&nbsp;(Promise containing Response or undefined)</p>
+              <p>Apply the routing rules to a FetchEvent object to get a Response from an appropriate Route's handler.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>event</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">FetchEvent</p>
+                        <p>The event from a service worker's 'fetch' event listener.
+                        </p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>(Promise containing Response or undefined)</code>&nbsp;A promise is returned if a registered route can handle the FetchEvent's request. If there is no matching route and there's no <code>defaultHandler</code>, <code>undefined</code>                    is returned.</p>
+                </dd>
+              </dl>
+              <h3 id="registerRoute" class="symbol-name">registerRoute</h3>
+              <p class="type-signature"> registerRoute(route)</p>
+              <p>Registers a route with the router.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>route</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types"><a href="workbox.routing.Route.html">workbox.routing.Route</a></p>
+                        <p>The route to register.</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id="setCatchHandler" class="symbol-name">setCatchHandler</h3>
+              <p class="type-signature"> setCatchHandler(handler)</p>
+              <p>If a Route throws an error while handling a request, this <code>handler</code> will be called and given a chance to provide a response.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>handler</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types"><a href="workbox.routing.Route.html#~handlerCallback">workbox.routing.Route~handlerCallback</a></p>
+                        <p>A callback function that returns a Promise resulting in a Response.</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id="setDefaultHandler" class="symbol-name">setDefaultHandler</h3>
+              <p class="type-signature"> setDefaultHandler(handler)</p>
+              <p>Define a default <code>handler</code> that's called when no routes explicitly match the incoming request.</p>
+              <p>Without a default handler, unmatched requests will go against the network as if there were no service worker present.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>handler</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types"><a href="workbox.routing.Route.html#~handlerCallback">workbox.routing.Route~handlerCallback</a></p>
+                        <p>A callback function that returns a Promise resulting in a Response.</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id="unregisterRoute" class="symbol-name">unregisterRoute</h3>
+              <p class="type-signature"> unregisterRoute(route)</p>
+              <p>Unregisters a route with the router.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>route</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types"><a href="workbox.routing.Route.html">workbox.routing.Route</a></p>
+                        <p>The route to unregister.</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.routing.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.routing.html
new file mode 100644
index 00000000000..d7c7ef6e142
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.routing.html
@@ -0,0 +1,271 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Namespace: routing</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small><a href="workbox.html">workbox</a>.<wbr></small><span class="symbol-name">routing</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>namespace</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+          </header>
+          <section>
+            <h2>Classes</h2>
+            <section id='members-links'>
+              <h3 class="class-list"><a href="workbox.routing.NavigationRoute.html">NavigationRoute</a></h3>
+              <p>NavigationRoute makes it easy to create a <a href="workbox.routing.Route.html">Route</a> that matches for browser
+                <a href="/web/fundamentals/primers/service-workers/high-performance-loading#first_what_are_navigation_requests">navigation requests</a>.</p>
+              <p>It will only match incoming Requests whose
+                <a href="https://fetch.spec.whatwg.org/#concept-request-mode"><code>mode</code></a> is set to <code>navigate</code>.</p>
+              <p>You can optionally only apply this route to a subset of navigation requests by using one or both of the <code>blacklist</code> and <code>whitelist</code> parameters.</p>
+              <h3 class="class-list"><a href="workbox.routing.RegExpRoute.html">RegExpRoute</a></h3>
+              <p>RegExpRoute makes it easy to create a regular expression based
+                <a href="workbox.routing.Route.html">Route</a>.</p>
+              <p>For same-origin requests the RegExp only needs to match part of the URL. For requests against third-party servers, you must define a RegExp that matches the start of the URL.</p>
+              <p><a href="/web/tools/workbox/v3/modules/workbox-routing">See the module docs for info.</a></p>
+              <h3 class="class-list"><a href="workbox.routing.Route.html">Route</a></h3>
+              <p>A <code>Route</code> consists of a pair of callback functions, &quot;match&quot; and &quot;handler&quot;. The &quot;match&quot; callback determine if a route should be used to &quot;handle&quot; a request by returning a non-falsy value if
+                it can. The &quot;handler&quot; callback is called when there is a match and should return a Promise that resolves to a <code>Response</code>.</p>
+              <h3 class="class-list"><a href="workbox.routing.Router.html">Router</a></h3>
+              <p>The Router can be used to process a FetchEvent through one or more
+                <a href="workbox.routing.Route.html">Routes</a> responding with a Request if a matching route exists.</p>
+              <p>If no route matches a given a request, the Router will use a &quot;default&quot; handler if one is defined.</p>
+              <p>Should the matching Route throw an error, the Router will use a &quot;catch&quot; handler if one is defined to gracefully deal with issues and respond with a Request.
+              </p>
+              <p>If a request matches multiple routes, the <strong>earliest</strong> registered route will be used to respond to the request.</p>
+            </section>
+            <h2>Methods</h2>
+            <section>
+              <h3 id=".registerNavigationRoute" class="symbol-name">registerNavigationRoute</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> registerNavigationRoute(cachedAssetUrl, options)&nbsp;returns&nbsp;<a href="workbox.routing.NavigationRoute.html">workbox.routing.NavigationRoute</a></p>
+              <p>Register a route that will return a precached file for a navigation request. This is useful for the
+                <a href="/web/fundamentals/architecture/app-shell">application shell pattern</a>.</p>
+              <p>This method will generate a
+                <a href="workbox.routing.NavigationRoute.html">NavigationRoute</a> and call
+                <a href="workbox.routing.Router.html#registerRoute">Router.registerRoute()</a> .
+              </p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>cachedAssetUrl</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">string</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>options</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">Object</p>
+                        <p>Values in <code>options</code> have the following properties:</p>
+                        <table class="function param responsive">
+                          <tr>
+                            <th colspan="2">
+                              <h4>Parameter</h4>
+                            </th>
+                          </tr>
+                          <tbody>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>cacheName</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">string</p>
+                                <p>Cache name to store and retrieve requests. Defaults to precache cache name provided by
+                                  <a href="workbox.core.html#.cacheNames">workbox-core.cacheNames</a>.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>blacklist</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">Array of RegExp</p>
+                                <p>If any of these patterns match, the route will not handle the request (even if a whitelist entry matches).
+                                </p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>whitelist</p>
+                              </td>
+                              <td>
+                                <p class="details-table-optional">Optional</p>
+                                <p class="details-table-types">Array of RegExp</p>
+                                <p>If any of these patterns match the URL's pathname and search parameter, the route will handle the request (assuming the blacklist doesn't match).</p>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code><a href="workbox.routing.NavigationRoute.html">workbox.routing.NavigationRoute</a></code>&nbsp;Returns the generated Route.
+                  </p>
+                </dd>
+              </dl>
+              <h3 id=".registerRoute" class="symbol-name">registerRoute</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> registerRoute(capture, handler, method)&nbsp;returns&nbsp;<a href="workbox.routing.Route.html">workbox.routing.Route</a></p>
+              <p>Easily register a RegExp, string, or function with a caching strategy to the Router.</p>
+              <p>This method will generate a Route for you if needed and call <a href="workbox.routing.Router.html#registerRoute">Router.registerRoute()</a>.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>capture</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">(RegExp, string, <a href="workbox.routing.Route.html#~matchCallback">workbox.routing.Route~matchCallback</a>, or <a href="workbox.routing.Route.html">workbox.routing.Route</a>)</p>
+                        <p>If the capture param is a <code>Route</code>, all other arguments will be ignored.</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>handler</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types"><a href="workbox.routing.Route.html#~handlerCallback">workbox.routing.Route~handlerCallback</a></p>
+                        <p>A callback function that returns a Promise resulting in a Response.</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>method</p>
+                      </td>
+                      <td>
+                        <p class="details-table-optional">Optional</p>
+                        <p class="details-table-types">string</p>
+                        <p>The HTTP method to match the Route against.
+                        </p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code><a href="workbox.routing.Route.html">workbox.routing.Route</a></code>&nbsp;The generated <code>Route</code>(Useful for unregistering).
+                  </p>
+                </dd>
+              </dl>
+              <h3 id=".setCatchHandler" class="symbol-name">setCatchHandler</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> setCatchHandler(handler)</p>
+              <p>If a Route throws an error while handling a request, this <code>handler</code> will be called and given a chance to provide a response.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>handler</p>
+                      </td>
+                      <td>
+                        <p>A callback function that returns a Promise resulting in a Response.</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id=".setDefaultHandler" class="symbol-name">setDefaultHandler</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> setDefaultHandler(handler)</p>
+              <p>Define a default <code>handler</code> that's called when no routes explicitly match the incoming request.</p>
+              <p>Without a default handler, unmatched requests will go against the network as if there were no service worker present.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>handler</p>
+                      </td>
+                      <td>
+                        <p>A callback function that returns a Promise resulting in a Response.</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id=".unregisterRoute" class="symbol-name">unregisterRoute</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> unregisterRoute(route)</p>
+              <p>Unregisters a route with the router.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>route</p>
+                      </td>
+                      <td>
+                        <p>The route to unregister.</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.strategies.CacheFirst.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.strategies.CacheFirst.html
new file mode 100644
index 00000000000..136aa5ee290
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.strategies.CacheFirst.html
@@ -0,0 +1,143 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Class: CacheFirst</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small><a href="workbox.html">workbox</a>.<wbr><a href="workbox.strategies.html">strategies</a>.<wbr></small><span class="symbol-name">CacheFirst</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>class</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+            <p>An implementation of a <a href="/web/fundamentals/instant-and-offline/offline-cookbook/#cache-falling-back-to-network">cache-first</a> request strategy.</p>
+            <p>A cache first strategy is useful for assets that have beeng revisioned, such as URLs like <code>/styles/example.a8f5f1.css</code>, since they can be cached for long periods of time.</p>
+          </header>
+          <section>
+            <h2>Constructor</h2>
+            <section>
+              <h3 id="CacheFirst" class="symbol-name">CacheFirst</h3>
+              <p class="type-signature"> new CacheFirst(options)
+              </p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>options</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                        <p>Values in <code>options</code> have the following properties:</p>
+                        <table class="function param responsive">
+                          <tr>
+                            <th colspan="2">
+                              <h4>Parameter</h4>
+                            </th>
+                          </tr>
+                          <tbody>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>cacheName</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">string</p>
+                                <p>Cache name to store and retrieve requests. Defaults to cache names provided by
+                                  <a href="workbox.core.html#.cacheNames">workbox-core</a>.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>plugins</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">string</p>
+                                <p><a href="https://docs.google.com/document/d/1Qye_GDVNF1lzGmhBaUvbgwfBWRQDdPgwUAgsbs8jhsk/edit?usp=sharing">Plugins</a> to use in conjunction with this caching strategy.</p>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+          </section>
+          <section>
+            <h2>Method</h2>
+            <section>
+              <h3 id="handle" class="symbol-name">handle</h3>
+              <div class="symbol-detail-labels"><span class="label label-async"><small>async</small></span></div>
+              <p class="type-signature"> handle(input)&nbsp;returns&nbsp;Promise containing Response</p>
+              <p>This method will perform a request strategy and follows an API that will work with the
+                <a href="workbox.routing.Router.html">Workbox Router</a>.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>input</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                        <p>Values in <code>input</code> have the following properties:</p>
+                        <table class="function param responsive">
+                          <tr>
+                            <th colspan="2">
+                              <h4>Parameter</h4>
+                            </th>
+                          </tr>
+                          <tbody>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>event</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">FetchEvent</p>
+                                <p>The fetch event to run this strategy against.
+                                </p>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Promise containing Response</code>&nbsp;</p>
+                </dd>
+              </dl>
+            </section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.strategies.CacheOnly.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.strategies.CacheOnly.html
new file mode 100644
index 00000000000..c14993b1c0a
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.strategies.CacheOnly.html
@@ -0,0 +1,144 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Class: CacheOnly</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small><a href="workbox.html">workbox</a>.<wbr><a href="workbox.strategies.html">strategies</a>.<wbr></small><span class="symbol-name">CacheOnly</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>class</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+            <p>An implementation of a
+              <a href="/web/fundamentals/instant-and-offline/offline-cookbook/#cache-only">cache-only</a> request strategy.</p>
+            <p>This class is useful if you want to take advantage of any <a href="https://docs.google.com/document/d/1Qye_GDVNF1lzGmhBaUvbgwfBWRQDdPgwUAgsbs8jhsk/edit?usp=sharing">Workbox plugins</a>.</p>
+          </header>
+          <section>
+            <h2>Constructor</h2>
+            <section>
+              <h3 id="CacheOnly" class="symbol-name">CacheOnly</h3>
+              <p class="type-signature"> new CacheOnly(options)
+              </p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>options</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                        <p>Values in <code>options</code> have the following properties:</p>
+                        <table class="function param responsive">
+                          <tr>
+                            <th colspan="2">
+                              <h4>Parameter</h4>
+                            </th>
+                          </tr>
+                          <tbody>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>cacheName</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">string</p>
+                                <p>Cache name to store and retrieve requests. Defaults to cache names provided by
+                                  <a href="workbox.core.html#.cacheNames">workbox-core</a>.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>plugins</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">string</p>
+                                <p><a href="https://docs.google.com/document/d/1Qye_GDVNF1lzGmhBaUvbgwfBWRQDdPgwUAgsbs8jhsk/edit?usp=sharing">Plugins</a> to use in conjunction with this caching strategy.</p>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+          </section>
+          <section>
+            <h2>Method</h2>
+            <section>
+              <h3 id="handle" class="symbol-name">handle</h3>
+              <div class="symbol-detail-labels"><span class="label label-async"><small>async</small></span></div>
+              <p class="type-signature"> handle(input)&nbsp;returns&nbsp;Promise containing Response</p>
+              <p>This method will perform a request strategy and follows an API that will work with the
+                <a href="workbox.routing.Router.html">Workbox Router</a>.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>input</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                        <p>Values in <code>input</code> have the following properties:</p>
+                        <table class="function param responsive">
+                          <tr>
+                            <th colspan="2">
+                              <h4>Parameter</h4>
+                            </th>
+                          </tr>
+                          <tbody>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>event</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">FetchEvent</p>
+                                <p>The fetch event to run this strategy against.
+                                </p>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Promise containing Response</code>&nbsp;</p>
+                </dd>
+              </dl>
+            </section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.strategies.NetworkFirst.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.strategies.NetworkFirst.html
new file mode 100644
index 00000000000..77db344285d
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.strategies.NetworkFirst.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Class: NetworkFirst</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small><a href="workbox.html">workbox</a>.<wbr><a href="workbox.strategies.html">strategies</a>.<wbr></small><span class="symbol-name">NetworkFirst</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>class</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+            <p>An implementation of a
+              <a href="/web/fundamentals/instant-and-offline/offline-cookbook/#network-falling-back-to-cache">network first</a> request strategy.</p>
+            <p>By default, this strategy will cache responses with a 200 status code as well as <a href="https://docs.google.com/document/d/1nHIjXdmXs9nT6_lcGcsZY5UZ-tL9JxXESlKbzAJdBG4/edit?usp=sharing">opaque responses</a>. Opaque responses are are cross-origin
+              requests where the response doesn't support <a href="https://enable-cors.org/">CORS</a>.</p>
+          </header>
+          <section>
+            <h2>Constructor</h2>
+            <section>
+              <h3 id="NetworkFirst" class="symbol-name">NetworkFirst</h3>
+              <p class="type-signature"> new NetworkFirst(options)
+              </p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>options</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                        <p>Values in <code>options</code> have the following properties:</p>
+                        <table class="function param responsive">
+                          <tr>
+                            <th colspan="2">
+                              <h4>Parameter</h4>
+                            </th>
+                          </tr>
+                          <tbody>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>cacheName</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">string</p>
+                                <p>Cache name to store and retrieve requests. Defaults to cache names provided by
+                                  <a href="workbox.core.html#.cacheNames">workbox-core</a>.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>plugins</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">string</p>
+                                <p><a href="https://docs.google.com/document/d/1Qye_GDVNF1lzGmhBaUvbgwfBWRQDdPgwUAgsbs8jhsk/edit?usp=sharing">Plugins</a> to use in conjunction with this caching strategy.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>networkTimeoutSeconds</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">number</p>
+                                <p>If set, any network requests that fail to respond within the timeout will fallback to the cache.</p>
+                                <p>This option can be used to combat &quot;
+                                  <a href="/web/fundamentals/performance/poor-connectivity/#lie-fi">lie-fi</a>&quot; scenarios.
+                                </p>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+          </section>
+          <section>
+            <h2>Method</h2>
+            <section>
+              <h3 id="handle" class="symbol-name">handle</h3>
+              <div class="symbol-detail-labels"><span class="label label-async"><small>async</small></span></div>
+              <p class="type-signature"> handle(input)&nbsp;returns&nbsp;Promise containing Response</p>
+              <p>This method will perform a request strategy and follows an API that will work with the
+                <a href="workbox.routing.Router.html">Workbox Router</a>.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>input</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                        <p>Values in <code>input</code> have the following properties:</p>
+                        <table class="function param responsive">
+                          <tr>
+                            <th colspan="2">
+                              <h4>Parameter</h4>
+                            </th>
+                          </tr>
+                          <tbody>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>event</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">FetchEvent</p>
+                                <p>The fetch event to run this strategy against.
+                                </p>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Promise containing Response</code>&nbsp;</p>
+                </dd>
+              </dl>
+            </section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.strategies.NetworkOnly.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.strategies.NetworkOnly.html
new file mode 100644
index 00000000000..8122c92437d
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.strategies.NetworkOnly.html
@@ -0,0 +1,144 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Class: NetworkOnly</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small><a href="workbox.html">workbox</a>.<wbr><a href="workbox.strategies.html">strategies</a>.<wbr></small><span class="symbol-name">NetworkOnly</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>class</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+            <p>An implementation of a
+              <a href="/web/fundamentals/instant-and-offline/offline-cookbook/#network-only">network-only</a> request strategy.</p>
+            <p>This class is useful if you want to take advantage of any <a href="https://docs.google.com/document/d/1Qye_GDVNF1lzGmhBaUvbgwfBWRQDdPgwUAgsbs8jhsk/edit?usp=sharing">Workbox plugins</a>.</p>
+          </header>
+          <section>
+            <h2>Constructor</h2>
+            <section>
+              <h3 id="NetworkOnly" class="symbol-name">NetworkOnly</h3>
+              <p class="type-signature"> new NetworkOnly(options)
+              </p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>options</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                        <p>Values in <code>options</code> have the following properties:</p>
+                        <table class="function param responsive">
+                          <tr>
+                            <th colspan="2">
+                              <h4>Parameter</h4>
+                            </th>
+                          </tr>
+                          <tbody>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>cacheName</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">string</p>
+                                <p>Cache name to store and retrieve requests. Defaults to cache names provided by
+                                  <a href="workbox.core.html#.cacheNames">workbox-core</a>.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>plugins</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">string</p>
+                                <p><a href="https://docs.google.com/document/d/1Qye_GDVNF1lzGmhBaUvbgwfBWRQDdPgwUAgsbs8jhsk/edit?usp=sharing">Plugins</a> to use in conjunction with this caching strategy.</p>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+          </section>
+          <section>
+            <h2>Method</h2>
+            <section>
+              <h3 id="handle" class="symbol-name">handle</h3>
+              <div class="symbol-detail-labels"><span class="label label-async"><small>async</small></span></div>
+              <p class="type-signature"> handle(input)&nbsp;returns&nbsp;Promise containing Response</p>
+              <p>This method will perform a request strategy and follows an API that will work with the
+                <a href="workbox.routing.Router.html">Workbox Router</a>.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>input</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                        <p>Values in <code>input</code> have the following properties:</p>
+                        <table class="function param responsive">
+                          <tr>
+                            <th colspan="2">
+                              <h4>Parameter</h4>
+                            </th>
+                          </tr>
+                          <tbody>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>event</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">FetchEvent</p>
+                                <p>The fetch event to run this strategy against.
+                                </p>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Promise containing Response</code>&nbsp;</p>
+                </dd>
+              </dl>
+            </section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.strategies.StaleWhileRevalidate.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.strategies.StaleWhileRevalidate.html
new file mode 100644
index 00000000000..2270af2f817
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.strategies.StaleWhileRevalidate.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Class: StaleWhileRevalidate</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small><a href="workbox.html">workbox</a>.<wbr><a href="workbox.strategies.html">strategies</a>.<wbr></small><span class="symbol-name">StaleWhileRevalidate</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>class</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+            <p>An implementation of a
+              <a href="/web/fundamentals/instant-and-offline/offline-cookbook/#stale-while-revalidate">stale-while-revalidate</a> request strategy.</p>
+            <p>Resources are requested from both the cache and the network in parallel. The strategy will respond with the cached version if available, otherwise wait for the network response. The cache is updated with the network response with each successful
+              request.</p>
+            <p>By default, this strategy will cache responses with a 200 status code as well as <a href="https://docs.google.com/document/d/1nHIjXdmXs9nT6_lcGcsZY5UZ-tL9JxXESlKbzAJdBG4/edit?usp=sharing">opaque responses</a>. Opaque responses are are cross-origin
+              requests where the response doesn't support <a href="https://enable-cors.org/">CORS</a>.</p>
+          </header>
+          <section>
+            <h2>Constructor</h2>
+            <section>
+              <h3 id="StaleWhileRevalidate" class="symbol-name">StaleWhileRevalidate</h3>
+              <p class="type-signature"> new StaleWhileRevalidate(options)
+              </p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>options</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                        <p>Values in <code>options</code> have the following properties:</p>
+                        <table class="function param responsive">
+                          <tr>
+                            <th colspan="2">
+                              <h4>Parameter</h4>
+                            </th>
+                          </tr>
+                          <tbody>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>cacheName</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">string</p>
+                                <p>Cache name to store and retrieve requests. Defaults to cache names provided by
+                                  <a href="workbox.core.html#.cacheNames">workbox-core</a>.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>plugins</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">string</p>
+                                <p><a href="https://docs.google.com/document/d/1Qye_GDVNF1lzGmhBaUvbgwfBWRQDdPgwUAgsbs8jhsk/edit?usp=sharing">Plugins</a> to use in conjunction with this caching strategy.</p>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+          </section>
+          <section>
+            <h2>Method</h2>
+            <section>
+              <h3 id="handle" class="symbol-name">handle</h3>
+              <div class="symbol-detail-labels"><span class="label label-async"><small>async</small></span></div>
+              <p class="type-signature"> handle(input)&nbsp;returns&nbsp;Promise containing Response</p>
+              <p>This method will perform a request strategy and follows an API that will work with the
+                <a href="workbox.routing.Router.html">Workbox Router</a>.</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>input</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                        <p>Values in <code>input</code> have the following properties:</p>
+                        <table class="function param responsive">
+                          <tr>
+                            <th colspan="2">
+                              <h4>Parameter</h4>
+                            </th>
+                          </tr>
+                          <tbody>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>event</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">FetchEvent</p>
+                                <p>The fetch event to run this strategy against.
+                                </p>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+                <dt>Returns</dt>
+                <dd>
+                  <p><code>Promise containing Response</code>&nbsp;</p>
+                </dd>
+              </dl>
+            </section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.strategies.html b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.strategies.html
new file mode 100644
index 00000000000..51451e5280b
--- /dev/null
+++ b/src/content/en/tools/workbox/v3/reference-docs/latest/workbox.strategies.html
@@ -0,0 +1,246 @@
+<!DOCTYPE html>
+<html devsite>
+
+<head>
+  <meta name="project_path" value="/web/tools/workbox/v3/_project.yaml" />
+  <meta name="book_path" value="/web/tools/workbox/v3/_book.yaml" />
+  <meta name="gtm_var" data-key="docType" data-value="reference">
+  <title>Namespace: strategies</title>
+  <link href="jsdoc.css" rel="stylesheet">
+</head>
+
+<body>
+  <div id="jsdoc-body-container">
+    <div id="jsdoc-content">
+      <div id="jsdoc-content-container">
+        <div id="jsdoc-main" role="main">
+          <header class="page-header">
+            <h1><small><a href="workbox.html">workbox</a>.<wbr></small><span class="symbol-name">strategies</span></h1>
+            <div class="symbol-detail-labels"><span class="label label-kind"><small>namespace</small></span>&nbsp;&nbsp;&nbsp;<span class="label label-static"><small>static</small></span></div>
+            <p>There are common caching strategies that most service workers will need and use. This module provides simple implementations of these strategies.</p>
+          </header>
+          <section>
+            <h2>Classes</h2>
+            <section id='members-links'>
+              <h3 class="class-list"><a href="workbox.strategies.CacheFirst.html">CacheFirst</a></h3>
+              <p>An implementation of a <a href="/web/fundamentals/instant-and-offline/offline-cookbook/#cache-falling-back-to-network">cache-first</a> request strategy.</p>
+              <p>A cache first strategy is useful for assets that have beeng revisioned, such as URLs like <code>/styles/example.a8f5f1.css</code>, since they can be cached for long periods of time.</p>
+              <h3 class="class-list"><a href="workbox.strategies.CacheOnly.html">CacheOnly</a></h3>
+              <p>An implementation of a
+                <a href="/web/fundamentals/instant-and-offline/offline-cookbook/#cache-only">cache-only</a> request strategy.</p>
+              <p>This class is useful if you want to take advantage of any <a href="https://docs.google.com/document/d/1Qye_GDVNF1lzGmhBaUvbgwfBWRQDdPgwUAgsbs8jhsk/edit?usp=sharing">Workbox plugins</a>.</p>
+              <h3 class="class-list"><a href="workbox.strategies.NetworkFirst.html">NetworkFirst</a></h3>
+              <p>An implementation of a
+                <a href="/web/fundamentals/instant-and-offline/offline-cookbook/#network-falling-back-to-cache">network first</a> request strategy.</p>
+              <p>By default, this strategy will cache responses with a 200 status code as well as <a href="https://docs.google.com/document/d/1nHIjXdmXs9nT6_lcGcsZY5UZ-tL9JxXESlKbzAJdBG4/edit?usp=sharing">opaque responses</a>. Opaque responses are are cross-origin
+                requests where the response doesn't support <a href="https://enable-cors.org/">CORS</a>.</p>
+              <h3 class="class-list"><a href="workbox.strategies.NetworkOnly.html">NetworkOnly</a></h3>
+              <p>An implementation of a
+                <a href="/web/fundamentals/instant-and-offline/offline-cookbook/#network-only">network-only</a> request strategy.</p>
+              <p>This class is useful if you want to take advantage of any <a href="https://docs.google.com/document/d/1Qye_GDVNF1lzGmhBaUvbgwfBWRQDdPgwUAgsbs8jhsk/edit?usp=sharing">Workbox plugins</a>.</p>
+              <h3 class="class-list"><a href="workbox.strategies.StaleWhileRevalidate.html">StaleWhileRevalidate</a></h3>
+              <p>An implementation of a
+                <a href="/web/fundamentals/instant-and-offline/offline-cookbook/#stale-while-revalidate">stale-while-revalidate</a> request strategy.</p>
+              <p>Resources are requested from both the cache and the network in parallel. The strategy will respond with the cached version if available, otherwise wait for the network response. The cache is updated with the network response with each successful
+                request.</p>
+              <p>By default, this strategy will cache responses with a 200 status code as well as <a href="https://docs.google.com/document/d/1nHIjXdmXs9nT6_lcGcsZY5UZ-tL9JxXESlKbzAJdBG4/edit?usp=sharing">opaque responses</a>. Opaque responses are are cross-origin
+                requests where the response doesn't support <a href="https://enable-cors.org/">CORS</a>.</p>
+            </section>
+            <h2>Methods</h2>
+            <section>
+              <h3 id=".cacheFirst" class="symbol-name">cacheFirst</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> cacheFirst(options)</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>options</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">StrategyOptions</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id=".cacheOnly" class="symbol-name">cacheOnly</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> cacheOnly(options)</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>options</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">StrategyOptions</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id=".networkFirst" class="symbol-name">networkFirst</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> networkFirst(options)</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>options</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">StrategyOptions</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id=".networkOnly" class="symbol-name">networkOnly</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> networkOnly(options)</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>options</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">StrategyOptions</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+              <h3 id=".staleWhileRevalidate" class="symbol-name">staleWhileRevalidate</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature"> staleWhileRevalidate(options)</p>
+              <section>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>options</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">StrategyOptions</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+            <h2>Abstract type</h2>
+            <section>
+              <h3 id=".StrategyOptions" class="symbol-name">StrategyOptions</h3>
+              <div class="symbol-detail-labels"><span class="label label-static"><small>static</small></span></div>
+              <p class="type-signature">Object</p>
+              <section>
+                <h4>Properties</h4>
+                <table class="function param responsive">
+                  <tr>
+                    <th colspan="2">
+                      <h4>Parameter</h4>
+                    </th>
+                  </tr>
+                  <tbody>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>cacheName</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">String</p>
+                        <p>Name of cache to use for caching (both lookup and updating).</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="details-table-name">
+                        <p>cacheExpiration</p>
+                      </td>
+                      <td>
+                        <p class="details-table-types">Object</p>
+                        <p>Defining this object will add a cache expiration plugins to this strategy.</p>
+                        <p>Values in <code>cacheExpiration</code> have the following properties:</p>
+                        <table class="function param responsive">
+                          <tr>
+                            <th colspan="2">
+                              <h4>Parameter</h4>
+                            </th>
+                          </tr>
+                          <tbody>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>maxEntries</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">Number</p>
+                                <p>The maximum number of entries to store in a cache.</p>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td class="details-table-name">
+                                <p>maxAgeSeconds</p>
+                              </td>
+                              <td>
+                                <p class="details-table-types">Number</p>
+                                <p>The maximum lifetime of a request to stay in the cache before it's removed.</p>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </section>
+              <dl class="dl-compact">
+              </dl>
+            </section>
+          </section>
+        </div>
+      </div>
+      <nav id="jsdoc-toc-nav" role="navigation"></nav>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/templates/reference-docs/jsdoc/views/details-table-row.hbs b/src/templates/reference-docs/jsdoc/views/details-table-row.hbs
index 982f4835009..38ecebab387 100644
--- a/src/templates/reference-docs/jsdoc/views/details-table-row.hbs
+++ b/src/templates/reference-docs/jsdoc/views/details-table-row.hbs
@@ -24,9 +24,9 @@
     {{#if (hasModifiers this)}}
       <p>{{modifierText this}}</p>
     {{/if}}
-    {{#if ../children}}
+    {{#if children}}
       <p>{{translate 'tables.body.eachValueHasProperties' name=name}}</p>
-        {{#withOnly values=../children}}
+        {{#withOnly values=children}}
           {{#embed 'details-table'}}{{/embed}}
         {{/withOnly}}
     {{/if}}