diff --git a/.drone.yml b/.drone.yml
new file mode 100644
index 0000000..1472c69
--- /dev/null
+++ b/.drone.yml
@@ -0,0 +1,37 @@
+name: development
+type: docker
+kind: pipeline
+
+volumes:
+- name: bun_cache
+  host:
+    path: /var/lib/cache/docker/bun
+- name: node_modules
+  host:
+    path: /var/lib/cache/docker/node_modules/pgtune
+- name: dist
+  host:
+    path: /var/lib/docker/volumes/pgtune/_data
+
+steps:
+  - name: build and deploy static
+    image: dockerhub.timeweb.cloud/oven/bun:alpine
+    volumes:
+      - name: bun_cache
+        path: /root/.bun/install/cache
+      - name: node_modules
+        path: /drone/src/node_modules
+      - name: dist
+        path: /dist
+    commands:
+      - apk add --no-cache rsync
+      - bun install --frozen_lockfile
+      - bun --bun run build
+      - rsync -cavhP --delete-after ./dist/ /dist/
+
+image_pull_secrets:
+  - GiteaRegistryConfig
+
+trigger:
+  branch:
+    - develop
diff --git a/.gitignore b/.gitignore
index 56c6038..bda0a99 100644
--- a/.gitignore
+++ b/.gitignore
@@ -26,3 +26,7 @@ dist-ssr
 # Auto-generated type declarations
 auto-imports.d.ts
 components.d.ts
+
+dev-dist
+
+pgtune.tar.zst
\ No newline at end of file
diff --git a/README.md b/README.md
index 1511959..7ba6a76 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,11 @@
-# Vue 3 + Vite
+# [PgTune](https://pgtune.mudrov.tech/) 
 
-This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+[![PGTune](src/assets/images/logo.svg 'PGTune')](https://pgtune.mudrov.tech/) 
 
-Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://vuejs.org/guide/scaling-up/tooling.html#ide-support).
+Tuning PostgreSQL config by your hardware. Based on original React version of [pgtune](https://github.com/le0pard/pgtune). Rewritten in Vue 3.
+
+### Build status
+
+| Branch | Status |
+| --- | --- |
+| Develop | [![Build Status](https://drone.minis.mudrov.tech/api/badges/administrator/pgtune/status.svg?ref=refs/heads/develop)](https://drone.minis.mudrov.tech/administrator/pgtune) |
\ No newline at end of file
diff --git a/bun.lock b/bun.lock
index 0db8448..6b8c085 100644
--- a/bun.lock
+++ b/bun.lock
@@ -21,7 +21,6 @@
         "eslint-config-vue": "^2.0.2",
         "eslint-plugin-prettier": "^5.5.6",
         "eslint-plugin-vue": "^10.10.0",
-        "pinia": "^4.0.3",
         "prettier": "^3.9.6",
         "tailwindcss": "^4.3.3",
         "vite": "^8.2.2",
@@ -1246,8 +1245,6 @@
 
     "picomatch": ["picomatch@4.0.7", "", {}, "sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA=="],
 
-    "pinia": ["pinia@4.0.3", "", { "dependencies": { "nostics": "^1.1.4" }, "peerDependencies": { "@vue/devtools-api": "^8.1.5", "typescript": ">=5.6.0", "vue": "^3.5.11" }, "optionalPeers": ["typescript"] }, "sha512-XMQqpvjgG7LMqVhhFUzKLT4KEbsYbfZZ0CZU9PgdFm1O2VKBmIkykL8+SfNhOaT7sR0wT6BEgKT0YNDYWgmVRA=="],
-
     "pkg-types": ["pkg-types@2.3.1", "", { "dependencies": { "confbox": "^0.2.4", "exsolve": "^1.0.8", "pathe": "^2.0.3" } }, "sha512-y+ichcgc2LrADuhLNAx8DFjVfgz91pRxfZdI3UDhxHvcVEZsenLO+7XaU5vOp0u/7V/wZ+plyuQxtrDlZJ+yeg=="],
 
     "possible-typed-array-names": ["possible-typed-array-names@1.1.0", "", {}, "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg=="],
diff --git a/dev-dist/sw.js b/dev-dist/sw.js
deleted file mode 100644
index f9057bc..0000000
--- a/dev-dist/sw.js
+++ /dev/null
@@ -1,92 +0,0 @@
-/**
- * Copyright 2018 Google Inc. All Rights Reserved.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * 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 "AS IS" 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.
- */
-
-// If the loader is already loaded, just stop.
-if (!self.define) {
-  let registry = {};
-
-  // Used for `eval` and `importScripts` where we can't get script URL by other means.
-  // In both cases, it's safe to use a global var because those functions are synchronous.
-  let nextDefineUri;
-
-  const singleRequire = (uri, parentUri) => {
-    uri = new URL(uri + ".js", parentUri).href;
-    return registry[uri] || (
-      
-        new Promise(resolve => {
-          if ("document" in self) {
-            const script = document.createElement("script");
-            script.src = uri;
-            script.onload = resolve;
-            document.head.appendChild(script);
-          } else {
-            nextDefineUri = uri;
-            importScripts(uri);
-            resolve();
-          }
-        })
-      
-      .then(() => {
-        let promise = registry[uri];
-        if (!promise) {
-          throw new Error(`Module ${uri} didn’t register its module`);
-        }
-        return promise;
-      })
-    );
-  };
-
-  self.define = (depsNames, factory) => {
-    const uri = nextDefineUri || ("document" in self ? document.currentScript.src : "") || location.href;
-    if (registry[uri]) {
-      // Module is already loading or loaded.
-      return;
-    }
-    let exports = {};
-    const require = depUri => singleRequire(depUri, uri);
-    const specialDeps = {
-      module: { uri },
-      exports,
-      require
-    };
-    registry[uri] = Promise.all(depsNames.map(
-      depName => specialDeps[depName] || require(depName)
-    )).then(deps => {
-      factory(...deps);
-      return exports;
-    });
-  };
-}
-define(['./workbox-f0c192c2'], (function (workbox) { 'use strict';
-
-  self.addEventListener('message', event => {
-    if (event.data && event.data.type === 'SKIP_WAITING') {
-      self.skipWaiting();
-    }
-  });
-
-  /**
-   * The precacheAndRoute() method efficiently caches and responds to
-   * requests for URLs in the manifest.
-   * See https://goo.gl/S9QRab
-   */
-  workbox.precacheAndRoute([{
-    "url": "index.html",
-    "revision": "0.kapsgh4ngf8"
-  }], {});
-  workbox.cleanupOutdatedCaches();
-  workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
-    allowlist: [/^\/$/]
-  }));
-
-}));
diff --git a/dev-dist/workbox-f0c192c2.js b/dev-dist/workbox-f0c192c2.js
deleted file mode 100644
index b424c49..0000000
--- a/dev-dist/workbox-f0c192c2.js
+++ /dev/null
@@ -1,3377 +0,0 @@
-define(['exports'], (function (exports) { 'use strict';
-
-    // @ts-ignore
-    try {
-      self['workbox:core:7.4.0'] && _();
-    } catch (e) {}
-
-    /*
-      Copyright 2019 Google LLC
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    const logger = (() => {
-      // Don't overwrite this value if it's already set.
-      // See https://github.com/GoogleChrome/workbox/pull/2284#issuecomment-560470923
-      if (!('__WB_DISABLE_DEV_LOGS' in globalThis)) {
-        self.__WB_DISABLE_DEV_LOGS = false;
-      }
-      let inGroup = false;
-      const methodToColorMap = {
-        debug: `#7f8c8d`,
-        log: `#2ecc71`,
-        warn: `#f39c12`,
-        error: `#c0392b`,
-        groupCollapsed: `#3498db`,
-        groupEnd: null // No colored prefix on groupEnd
-      };
-      const print = function (method, args) {
-        if (self.__WB_DISABLE_DEV_LOGS) {
-          return;
-        }
-        if (method === 'groupCollapsed') {
-          // Safari doesn't print all console.groupCollapsed() arguments:
-          // https://bugs.webkit.org/show_bug.cgi?id=182754
-          if (/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {
-            console[method](...args);
-            return;
-          }
-        }
-        const styles = [`background: ${methodToColorMap[method]}`, `border-radius: 0.5em`, `color: white`, `font-weight: bold`, `padding: 2px 0.5em`];
-        // When in a group, the workbox prefix is not displayed.
-        const logPrefix = inGroup ? [] : ['%cworkbox', styles.join(';')];
-        console[method](...logPrefix, ...args);
-        if (method === 'groupCollapsed') {
-          inGroup = true;
-        }
-        if (method === 'groupEnd') {
-          inGroup = false;
-        }
-      };
-      // eslint-disable-next-line @typescript-eslint/ban-types
-      const api = {};
-      const loggerMethods = Object.keys(methodToColorMap);
-      for (const key of loggerMethods) {
-        const method = key;
-        api[method] = (...args) => {
-          print(method, args);
-        };
-      }
-      return api;
-    })();
-
-    /*
-      Copyright 2018 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    const messages = {
-      'invalid-value': ({
-        paramName,
-        validValueDescription,
-        value
-      }) => {
-        if (!paramName || !validValueDescription) {
-          throw new Error(`Unexpected input to 'invalid-value' error.`);
-        }
-        return `The '${paramName}' parameter was given a value with an ` + `unexpected value. ${validValueDescription} Received a value of ` + `${JSON.stringify(value)}.`;
-      },
-      'not-an-array': ({
-        moduleName,
-        className,
-        funcName,
-        paramName
-      }) => {
-        if (!moduleName || !className || !funcName || !paramName) {
-          throw new Error(`Unexpected input to 'not-an-array' error.`);
-        }
-        return `The parameter '${paramName}' passed into ` + `'${moduleName}.${className}.${funcName}()' must be an array.`;
-      },
-      'incorrect-type': ({
-        expectedType,
-        paramName,
-        moduleName,
-        className,
-        funcName
-      }) => {
-        if (!expectedType || !paramName || !moduleName || !funcName) {
-          throw new Error(`Unexpected input to 'incorrect-type' error.`);
-        }
-        const classNameStr = className ? `${className}.` : '';
-        return `The parameter '${paramName}' passed into ` + `'${moduleName}.${classNameStr}` + `${funcName}()' must be of type ${expectedType}.`;
-      },
-      'incorrect-class': ({
-        expectedClassName,
-        paramName,
-        moduleName,
-        className,
-        funcName,
-        isReturnValueProblem
-      }) => {
-        if (!expectedClassName || !moduleName || !funcName) {
-          throw new Error(`Unexpected input to 'incorrect-class' error.`);
-        }
-        const classNameStr = className ? `${className}.` : '';
-        if (isReturnValueProblem) {
-          return `The return value from ` + `'${moduleName}.${classNameStr}${funcName}()' ` + `must be an instance of class ${expectedClassName}.`;
-        }
-        return `The parameter '${paramName}' passed into ` + `'${moduleName}.${classNameStr}${funcName}()' ` + `must be an instance of class ${expectedClassName}.`;
-      },
-      'missing-a-method': ({
-        expectedMethod,
-        paramName,
-        moduleName,
-        className,
-        funcName
-      }) => {
-        if (!expectedMethod || !paramName || !moduleName || !className || !funcName) {
-          throw new Error(`Unexpected input to 'missing-a-method' error.`);
-        }
-        return `${moduleName}.${className}.${funcName}() expected the ` + `'${paramName}' parameter to expose a '${expectedMethod}' method.`;
-      },
-      'add-to-cache-list-unexpected-type': ({
-        entry
-      }) => {
-        return `An unexpected entry was passed to ` + `'workbox-precaching.PrecacheController.addToCacheList()' The entry ` + `'${JSON.stringify(entry)}' isn't supported. You must supply an array of ` + `strings with one or more characters, objects with a url property or ` + `Request objects.`;
-      },
-      'add-to-cache-list-conflicting-entries': ({
-        firstEntry,
-        secondEntry
-      }) => {
-        if (!firstEntry || !secondEntry) {
-          throw new Error(`Unexpected input to ` + `'add-to-cache-list-duplicate-entries' error.`);
-        }
-        return `Two of the entries passed to ` + `'workbox-precaching.PrecacheController.addToCacheList()' had the URL ` + `${firstEntry} but different revision details. Workbox is ` + `unable to cache and version the asset correctly. Please remove one ` + `of the entries.`;
-      },
-      'plugin-error-request-will-fetch': ({
-        thrownErrorMessage
-      }) => {
-        if (!thrownErrorMessage) {
-          throw new Error(`Unexpected input to ` + `'plugin-error-request-will-fetch', error.`);
-        }
-        return `An error was thrown by a plugins 'requestWillFetch()' method. ` + `The thrown error message was: '${thrownErrorMessage}'.`;
-      },
-      'invalid-cache-name': ({
-        cacheNameId,
-        value
-      }) => {
-        if (!cacheNameId) {
-          throw new Error(`Expected a 'cacheNameId' for error 'invalid-cache-name'`);
-        }
-        return `You must provide a name containing at least one character for ` + `setCacheDetails({${cacheNameId}: '...'}). Received a value of ` + `'${JSON.stringify(value)}'`;
-      },
-      'unregister-route-but-not-found-with-method': ({
-        method
-      }) => {
-        if (!method) {
-          throw new Error(`Unexpected input to ` + `'unregister-route-but-not-found-with-method' error.`);
-        }
-        return `The route you're trying to unregister was not  previously ` + `registered for the method type '${method}'.`;
-      },
-      'unregister-route-route-not-registered': () => {
-        return `The route you're trying to unregister was not previously ` + `registered.`;
-      },
-      'queue-replay-failed': ({
-        name
-      }) => {
-        return `Replaying the background sync queue '${name}' failed.`;
-      },
-      'duplicate-queue-name': ({
-        name
-      }) => {
-        return `The Queue name '${name}' is already being used. ` + `All instances of backgroundSync.Queue must be given unique names.`;
-      },
-      'expired-test-without-max-age': ({
-        methodName,
-        paramName
-      }) => {
-        return `The '${methodName}()' method can only be used when the ` + `'${paramName}' is used in the constructor.`;
-      },
-      'unsupported-route-type': ({
-        moduleName,
-        className,
-        funcName,
-        paramName
-      }) => {
-        return `The supplied '${paramName}' parameter was an unsupported type. ` + `Please check the docs for ${moduleName}.${className}.${funcName} for ` + `valid input types.`;
-      },
-      'not-array-of-class': ({
-        value,
-        expectedClass,
-        moduleName,
-        className,
-        funcName,
-        paramName
-      }) => {
-        return `The supplied '${paramName}' parameter must be an array of ` + `'${expectedClass}' objects. Received '${JSON.stringify(value)},'. ` + `Please check the call to ${moduleName}.${className}.${funcName}() ` + `to fix the issue.`;
-      },
-      'max-entries-or-age-required': ({
-        moduleName,
-        className,
-        funcName
-      }) => {
-        return `You must define either config.maxEntries or config.maxAgeSeconds` + `in ${moduleName}.${className}.${funcName}`;
-      },
-      'statuses-or-headers-required': ({
-        moduleName,
-        className,
-        funcName
-      }) => {
-        return `You must define either config.statuses or config.headers` + `in ${moduleName}.${className}.${funcName}`;
-      },
-      'invalid-string': ({
-        moduleName,
-        funcName,
-        paramName
-      }) => {
-        if (!paramName || !moduleName || !funcName) {
-          throw new Error(`Unexpected input to 'invalid-string' error.`);
-        }
-        return `When using strings, the '${paramName}' parameter must start with ` + `'http' (for cross-origin matches) or '/' (for same-origin matches). ` + `Please see the docs for ${moduleName}.${funcName}() for ` + `more info.`;
-      },
-      'channel-name-required': () => {
-        return `You must provide a channelName to construct a ` + `BroadcastCacheUpdate instance.`;
-      },
-      'invalid-responses-are-same-args': () => {
-        return `The arguments passed into responsesAreSame() appear to be ` + `invalid. Please ensure valid Responses are used.`;
-      },
-      'expire-custom-caches-only': () => {
-        return `You must provide a 'cacheName' property when using the ` + `expiration plugin with a runtime caching strategy.`;
-      },
-      'unit-must-be-bytes': ({
-        normalizedRangeHeader
-      }) => {
-        if (!normalizedRangeHeader) {
-          throw new Error(`Unexpected input to 'unit-must-be-bytes' error.`);
-        }
-        return `The 'unit' portion of the Range header must be set to 'bytes'. ` + `The Range header provided was "${normalizedRangeHeader}"`;
-      },
-      'single-range-only': ({
-        normalizedRangeHeader
-      }) => {
-        if (!normalizedRangeHeader) {
-          throw new Error(`Unexpected input to 'single-range-only' error.`);
-        }
-        return `Multiple ranges are not supported. Please use a  single start ` + `value, and optional end value. The Range header provided was ` + `"${normalizedRangeHeader}"`;
-      },
-      'invalid-range-values': ({
-        normalizedRangeHeader
-      }) => {
-        if (!normalizedRangeHeader) {
-          throw new Error(`Unexpected input to 'invalid-range-values' error.`);
-        }
-        return `The Range header is missing both start and end values. At least ` + `one of those values is needed. The Range header provided was ` + `"${normalizedRangeHeader}"`;
-      },
-      'no-range-header': () => {
-        return `No Range header was found in the Request provided.`;
-      },
-      'range-not-satisfiable': ({
-        size,
-        start,
-        end
-      }) => {
-        return `The start (${start}) and end (${end}) values in the Range are ` + `not satisfiable by the cached response, which is ${size} bytes.`;
-      },
-      'attempt-to-cache-non-get-request': ({
-        url,
-        method
-      }) => {
-        return `Unable to cache '${url}' because it is a '${method}' request and ` + `only 'GET' requests can be cached.`;
-      },
-      'cache-put-with-no-response': ({
-        url
-      }) => {
-        return `There was an attempt to cache '${url}' but the response was not ` + `defined.`;
-      },
-      'no-response': ({
-        url,
-        error
-      }) => {
-        let message = `The strategy could not generate a response for '${url}'.`;
-        if (error) {
-          message += ` The underlying error is ${error}.`;
-        }
-        return message;
-      },
-      'bad-precaching-response': ({
-        url,
-        status
-      }) => {
-        return `The precaching request for '${url}' failed` + (status ? ` with an HTTP status of ${status}.` : `.`);
-      },
-      'non-precached-url': ({
-        url
-      }) => {
-        return `createHandlerBoundToURL('${url}') was called, but that URL is ` + `not precached. Please pass in a URL that is precached instead.`;
-      },
-      'add-to-cache-list-conflicting-integrities': ({
-        url
-      }) => {
-        return `Two of the entries passed to ` + `'workbox-precaching.PrecacheController.addToCacheList()' had the URL ` + `${url} with different integrity values. Please remove one of them.`;
-      },
-      'missing-precache-entry': ({
-        cacheName,
-        url
-      }) => {
-        return `Unable to find a precached response in ${cacheName} for ${url}.`;
-      },
-      'cross-origin-copy-response': ({
-        origin
-      }) => {
-        return `workbox-core.copyResponse() can only be used with same-origin ` + `responses. It was passed a response with origin ${origin}.`;
-      },
-      'opaque-streams-source': ({
-        type
-      }) => {
-        const message = `One of the workbox-streams sources resulted in an ` + `'${type}' response.`;
-        if (type === 'opaqueredirect') {
-          return `${message} Please do not use a navigation request that results ` + `in a redirect as a source.`;
-        }
-        return `${message} Please ensure your sources are CORS-enabled.`;
-      }
-    };
-
-    /*
-      Copyright 2018 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    const generatorFunction = (code, details = {}) => {
-      const message = messages[code];
-      if (!message) {
-        throw new Error(`Unable to find message for code '${code}'.`);
-      }
-      return message(details);
-    };
-    const messageGenerator = generatorFunction;
-
-    /*
-      Copyright 2018 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * Workbox errors should be thrown with this class.
-     * This allows use to ensure the type easily in tests,
-     * helps developers identify errors from workbox
-     * easily and allows use to optimise error
-     * messages correctly.
-     *
-     * @private
-     */
-    class WorkboxError extends Error {
-      /**
-       *
-       * @param {string} errorCode The error code that
-       * identifies this particular error.
-       * @param {Object=} details Any relevant arguments
-       * that will help developers identify issues should
-       * be added as a key on the context object.
-       */
-      constructor(errorCode, details) {
-        const message = messageGenerator(errorCode, details);
-        super(message);
-        this.name = errorCode;
-        this.details = details;
-      }
-    }
-
-    /*
-      Copyright 2018 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /*
-     * This method throws if the supplied value is not an array.
-     * The destructed values are required to produce a meaningful error for users.
-     * The destructed and restructured object is so it's clear what is
-     * needed.
-     */
-    const isArray = (value, details) => {
-      if (!Array.isArray(value)) {
-        throw new WorkboxError('not-an-array', details);
-      }
-    };
-    const hasMethod = (object, expectedMethod, details) => {
-      const type = typeof object[expectedMethod];
-      if (type !== 'function') {
-        details['expectedMethod'] = expectedMethod;
-        throw new WorkboxError('missing-a-method', details);
-      }
-    };
-    const isType = (object, expectedType, details) => {
-      if (typeof object !== expectedType) {
-        details['expectedType'] = expectedType;
-        throw new WorkboxError('incorrect-type', details);
-      }
-    };
-    const isInstance = (object,
-    // Need the general type to do the check later.
-    // eslint-disable-next-line @typescript-eslint/ban-types
-    expectedClass, details) => {
-      if (!(object instanceof expectedClass)) {
-        details['expectedClassName'] = expectedClass.name;
-        throw new WorkboxError('incorrect-class', details);
-      }
-    };
-    const isOneOf = (value, validValues, details) => {
-      if (!validValues.includes(value)) {
-        details['validValueDescription'] = `Valid values are ${JSON.stringify(validValues)}.`;
-        throw new WorkboxError('invalid-value', details);
-      }
-    };
-    const isArrayOfClass = (value,
-    // Need general type to do check later.
-    expectedClass,
-    // eslint-disable-line
-    details) => {
-      const error = new WorkboxError('not-array-of-class', details);
-      if (!Array.isArray(value)) {
-        throw error;
-      }
-      for (const item of value) {
-        if (!(item instanceof expectedClass)) {
-          throw error;
-        }
-      }
-    };
-    const finalAssertExports = {
-      hasMethod,
-      isArray,
-      isInstance,
-      isOneOf,
-      isType,
-      isArrayOfClass
-    };
-
-    // @ts-ignore
-    try {
-      self['workbox:routing:7.4.0'] && _();
-    } catch (e) {}
-
-    /*
-      Copyright 2018 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * The default HTTP method, 'GET', used when there's no specific method
-     * configured for a route.
-     *
-     * @type {string}
-     *
-     * @private
-     */
-    const defaultMethod = 'GET';
-    /**
-     * The list of valid HTTP methods associated with requests that could be routed.
-     *
-     * @type {Array<string>}
-     *
-     * @private
-     */
-    const validMethods = ['DELETE', 'GET', 'HEAD', 'PATCH', 'POST', 'PUT'];
-
-    /*
-      Copyright 2018 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * @param {function()|Object} handler Either a function, or an object with a
-     * 'handle' method.
-     * @return {Object} An object with a handle method.
-     *
-     * @private
-     */
-    const normalizeHandler = handler => {
-      if (handler && typeof handler === 'object') {
-        {
-          finalAssertExports.hasMethod(handler, 'handle', {
-            moduleName: 'workbox-routing',
-            className: 'Route',
-            funcName: 'constructor',
-            paramName: 'handler'
-          });
-        }
-        return handler;
-      } else {
-        {
-          finalAssertExports.isType(handler, 'function', {
-            moduleName: 'workbox-routing',
-            className: 'Route',
-            funcName: 'constructor',
-            paramName: 'handler'
-          });
-        }
-        return {
-          handle: handler
-        };
-      }
-    };
-
-    /*
-      Copyright 2018 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * A `Route` consists of a pair of callback functions, "match" and "handler".
-     * The "match" callback determine if a route should be used to "handle" a
-     * request by returning a non-falsy value if it can. The "handler" callback
-     * is called when there is a match and should return a Promise that resolves
-     * to a `Response`.
-     *
-     * @memberof workbox-routing
-     */
-    class Route {
-      /**
-       * Constructor for Route class.
-       *
-       * @param {workbox-routing~matchCallback} match
-       * A callback function that determines whether the route matches a given
-       * `fetch` event by returning a non-falsy value.
-       * @param {workbox-routing~handlerCallback} handler A callback
-       * function that returns a Promise resolving to a Response.
-       * @param {string} [method='GET'] The HTTP method to match the Route
-       * against.
-       */
-      constructor(match, handler, method = defaultMethod) {
-        {
-          finalAssertExports.isType(match, 'function', {
-            moduleName: 'workbox-routing',
-            className: 'Route',
-            funcName: 'constructor',
-            paramName: 'match'
-          });
-          if (method) {
-            finalAssertExports.isOneOf(method, validMethods, {
-              paramName: 'method'
-            });
-          }
-        }
-        // These values are referenced directly by Router so cannot be
-        // altered by minificaton.
-        this.handler = normalizeHandler(handler);
-        this.match = match;
-        this.method = method;
-      }
-      /**
-       *
-       * @param {workbox-routing-handlerCallback} handler A callback
-       * function that returns a Promise resolving to a Response
-       */
-      setCatchHandler(handler) {
-        this.catchHandler = normalizeHandler(handler);
-      }
-    }
-
-    /*
-      Copyright 2018 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * RegExpRoute makes it easy to create a regular expression based
-     * {@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.
-     *
-     * @memberof workbox-routing
-     * @extends workbox-routing.Route
-     */
-    class RegExpRoute extends Route {
-      /**
-       * If the regular expression contains
-       * [capture groups]{@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp#grouping-back-references},
-       * the captured values will be passed to the
-       * {@link workbox-routing~handlerCallback} `params`
-       * argument.
-       *
-       * @param {RegExp} regExp The regular expression to match against URLs.
-       * @param {workbox-routing~handlerCallback} handler A callback
-       * function that returns a Promise resulting in a Response.
-       * @param {string} [method='GET'] The HTTP method to match the Route
-       * against.
-       */
-      constructor(regExp, handler, method) {
-        {
-          finalAssertExports.isInstance(regExp, RegExp, {
-            moduleName: 'workbox-routing',
-            className: 'RegExpRoute',
-            funcName: 'constructor',
-            paramName: 'pattern'
-          });
-        }
-        const match = ({
-          url
-        }) => {
-          const result = regExp.exec(url.href);
-          // Return immediately if there's no match.
-          if (!result) {
-            return;
-          }
-          // Require that the match start at the first character in the URL string
-          // if it's a cross-origin request.
-          // See https://github.com/GoogleChrome/workbox/issues/281 for the context
-          // behind this behavior.
-          if (url.origin !== location.origin && result.index !== 0) {
-            {
-              logger.debug(`The regular expression '${regExp.toString()}' only partially matched ` + `against the cross-origin URL '${url.toString()}'. RegExpRoute's will only ` + `handle cross-origin requests if they match the entire URL.`);
-            }
-            return;
-          }
-          // If the route matches, but there aren'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);
-      }
-    }
-
-    /*
-      Copyright 2018 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    const getFriendlyURL = url => {
-      const urlObj = new URL(String(url), location.href);
-      // See https://github.com/GoogleChrome/workbox/issues/2323
-      // We want to include everything, except for the origin if it's same-origin.
-      return urlObj.href.replace(new RegExp(`^${location.origin}`), '');
-    };
-
-    /*
-      Copyright 2018 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * The Router can be used to process a `FetchEvent` using one or more
-     * {@link workbox-routing.Route}, responding with a `Response` if
-     * a matching route exists.
-     *
-     * If no route matches a given a request, the Router will use a "default"
-     * handler if one is defined.
-     *
-     * Should the matching Route throw an error, the Router will use a "catch"
-     * 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() {
-        this._routes = new Map();
-        this._defaultHandlerMap = new Map();
-      }
-      /**
-       * @return {Map<string, Array<workbox-routing.Route>>} routes A `Map` of HTTP
-       * method name ('GET', etc.) to an array of all the corresponding `Route`
-       * instances that are registered.
-       */
-      get routes() {
-        return this._routes;
-      }
-      /**
-       * Adds a fetch event listener to respond to events when a route matches
-       * the event's request.
-       */
-      addFetchListener() {
-        // See https://github.com/Microsoft/TypeScript/issues/28357#issuecomment-436484705
-        self.addEventListener('fetch', event => {
-          const {
-            request
-          } = event;
-          const responsePromise = this.handleRequest({
-            request,
-            event
-          });
-          if (responsePromise) {
-            event.respondWith(responsePromise);
-          }
-        });
-      }
-      /**
-       * Adds a message event listener for URLs to cache from the window.
-       * This is useful to cache resources loaded on the page prior to when the
-       * service worker started controlling it.
-       *
-       * The format of the message data sent from the window should be as follows.
-       * Where the `urlsToCache` array may consist of URL strings or an array of
-       * URL string + `requestInit` object (the same as you'd pass to `fetch()`).
-       *
-       * ```
-       * {
-       *   type: 'CACHE_URLS',
-       *   payload: {
-       *     urlsToCache: [
-       *       './script1.js',
-       *       './script2.js',
-       *       ['./script3.js', {mode: 'no-cors'}],
-       *     ],
-       *   },
-       * }
-       * ```
-       */
-      addCacheListener() {
-        // See https://github.com/Microsoft/TypeScript/issues/28357#issuecomment-436484705
-        self.addEventListener('message', event => {
-          // event.data is type 'any'
-          // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-          if (event.data && event.data.type === 'CACHE_URLS') {
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-            const {
-              payload
-            } = event.data;
-            {
-              logger.debug(`Caching URLs from the window`, payload.urlsToCache);
-            }
-            const requestPromises = Promise.all(payload.urlsToCache.map(entry => {
-              if (typeof entry === 'string') {
-                entry = [entry];
-              }
-              const request = new Request(...entry);
-              return this.handleRequest({
-                request,
-                event
-              });
-              // TODO(philipwalton): TypeScript errors without this typecast for
-              // some reason (probably a bug). The real type here should work but
-              // doesn't: `Array<Promise<Response> | undefined>`.
-            })); // TypeScript
-            event.waitUntil(requestPromises);
-            // If a MessageChannel was used, reply to the message on success.
-            if (event.ports && event.ports[0]) {
-              void requestPromises.then(() => event.ports[0].postMessage(true));
-            }
-          }
-        });
-      }
-      /**
-       * Apply the routing rules to a FetchEvent object to get a Response from an
-       * appropriate Route's handler.
-       *
-       * @param {Object} options
-       * @param {Request} options.request The request to handle.
-       * @param {ExtendableEvent} options.event The event that triggered the
-       *     request.
-       * @return {Promise<Response>|undefined} A promise is returned if a
-       *     registered route can handle the request. If there is no matching
-       *     route and there's no `defaultHandler`, `undefined` is returned.
-       */
-      handleRequest({
-        request,
-        event
-      }) {
-        {
-          finalAssertExports.isInstance(request, Request, {
-            moduleName: 'workbox-routing',
-            className: 'Router',
-            funcName: 'handleRequest',
-            paramName: 'options.request'
-          });
-        }
-        const url = new URL(request.url, location.href);
-        if (!url.protocol.startsWith('http')) {
-          {
-            logger.debug(`Workbox Router only supports URLs that start with 'http'.`);
-          }
-          return;
-        }
-        const sameOrigin = url.origin === location.origin;
-        const {
-          params,
-          route
-        } = this.findMatchingRoute({
-          event,
-          request,
-          sameOrigin,
-          url
-        });
-        let handler = route && route.handler;
-        const debugMessages = [];
-        {
-          if (handler) {
-            debugMessages.push([`Found a route to handle this request:`, route]);
-            if (params) {
-              debugMessages.push([`Passing the following params to the route's handler:`, params]);
-            }
-          }
-        }
-        // If we don't have a handler because there was no matching route, then
-        // fall back to defaultHandler if that's defined.
-        const method = request.method;
-        if (!handler && this._defaultHandlerMap.has(method)) {
-          {
-            debugMessages.push(`Failed to find a matching route. Falling ` + `back to the default handler for ${method}.`);
-          }
-          handler = this._defaultHandlerMap.get(method);
-        }
-        if (!handler) {
-          {
-            // No handler so Workbox will do nothing. If logs is set of debug
-            // i.e. verbose, we should print out this information.
-            logger.debug(`No route found for: ${getFriendlyURL(url)}`);
-          }
-          return;
-        }
-        {
-          // We have a handler, meaning Workbox is going to handle the route.
-          // print the routing details to the console.
-          logger.groupCollapsed(`Router is responding to: ${getFriendlyURL(url)}`);
-          debugMessages.forEach(msg => {
-            if (Array.isArray(msg)) {
-              logger.log(...msg);
-            } else {
-              logger.log(msg);
-            }
-          });
-          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 = handler.handle({
-            url,
-            request,
-            event,
-            params
-          });
-        } catch (err) {
-          responsePromise = Promise.reject(err);
-        }
-        // Get route's catch handler, if it exists
-        const catchHandler = route && route.catchHandler;
-        if (responsePromise instanceof Promise && (this._catchHandler || catchHandler)) {
-          responsePromise = responsePromise.catch(async err => {
-            // If there's a route catch handler, process that first
-            if (catchHandler) {
-              {
-                // Still include URL here as it will be async from the console group
-                // and may not make sense without the URL
-                logger.groupCollapsed(`Error thrown when responding to: ` + ` ${getFriendlyURL(url)}. Falling back to route's Catch Handler.`);
-                logger.error(`Error thrown by:`, route);
-                logger.error(err);
-                logger.groupEnd();
-              }
-              try {
-                return await catchHandler.handle({
-                  url,
-                  request,
-                  event,
-                  params
-                });
-              } catch (catchErr) {
-                if (catchErr instanceof Error) {
-                  err = catchErr;
-                }
-              }
-            }
-            if (this._catchHandler) {
-              {
-                // Still include URL here as it will be async from the console group
-                // and may not make sense without the URL
-                logger.groupCollapsed(`Error thrown when responding to: ` + ` ${getFriendlyURL(url)}. Falling back to global Catch Handler.`);
-                logger.error(`Error thrown by:`, route);
-                logger.error(err);
-                logger.groupEnd();
-              }
-              return this._catchHandler.handle({
-                url,
-                request,
-                event
-              });
-            }
-            throw err;
-          });
-        }
-        return responsePromise;
-      }
-      /**
-       * Checks a request and URL (and optionally an event) against the list of
-       * registered routes, and if there's a match, returns the corresponding
-       * route along with any params generated by the match.
-       *
-       * @param {Object} options
-       * @param {URL} options.url
-       * @param {boolean} options.sameOrigin The result of comparing `url.origin`
-       *     against the current origin.
-       * @param {Request} options.request The request to match.
-       * @param {Event} options.event The corresponding event.
-       * @return {Object} An object with `route` and `params` properties.
-       *     They are populated if a matching route was found or `undefined`
-       *     otherwise.
-       */
-      findMatchingRoute({
-        url,
-        sameOrigin,
-        request,
-        event
-      }) {
-        const routes = this._routes.get(request.method) || [];
-        for (const route of routes) {
-          let params;
-          // route.match returns type any, not possible to change right now.
-          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-          const matchResult = route.match({
-            url,
-            sameOrigin,
-            request,
-            event
-          });
-          if (matchResult) {
-            {
-              // Warn developers that using an async matchCallback is almost always
-              // not the right thing to do.
-              if (matchResult instanceof Promise) {
-                logger.warn(`While routing ${getFriendlyURL(url)}, an async ` + `matchCallback function was used. Please convert the ` + `following route to use a synchronous matchCallback function:`, route);
-              }
-            }
-            // See https://github.com/GoogleChrome/workbox/issues/2079
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-            params = matchResult;
-            if (Array.isArray(params) && params.length === 0) {
-              // Instead of passing an empty array in as params, use undefined.
-              params = undefined;
-            } else if (matchResult.constructor === Object &&
-            // eslint-disable-line
-            Object.keys(matchResult).length === 0) {
-              // Instead of passing an empty object in as params, use undefined.
-              params = undefined;
-            } else if (typeof matchResult === 'boolean') {
-              // For the boolean value true (rather than just something truth-y),
-              // don't set params.
-              // See https://github.com/GoogleChrome/workbox/pull/2134#issuecomment-513924353
-              params = undefined;
-            }
-            // Return early if have a match.
-            return {
-              route,
-              params
-            };
-          }
-        }
-        // If no match was found above, return and empty object.
-        return {};
-      }
-      /**
-       * Define a default `handler` that's called when no routes explicitly
-       * match the incoming request.
-       *
-       * Each HTTP method ('GET', 'POST', etc.) gets its own default handler.
-       *
-       * Without a default handler, unmatched requests will go against the
-       * network as if there were no service worker present.
-       *
-       * @param {workbox-routing~handlerCallback} handler A callback
-       * function that returns a Promise resulting in a Response.
-       * @param {string} [method='GET'] The HTTP method to associate with this
-       * default handler. Each method has its own default.
-       */
-      setDefaultHandler(handler, method = defaultMethod) {
-        this._defaultHandlerMap.set(method, normalizeHandler(handler));
-      }
-      /**
-       * If a Route throws an error while handling a request, this `handler`
-       * will be called and given a chance to provide a response.
-       *
-       * @param {workbox-routing~handlerCallback} handler A callback
-       * function that returns a Promise resulting in a Response.
-       */
-      setCatchHandler(handler) {
-        this._catchHandler = normalizeHandler(handler);
-      }
-      /**
-       * Registers a route with the router.
-       *
-       * @param {workbox-routing.Route} route The route to register.
-       */
-      registerRoute(route) {
-        {
-          finalAssertExports.isType(route, 'object', {
-            moduleName: 'workbox-routing',
-            className: 'Router',
-            funcName: 'registerRoute',
-            paramName: 'route'
-          });
-          finalAssertExports.hasMethod(route, 'match', {
-            moduleName: 'workbox-routing',
-            className: 'Router',
-            funcName: 'registerRoute',
-            paramName: 'route'
-          });
-          finalAssertExports.isType(route.handler, 'object', {
-            moduleName: 'workbox-routing',
-            className: 'Router',
-            funcName: 'registerRoute',
-            paramName: 'route'
-          });
-          finalAssertExports.hasMethod(route.handler, 'handle', {
-            moduleName: 'workbox-routing',
-            className: 'Router',
-            funcName: 'registerRoute',
-            paramName: 'route.handler'
-          });
-          finalAssertExports.isType(route.method, 'string', {
-            moduleName: 'workbox-routing',
-            className: 'Router',
-            funcName: 'registerRoute',
-            paramName: 'route.method'
-          });
-        }
-        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('unregister-route-but-not-found-with-method', {
-            method: route.method
-          });
-        }
-        const routeIndex = this._routes.get(route.method).indexOf(route);
-        if (routeIndex > -1) {
-          this._routes.get(route.method).splice(routeIndex, 1);
-        } else {
-          throw new WorkboxError('unregister-route-route-not-registered');
-        }
-      }
-    }
-
-    /*
-      Copyright 2019 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    let defaultRouter;
-    /**
-     * Creates a new, singleton Router instance if one does not exist. If one
-     * does already exist, that instance is returned.
-     *
-     * @private
-     * @return {Router}
-     */
-    const getOrCreateDefaultRouter = () => {
-      if (!defaultRouter) {
-        defaultRouter = new Router();
-        // The helpers that use the default Router assume these listeners exist.
-        defaultRouter.addFetchListener();
-        defaultRouter.addCacheListener();
-      }
-      return defaultRouter;
-    };
-
-    /*
-      Copyright 2019 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * Easily register a RegExp, string, or function with a caching
-     * strategy to a singleton Router instance.
-     *
-     * This method will generate a Route for you if needed and
-     * call {@link workbox-routing.Router#registerRoute}.
-     *
-     * @param {RegExp|string|workbox-routing.Route~matchCallback|workbox-routing.Route} capture
-     * If the capture param is a `Route`, all other arguments will be ignored.
-     * @param {workbox-routing~handlerCallback} [handler] A callback
-     * function that returns a Promise resulting in a Response. This parameter
-     * is required if `capture` is not a `Route` object.
-     * @param {string} [method='GET'] The HTTP method to match the Route
-     * against.
-     * @return {workbox-routing.Route} The generated `Route`.
-     *
-     * @memberof workbox-routing
-     */
-    function registerRoute(capture, handler, method) {
-      let route;
-      if (typeof capture === 'string') {
-        const captureUrl = new URL(capture, location.href);
-        {
-          if (!(capture.startsWith('/') || capture.startsWith('http'))) {
-            throw new WorkboxError('invalid-string', {
-              moduleName: 'workbox-routing',
-              funcName: 'registerRoute',
-              paramName: 'capture'
-            });
-          }
-          // We want to check if Express-style wildcards are in the pathname only.
-          // TODO: Remove this log message in v4.
-          const valueToCheck = capture.startsWith('http') ? captureUrl.pathname : capture;
-          // See https://github.com/pillarjs/path-to-regexp#parameters
-          const wildcards = '[*:?+]';
-          if (new RegExp(`${wildcards}`).exec(valueToCheck)) {
-            logger.debug(`The '$capture' parameter contains an Express-style wildcard ` + `character (${wildcards}). Strings are now always interpreted as ` + `exact matches; use a RegExp for partial or wildcard matches.`);
-          }
-        }
-        const matchCallback = ({
-          url
-        }) => {
-          {
-            if (url.pathname === captureUrl.pathname && url.origin !== captureUrl.origin) {
-              logger.debug(`${capture} only partially matches the cross-origin URL ` + `${url.toString()}. This route will only handle cross-origin requests ` + `if they match the entire URL.`);
-            }
-          }
-          return url.href === captureUrl.href;
-        };
-        // If `capture` is a string then `handler` and `method` must be present.
-        route = new Route(matchCallback, handler, method);
-      } else if (capture instanceof RegExp) {
-        // If `capture` is a `RegExp` then `handler` and `method` must be present.
-        route = new RegExpRoute(capture, handler, method);
-      } else if (typeof capture === 'function') {
-        // If `capture` is a function then `handler` and `method` must be present.
-        route = new Route(capture, handler, method);
-      } else if (capture instanceof Route) {
-        route = capture;
-      } else {
-        throw new WorkboxError('unsupported-route-type', {
-          moduleName: 'workbox-routing',
-          funcName: 'registerRoute',
-          paramName: 'capture'
-        });
-      }
-      const defaultRouter = getOrCreateDefaultRouter();
-      defaultRouter.registerRoute(route);
-      return route;
-    }
-
-    /*
-      Copyright 2018 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    const _cacheNameDetails = {
-      googleAnalytics: 'googleAnalytics',
-      precache: 'precache-v2',
-      prefix: 'workbox',
-      runtime: 'runtime',
-      suffix: typeof registration !== 'undefined' ? registration.scope : ''
-    };
-    const _createCacheName = cacheName => {
-      return [_cacheNameDetails.prefix, cacheName, _cacheNameDetails.suffix].filter(value => value && value.length > 0).join('-');
-    };
-    const eachCacheNameDetail = fn => {
-      for (const key of Object.keys(_cacheNameDetails)) {
-        fn(key);
-      }
-    };
-    const cacheNames = {
-      updateDetails: details => {
-        eachCacheNameDetail(key => {
-          if (typeof details[key] === 'string') {
-            _cacheNameDetails[key] = details[key];
-          }
-        });
-      },
-      getGoogleAnalyticsName: userCacheName => {
-        return userCacheName || _createCacheName(_cacheNameDetails.googleAnalytics);
-      },
-      getPrecacheName: userCacheName => {
-        return userCacheName || _createCacheName(_cacheNameDetails.precache);
-      },
-      getPrefix: () => {
-        return _cacheNameDetails.prefix;
-      },
-      getRuntimeName: userCacheName => {
-        return userCacheName || _createCacheName(_cacheNameDetails.runtime);
-      },
-      getSuffix: () => {
-        return _cacheNameDetails.suffix;
-      }
-    };
-
-    /*
-      Copyright 2020 Google LLC
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * A utility method that makes it easier to use `event.waitUntil` with
-     * async functions and return the result.
-     *
-     * @param {ExtendableEvent} event
-     * @param {Function} asyncFn
-     * @return {Function}
-     * @private
-     */
-    function waitUntil(event, asyncFn) {
-      const returnPromise = asyncFn();
-      event.waitUntil(returnPromise);
-      return returnPromise;
-    }
-
-    // @ts-ignore
-    try {
-      self['workbox:precaching:7.4.0'] && _();
-    } catch (e) {}
-
-    /*
-      Copyright 2018 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    // Name of the search parameter used to store revision info.
-    const REVISION_SEARCH_PARAM = '__WB_REVISION__';
-    /**
-     * Converts a manifest entry into a versioned URL suitable for precaching.
-     *
-     * @param {Object|string} entry
-     * @return {string} A URL with versioning info.
-     *
-     * @private
-     * @memberof workbox-precaching
-     */
-    function createCacheKey(entry) {
-      if (!entry) {
-        throw new WorkboxError('add-to-cache-list-unexpected-type', {
-          entry
-        });
-      }
-      // If a precache manifest entry is a string, it's assumed to be a versioned
-      // URL, like '/app.abcd1234.js'. Return as-is.
-      if (typeof entry === 'string') {
-        const urlObject = new URL(entry, location.href);
-        return {
-          cacheKey: urlObject.href,
-          url: urlObject.href
-        };
-      }
-      const {
-        revision,
-        url
-      } = entry;
-      if (!url) {
-        throw new WorkboxError('add-to-cache-list-unexpected-type', {
-          entry
-        });
-      }
-      // If there's just a URL and no revision, then it's also assumed to be a
-      // versioned URL.
-      if (!revision) {
-        const urlObject = new URL(url, location.href);
-        return {
-          cacheKey: urlObject.href,
-          url: urlObject.href
-        };
-      }
-      // Otherwise, construct a properly versioned URL using the custom Workbox
-      // search parameter along with the revision info.
-      const cacheKeyURL = new URL(url, location.href);
-      const originalURL = new URL(url, location.href);
-      cacheKeyURL.searchParams.set(REVISION_SEARCH_PARAM, revision);
-      return {
-        cacheKey: cacheKeyURL.href,
-        url: originalURL.href
-      };
-    }
-
-    /*
-      Copyright 2020 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * A plugin, designed to be used with PrecacheController, to determine the
-     * of assets that were updated (or not updated) during the install event.
-     *
-     * @private
-     */
-    class PrecacheInstallReportPlugin {
-      constructor() {
-        this.updatedURLs = [];
-        this.notUpdatedURLs = [];
-        this.handlerWillStart = async ({
-          request,
-          state
-        }) => {
-          // TODO: `state` should never be undefined...
-          if (state) {
-            state.originalRequest = request;
-          }
-        };
-        this.cachedResponseWillBeUsed = async ({
-          event,
-          state,
-          cachedResponse
-        }) => {
-          if (event.type === 'install') {
-            if (state && state.originalRequest && state.originalRequest instanceof Request) {
-              // TODO: `state` should never be undefined...
-              const url = state.originalRequest.url;
-              if (cachedResponse) {
-                this.notUpdatedURLs.push(url);
-              } else {
-                this.updatedURLs.push(url);
-              }
-            }
-          }
-          return cachedResponse;
-        };
-      }
-    }
-
-    /*
-      Copyright 2020 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * A plugin, designed to be used with PrecacheController, to translate URLs into
-     * the corresponding cache key, based on the current revision info.
-     *
-     * @private
-     */
-    class PrecacheCacheKeyPlugin {
-      constructor({
-        precacheController
-      }) {
-        this.cacheKeyWillBeUsed = async ({
-          request,
-          params
-        }) => {
-          // Params is type any, can't change right now.
-          /* eslint-disable */
-          const cacheKey = (params === null || params === void 0 ? void 0 : params.cacheKey) || this._precacheController.getCacheKeyForURL(request.url);
-          /* eslint-enable */
-          return cacheKey ? new Request(cacheKey, {
-            headers: request.headers
-          }) : request;
-        };
-        this._precacheController = precacheController;
-      }
-    }
-
-    /*
-      Copyright 2018 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * @param {string} groupTitle
-     * @param {Array<string>} deletedURLs
-     *
-     * @private
-     */
-    const logGroup = (groupTitle, deletedURLs) => {
-      logger.groupCollapsed(groupTitle);
-      for (const url of deletedURLs) {
-        logger.log(url);
-      }
-      logger.groupEnd();
-    };
-    /**
-     * @param {Array<string>} deletedURLs
-     *
-     * @private
-     * @memberof workbox-precaching
-     */
-    function printCleanupDetails(deletedURLs) {
-      const deletionCount = deletedURLs.length;
-      if (deletionCount > 0) {
-        logger.groupCollapsed(`During precaching cleanup, ` + `${deletionCount} cached ` + `request${deletionCount === 1 ? ' was' : 's were'} deleted.`);
-        logGroup('Deleted Cache Requests', deletedURLs);
-        logger.groupEnd();
-      }
-    }
-
-    /*
-      Copyright 2018 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * @param {string} groupTitle
-     * @param {Array<string>} urls
-     *
-     * @private
-     */
-    function _nestedGroup(groupTitle, urls) {
-      if (urls.length === 0) {
-        return;
-      }
-      logger.groupCollapsed(groupTitle);
-      for (const url of urls) {
-        logger.log(url);
-      }
-      logger.groupEnd();
-    }
-    /**
-     * @param {Array<string>} urlsToPrecache
-     * @param {Array<string>} urlsAlreadyPrecached
-     *
-     * @private
-     * @memberof workbox-precaching
-     */
-    function printInstallDetails(urlsToPrecache, urlsAlreadyPrecached) {
-      const precachedCount = urlsToPrecache.length;
-      const alreadyPrecachedCount = urlsAlreadyPrecached.length;
-      if (precachedCount || alreadyPrecachedCount) {
-        let message = `Precaching ${precachedCount} file${precachedCount === 1 ? '' : 's'}.`;
-        if (alreadyPrecachedCount > 0) {
-          message += ` ${alreadyPrecachedCount} ` + `file${alreadyPrecachedCount === 1 ? ' is' : 's are'} already cached.`;
-        }
-        logger.groupCollapsed(message);
-        _nestedGroup(`View newly precached URLs.`, urlsToPrecache);
-        _nestedGroup(`View previously precached URLs.`, urlsAlreadyPrecached);
-        logger.groupEnd();
-      }
-    }
-
-    /*
-      Copyright 2019 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    let supportStatus;
-    /**
-     * A utility function that determines whether the current browser supports
-     * constructing a new `Response` from a `response.body` stream.
-     *
-     * @return {boolean} `true`, if the current browser can successfully
-     *     construct a `Response` from a `response.body` stream, `false` otherwise.
-     *
-     * @private
-     */
-    function canConstructResponseFromBodyStream() {
-      if (supportStatus === undefined) {
-        const testResponse = new Response('');
-        if ('body' in testResponse) {
-          try {
-            new Response(testResponse.body);
-            supportStatus = true;
-          } catch (error) {
-            supportStatus = false;
-          }
-        }
-        supportStatus = false;
-      }
-      return supportStatus;
-    }
-
-    /*
-      Copyright 2019 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * Allows developers to copy a response and modify its `headers`, `status`,
-     * or `statusText` values (the values settable via a
-     * [`ResponseInit`]{@link https://developer.mozilla.org/en-US/docs/Web/API/Response/Response#Syntax}
-     * object in the constructor).
-     * To modify these values, pass a function as the second argument. That
-     * function will be invoked with a single object with the response properties
-     * `{headers, status, statusText}`. The return value of this function will
-     * be used as the `ResponseInit` for the new `Response`. To change the values
-     * either modify the passed parameter(s) and return it, or return a totally
-     * new object.
-     *
-     * This method is intentionally limited to same-origin responses, regardless of
-     * whether CORS was used or not.
-     *
-     * @param {Response} response
-     * @param {Function} modifier
-     * @memberof workbox-core
-     */
-    async function copyResponse(response, modifier) {
-      let origin = null;
-      // If response.url isn't set, assume it's cross-origin and keep origin null.
-      if (response.url) {
-        const responseURL = new URL(response.url);
-        origin = responseURL.origin;
-      }
-      if (origin !== self.location.origin) {
-        throw new WorkboxError('cross-origin-copy-response', {
-          origin
-        });
-      }
-      const clonedResponse = response.clone();
-      // Create a fresh `ResponseInit` object by cloning the headers.
-      const responseInit = {
-        headers: new Headers(clonedResponse.headers),
-        status: clonedResponse.status,
-        statusText: clonedResponse.statusText
-      };
-      // Apply any user modifications.
-      const modifiedResponseInit = responseInit;
-      // Create the new response from the body stream and `ResponseInit`
-      // modifications. Note: not all browsers support the Response.body stream,
-      // so fall back to reading the entire body into memory as a blob.
-      const body = canConstructResponseFromBodyStream() ? clonedResponse.body : await clonedResponse.blob();
-      return new Response(body, modifiedResponseInit);
-    }
-
-    /*
-      Copyright 2020 Google LLC
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    function stripParams(fullURL, ignoreParams) {
-      const strippedURL = new URL(fullURL);
-      for (const param of ignoreParams) {
-        strippedURL.searchParams.delete(param);
-      }
-      return strippedURL.href;
-    }
-    /**
-     * Matches an item in the cache, ignoring specific URL params. This is similar
-     * to the `ignoreSearch` option, but it allows you to ignore just specific
-     * params (while continuing to match on the others).
-     *
-     * @private
-     * @param {Cache} cache
-     * @param {Request} request
-     * @param {Object} matchOptions
-     * @param {Array<string>} ignoreParams
-     * @return {Promise<Response|undefined>}
-     */
-    async function cacheMatchIgnoreParams(cache, request, ignoreParams, matchOptions) {
-      const strippedRequestURL = stripParams(request.url, ignoreParams);
-      // If the request doesn't include any ignored params, match as normal.
-      if (request.url === strippedRequestURL) {
-        return cache.match(request, matchOptions);
-      }
-      // Otherwise, match by comparing keys
-      const keysOptions = Object.assign(Object.assign({}, matchOptions), {
-        ignoreSearch: true
-      });
-      const cacheKeys = await cache.keys(request, keysOptions);
-      for (const cacheKey of cacheKeys) {
-        const strippedCacheKeyURL = stripParams(cacheKey.url, ignoreParams);
-        if (strippedRequestURL === strippedCacheKeyURL) {
-          return cache.match(cacheKey, matchOptions);
-        }
-      }
-      return;
-    }
-
-    /*
-      Copyright 2018 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * The Deferred class composes Promises in a way that allows for them to be
-     * resolved or rejected from outside the constructor. In most cases promises
-     * should be used directly, but Deferreds can be necessary when the logic to
-     * resolve a promise must be separate.
-     *
-     * @private
-     */
-    class Deferred {
-      /**
-       * Creates a promise and exposes its resolve and reject functions as methods.
-       */
-      constructor() {
-        this.promise = new Promise((resolve, reject) => {
-          this.resolve = resolve;
-          this.reject = reject;
-        });
-      }
-    }
-
-    /*
-      Copyright 2018 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    // Callbacks to be executed whenever there's a quota error.
-    // Can't change Function type right now.
-    // eslint-disable-next-line @typescript-eslint/ban-types
-    const quotaErrorCallbacks = new Set();
-
-    /*
-      Copyright 2018 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * Runs all of the callback functions, one at a time sequentially, in the order
-     * in which they were registered.
-     *
-     * @memberof workbox-core
-     * @private
-     */
-    async function executeQuotaErrorCallbacks() {
-      {
-        logger.log(`About to run ${quotaErrorCallbacks.size} ` + `callbacks to clean up caches.`);
-      }
-      for (const callback of quotaErrorCallbacks) {
-        await callback();
-        {
-          logger.log(callback, 'is complete.');
-        }
-      }
-      {
-        logger.log('Finished running callbacks.');
-      }
-    }
-
-    /*
-      Copyright 2019 Google LLC
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * Returns a promise that resolves and the passed number of milliseconds.
-     * This utility is an async/await-friendly version of `setTimeout`.
-     *
-     * @param {number} ms
-     * @return {Promise}
-     * @private
-     */
-    function timeout(ms) {
-      return new Promise(resolve => setTimeout(resolve, ms));
-    }
-
-    // @ts-ignore
-    try {
-      self['workbox:strategies:7.4.0'] && _();
-    } catch (e) {}
-
-    /*
-      Copyright 2020 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    function toRequest(input) {
-      return typeof input === 'string' ? new Request(input) : input;
-    }
-    /**
-     * A class created every time a Strategy instance calls
-     * {@link workbox-strategies.Strategy~handle} or
-     * {@link workbox-strategies.Strategy~handleAll} that wraps all fetch and
-     * cache actions around plugin callbacks and keeps track of when the strategy
-     * is "done" (i.e. all added `event.waitUntil()` promises have resolved).
-     *
-     * @memberof workbox-strategies
-     */
-    class StrategyHandler {
-      /**
-       * Creates a new instance associated with the passed strategy and event
-       * that's handling the request.
-       *
-       * The constructor also initializes the state that will be passed to each of
-       * the plugins handling this request.
-       *
-       * @param {workbox-strategies.Strategy} strategy
-       * @param {Object} options
-       * @param {Request|string} options.request A request to run this strategy for.
-       * @param {ExtendableEvent} options.event The event associated with the
-       *     request.
-       * @param {URL} [options.url]
-       * @param {*} [options.params] The return value from the
-       *     {@link workbox-routing~matchCallback} (if applicable).
-       */
-      constructor(strategy, options) {
-        this._cacheKeys = {};
-        /**
-         * The request the strategy is performing (passed to the strategy's
-         * `handle()` or `handleAll()` method).
-         * @name request
-         * @instance
-         * @type {Request}
-         * @memberof workbox-strategies.StrategyHandler
-         */
-        /**
-         * The event associated with this request.
-         * @name event
-         * @instance
-         * @type {ExtendableEvent}
-         * @memberof workbox-strategies.StrategyHandler
-         */
-        /**
-         * A `URL` instance of `request.url` (if passed to the strategy's
-         * `handle()` or `handleAll()` method).
-         * Note: the `url` param will be present if the strategy was invoked
-         * from a workbox `Route` object.
-         * @name url
-         * @instance
-         * @type {URL|undefined}
-         * @memberof workbox-strategies.StrategyHandler
-         */
-        /**
-         * A `param` value (if passed to the strategy's
-         * `handle()` or `handleAll()` method).
-         * Note: the `param` param will be present if the strategy was invoked
-         * from a workbox `Route` object and the
-         * {@link workbox-routing~matchCallback} returned
-         * a truthy value (it will be that value).
-         * @name params
-         * @instance
-         * @type {*|undefined}
-         * @memberof workbox-strategies.StrategyHandler
-         */
-        {
-          finalAssertExports.isInstance(options.event, ExtendableEvent, {
-            moduleName: 'workbox-strategies',
-            className: 'StrategyHandler',
-            funcName: 'constructor',
-            paramName: 'options.event'
-          });
-        }
-        Object.assign(this, options);
-        this.event = options.event;
-        this._strategy = strategy;
-        this._handlerDeferred = new Deferred();
-        this._extendLifetimePromises = [];
-        // Copy the plugins list (since it's mutable on the strategy),
-        // so any mutations don't affect this handler instance.
-        this._plugins = [...strategy.plugins];
-        this._pluginStateMap = new Map();
-        for (const plugin of this._plugins) {
-          this._pluginStateMap.set(plugin, {});
-        }
-        this.event.waitUntil(this._handlerDeferred.promise);
-      }
-      /**
-       * Fetches a given request (and invokes any applicable plugin callback
-       * methods) using the `fetchOptions` (for non-navigation requests) and
-       * `plugins` defined on the `Strategy` object.
-       *
-       * The following plugin lifecycle methods are invoked when using this method:
-       * - `requestWillFetch()`
-       * - `fetchDidSucceed()`
-       * - `fetchDidFail()`
-       *
-       * @param {Request|string} input The URL or request to fetch.
-       * @return {Promise<Response>}
-       */
-      async fetch(input) {
-        const {
-          event
-        } = this;
-        let request = toRequest(input);
-        if (request.mode === 'navigate' && event instanceof FetchEvent && event.preloadResponse) {
-          const possiblePreloadResponse = await event.preloadResponse;
-          if (possiblePreloadResponse) {
-            {
-              logger.log(`Using a preloaded navigation response for ` + `'${getFriendlyURL(request.url)}'`);
-            }
-            return possiblePreloadResponse;
-          }
-        }
-        // If there is a fetchDidFail plugin, we need to save a clone of the
-        // original request before it's either modified by a requestWillFetch
-        // plugin or before the original request's body is consumed via fetch().
-        const originalRequest = this.hasCallback('fetchDidFail') ? request.clone() : null;
-        try {
-          for (const cb of this.iterateCallbacks('requestWillFetch')) {
-            request = await cb({
-              request: request.clone(),
-              event
-            });
-          }
-        } catch (err) {
-          if (err instanceof Error) {
-            throw new WorkboxError('plugin-error-request-will-fetch', {
-              thrownErrorMessage: err.message
-            });
-          }
-        }
-        // The request can be altered by plugins with `requestWillFetch` making
-        // the original request (most likely from a `fetch` event) different
-        // from the Request we make. Pass both to `fetchDidFail` to aid debugging.
-        const pluginFilteredRequest = request.clone();
-        try {
-          let fetchResponse;
-          // See https://github.com/GoogleChrome/workbox/issues/1796
-          fetchResponse = await fetch(request, request.mode === 'navigate' ? undefined : this._strategy.fetchOptions);
-          if ("development" !== 'production') {
-            logger.debug(`Network request for ` + `'${getFriendlyURL(request.url)}' returned a response with ` + `status '${fetchResponse.status}'.`);
-          }
-          for (const callback of this.iterateCallbacks('fetchDidSucceed')) {
-            fetchResponse = await callback({
-              event,
-              request: pluginFilteredRequest,
-              response: fetchResponse
-            });
-          }
-          return fetchResponse;
-        } catch (error) {
-          {
-            logger.log(`Network request for ` + `'${getFriendlyURL(request.url)}' threw an error.`, error);
-          }
-          // `originalRequest` will only exist if a `fetchDidFail` callback
-          // is being used (see above).
-          if (originalRequest) {
-            await this.runCallbacks('fetchDidFail', {
-              error: error,
-              event,
-              originalRequest: originalRequest.clone(),
-              request: pluginFilteredRequest.clone()
-            });
-          }
-          throw error;
-        }
-      }
-      /**
-       * Calls `this.fetch()` and (in the background) runs `this.cachePut()` on
-       * the response generated by `this.fetch()`.
-       *
-       * The call to `this.cachePut()` automatically invokes `this.waitUntil()`,
-       * so you do not have to manually call `waitUntil()` on the event.
-       *
-       * @param {Request|string} input The request or URL to fetch and cache.
-       * @return {Promise<Response>}
-       */
-      async fetchAndCachePut(input) {
-        const response = await this.fetch(input);
-        const responseClone = response.clone();
-        void this.waitUntil(this.cachePut(input, responseClone));
-        return response;
-      }
-      /**
-       * Matches a request from the cache (and invokes any applicable plugin
-       * callback methods) using the `cacheName`, `matchOptions`, and `plugins`
-       * defined on the strategy object.
-       *
-       * The following plugin lifecycle methods are invoked when using this method:
-       * - cacheKeyWillBeUsed()
-       * - cachedResponseWillBeUsed()
-       *
-       * @param {Request|string} key The Request or URL to use as the cache key.
-       * @return {Promise<Response|undefined>} A matching response, if found.
-       */
-      async cacheMatch(key) {
-        const request = toRequest(key);
-        let cachedResponse;
-        const {
-          cacheName,
-          matchOptions
-        } = this._strategy;
-        const effectiveRequest = await this.getCacheKey(request, 'read');
-        const multiMatchOptions = Object.assign(Object.assign({}, matchOptions), {
-          cacheName
-        });
-        cachedResponse = await caches.match(effectiveRequest, multiMatchOptions);
-        {
-          if (cachedResponse) {
-            logger.debug(`Found a cached response in '${cacheName}'.`);
-          } else {
-            logger.debug(`No cached response found in '${cacheName}'.`);
-          }
-        }
-        for (const callback of this.iterateCallbacks('cachedResponseWillBeUsed')) {
-          cachedResponse = (await callback({
-            cacheName,
-            matchOptions,
-            cachedResponse,
-            request: effectiveRequest,
-            event: this.event
-          })) || undefined;
-        }
-        return cachedResponse;
-      }
-      /**
-       * Puts a request/response pair in the cache (and invokes any applicable
-       * plugin callback methods) using the `cacheName` and `plugins` defined on
-       * the strategy object.
-       *
-       * The following plugin lifecycle methods are invoked when using this method:
-       * - cacheKeyWillBeUsed()
-       * - cacheWillUpdate()
-       * - cacheDidUpdate()
-       *
-       * @param {Request|string} key The request or URL to use as the cache key.
-       * @param {Response} response The response to cache.
-       * @return {Promise<boolean>} `false` if a cacheWillUpdate caused the response
-       * not be cached, and `true` otherwise.
-       */
-      async cachePut(key, response) {
-        const request = toRequest(key);
-        // Run in the next task to avoid blocking other cache reads.
-        // https://github.com/w3c/ServiceWorker/issues/1397
-        await timeout(0);
-        const effectiveRequest = await this.getCacheKey(request, 'write');
-        {
-          if (effectiveRequest.method && effectiveRequest.method !== 'GET') {
-            throw new WorkboxError('attempt-to-cache-non-get-request', {
-              url: getFriendlyURL(effectiveRequest.url),
-              method: effectiveRequest.method
-            });
-          }
-          // See https://github.com/GoogleChrome/workbox/issues/2818
-          const vary = response.headers.get('Vary');
-          if (vary) {
-            logger.debug(`The response for ${getFriendlyURL(effectiveRequest.url)} ` + `has a 'Vary: ${vary}' header. ` + `Consider setting the {ignoreVary: true} option on your strategy ` + `to ensure cache matching and deletion works as expected.`);
-          }
-        }
-        if (!response) {
-          {
-            logger.error(`Cannot cache non-existent response for ` + `'${getFriendlyURL(effectiveRequest.url)}'.`);
-          }
-          throw new WorkboxError('cache-put-with-no-response', {
-            url: getFriendlyURL(effectiveRequest.url)
-          });
-        }
-        const responseToCache = await this._ensureResponseSafeToCache(response);
-        if (!responseToCache) {
-          {
-            logger.debug(`Response '${getFriendlyURL(effectiveRequest.url)}' ` + `will not be cached.`, responseToCache);
-          }
-          return false;
-        }
-        const {
-          cacheName,
-          matchOptions
-        } = this._strategy;
-        const cache = await self.caches.open(cacheName);
-        const hasCacheUpdateCallback = this.hasCallback('cacheDidUpdate');
-        const oldResponse = hasCacheUpdateCallback ? await cacheMatchIgnoreParams(
-        // TODO(philipwalton): the `__WB_REVISION__` param is a precaching
-        // feature. Consider into ways to only add this behavior if using
-        // precaching.
-        cache, effectiveRequest.clone(), ['__WB_REVISION__'], matchOptions) : null;
-        {
-          logger.debug(`Updating the '${cacheName}' cache with a new Response ` + `for ${getFriendlyURL(effectiveRequest.url)}.`);
-        }
-        try {
-          await cache.put(effectiveRequest, hasCacheUpdateCallback ? responseToCache.clone() : responseToCache);
-        } catch (error) {
-          if (error instanceof Error) {
-            // See https://developer.mozilla.org/en-US/docs/Web/API/DOMException#exception-QuotaExceededError
-            if (error.name === 'QuotaExceededError') {
-              await executeQuotaErrorCallbacks();
-            }
-            throw error;
-          }
-        }
-        for (const callback of this.iterateCallbacks('cacheDidUpdate')) {
-          await callback({
-            cacheName,
-            oldResponse,
-            newResponse: responseToCache.clone(),
-            request: effectiveRequest,
-            event: this.event
-          });
-        }
-        return true;
-      }
-      /**
-       * Checks the list of plugins for the `cacheKeyWillBeUsed` callback, and
-       * executes any of those callbacks found in sequence. The final `Request`
-       * object returned by the last plugin is treated as the cache key for cache
-       * reads and/or writes. If no `cacheKeyWillBeUsed` plugin callbacks have
-       * been registered, the passed request is returned unmodified
-       *
-       * @param {Request} request
-       * @param {string} mode
-       * @return {Promise<Request>}
-       */
-      async getCacheKey(request, mode) {
-        const key = `${request.url} | ${mode}`;
-        if (!this._cacheKeys[key]) {
-          let effectiveRequest = request;
-          for (const callback of this.iterateCallbacks('cacheKeyWillBeUsed')) {
-            effectiveRequest = toRequest(await callback({
-              mode,
-              request: effectiveRequest,
-              event: this.event,
-              // params has a type any can't change right now.
-              params: this.params // eslint-disable-line
-            }));
-          }
-          this._cacheKeys[key] = effectiveRequest;
-        }
-        return this._cacheKeys[key];
-      }
-      /**
-       * Returns true if the strategy has at least one plugin with the given
-       * callback.
-       *
-       * @param {string} name The name of the callback to check for.
-       * @return {boolean}
-       */
-      hasCallback(name) {
-        for (const plugin of this._strategy.plugins) {
-          if (name in plugin) {
-            return true;
-          }
-        }
-        return false;
-      }
-      /**
-       * Runs all plugin callbacks matching the given name, in order, passing the
-       * given param object (merged ith the current plugin state) as the only
-       * argument.
-       *
-       * Note: since this method runs all plugins, it's not suitable for cases
-       * where the return value of a callback needs to be applied prior to calling
-       * the next callback. See
-       * {@link workbox-strategies.StrategyHandler#iterateCallbacks}
-       * below for how to handle that case.
-       *
-       * @param {string} name The name of the callback to run within each plugin.
-       * @param {Object} param The object to pass as the first (and only) param
-       *     when executing each callback. This object will be merged with the
-       *     current plugin state prior to callback execution.
-       */
-      async runCallbacks(name, param) {
-        for (const callback of this.iterateCallbacks(name)) {
-          // TODO(philipwalton): not sure why `any` is needed. It seems like
-          // this should work with `as WorkboxPluginCallbackParam[C]`.
-          await callback(param);
-        }
-      }
-      /**
-       * Accepts a callback and returns an iterable of matching plugin callbacks,
-       * where each callback is wrapped with the current handler state (i.e. when
-       * you call each callback, whatever object parameter you pass it will
-       * be merged with the plugin's current state).
-       *
-       * @param {string} name The name fo the callback to run
-       * @return {Array<Function>}
-       */
-      *iterateCallbacks(name) {
-        for (const plugin of this._strategy.plugins) {
-          if (typeof plugin[name] === 'function') {
-            const state = this._pluginStateMap.get(plugin);
-            const statefulCallback = param => {
-              const statefulParam = Object.assign(Object.assign({}, param), {
-                state
-              });
-              // TODO(philipwalton): not sure why `any` is needed. It seems like
-              // this should work with `as WorkboxPluginCallbackParam[C]`.
-              return plugin[name](statefulParam);
-            };
-            yield statefulCallback;
-          }
-        }
-      }
-      /**
-       * Adds a promise to the
-       * [extend lifetime promises]{@link https://w3c.github.io/ServiceWorker/#extendableevent-extend-lifetime-promises}
-       * of the event associated with the request being handled (usually a
-       * `FetchEvent`).
-       *
-       * Note: you can await
-       * {@link workbox-strategies.StrategyHandler~doneWaiting}
-       * to know when all added promises have settled.
-       *
-       * @param {Promise} promise A promise to add to the extend lifetime promises
-       *     of the event that triggered the request.
-       */
-      waitUntil(promise) {
-        this._extendLifetimePromises.push(promise);
-        return promise;
-      }
-      /**
-       * Returns a promise that resolves once all promises passed to
-       * {@link workbox-strategies.StrategyHandler~waitUntil}
-       * have settled.
-       *
-       * Note: any work done after `doneWaiting()` settles should be manually
-       * passed to an event's `waitUntil()` method (not this handler's
-       * `waitUntil()` method), otherwise the service worker thread may be killed
-       * prior to your work completing.
-       */
-      async doneWaiting() {
-        while (this._extendLifetimePromises.length) {
-          const promises = this._extendLifetimePromises.splice(0);
-          const result = await Promise.allSettled(promises);
-          const firstRejection = result.find(i => i.status === 'rejected');
-          if (firstRejection) {
-            throw firstRejection.reason;
-          }
-        }
-      }
-      /**
-       * Stops running the strategy and immediately resolves any pending
-       * `waitUntil()` promises.
-       */
-      destroy() {
-        this._handlerDeferred.resolve(null);
-      }
-      /**
-       * This method will call cacheWillUpdate on the available plugins (or use
-       * status === 200) to determine if the Response is safe and valid to cache.
-       *
-       * @param {Request} options.request
-       * @param {Response} options.response
-       * @return {Promise<Response|undefined>}
-       *
-       * @private
-       */
-      async _ensureResponseSafeToCache(response) {
-        let responseToCache = response;
-        let pluginsUsed = false;
-        for (const callback of this.iterateCallbacks('cacheWillUpdate')) {
-          responseToCache = (await callback({
-            request: this.request,
-            response: responseToCache,
-            event: this.event
-          })) || undefined;
-          pluginsUsed = true;
-          if (!responseToCache) {
-            break;
-          }
-        }
-        if (!pluginsUsed) {
-          if (responseToCache && responseToCache.status !== 200) {
-            responseToCache = undefined;
-          }
-          {
-            if (responseToCache) {
-              if (responseToCache.status !== 200) {
-                if (responseToCache.status === 0) {
-                  logger.warn(`The response for '${this.request.url}' ` + `is an opaque response. The caching strategy that you're ` + `using will not cache opaque responses by default.`);
-                } else {
-                  logger.debug(`The response for '${this.request.url}' ` + `returned a status code of '${response.status}' and won't ` + `be cached as a result.`);
-                }
-              }
-            }
-          }
-        }
-        return responseToCache;
-      }
-    }
-
-    /*
-      Copyright 2020 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * An abstract base class that all other strategy classes must extend from:
-     *
-     * @memberof workbox-strategies
-     */
-    class Strategy {
-      /**
-       * Creates a new instance of the strategy and sets all documented option
-       * properties as public instance properties.
-       *
-       * Note: if a custom strategy class extends the base Strategy class and does
-       * not need more than these properties, it does not need to define its own
-       * constructor.
-       *
-       * @param {Object} [options]
-       * @param {string} [options.cacheName] Cache name to store and retrieve
-       * requests. Defaults to the cache names provided by
-       * {@link workbox-core.cacheNames}.
-       * @param {Array<Object>} [options.plugins] [Plugins]{@link https://developers.google.com/web/tools/workbox/guides/using-plugins}
-       * to use in conjunction with this caching strategy.
-       * @param {Object} [options.fetchOptions] Values passed along to the
-       * [`init`](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch#Parameters)
-       * of [non-navigation](https://github.com/GoogleChrome/workbox/issues/1796)
-       * `fetch()` requests made by this strategy.
-       * @param {Object} [options.matchOptions] The
-       * [`CacheQueryOptions`]{@link https://w3c.github.io/ServiceWorker/#dictdef-cachequeryoptions}
-       * for any `cache.match()` or `cache.put()` calls made by this strategy.
-       */
-      constructor(options = {}) {
-        /**
-         * Cache name to store and retrieve
-         * requests. Defaults to the cache names provided by
-         * {@link workbox-core.cacheNames}.
-         *
-         * @type {string}
-         */
-        this.cacheName = cacheNames.getRuntimeName(options.cacheName);
-        /**
-         * The list
-         * [Plugins]{@link https://developers.google.com/web/tools/workbox/guides/using-plugins}
-         * used by this strategy.
-         *
-         * @type {Array<Object>}
-         */
-        this.plugins = options.plugins || [];
-        /**
-         * Values passed along to the
-         * [`init`]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch#Parameters}
-         * of all fetch() requests made by this strategy.
-         *
-         * @type {Object}
-         */
-        this.fetchOptions = options.fetchOptions;
-        /**
-         * The
-         * [`CacheQueryOptions`]{@link https://w3c.github.io/ServiceWorker/#dictdef-cachequeryoptions}
-         * for any `cache.match()` or `cache.put()` calls made by this strategy.
-         *
-         * @type {Object}
-         */
-        this.matchOptions = options.matchOptions;
-      }
-      /**
-       * Perform a request strategy and returns a `Promise` that will resolve with
-       * a `Response`, invoking all relevant plugin callbacks.
-       *
-       * When a strategy instance is registered with a Workbox
-       * {@link workbox-routing.Route}, this method is automatically
-       * called when the route matches.
-       *
-       * Alternatively, this method can be used in a standalone `FetchEvent`
-       * listener by passing it to `event.respondWith()`.
-       *
-       * @param {FetchEvent|Object} options A `FetchEvent` or an object with the
-       *     properties listed below.
-       * @param {Request|string} options.request A request to run this strategy for.
-       * @param {ExtendableEvent} options.event The event associated with the
-       *     request.
-       * @param {URL} [options.url]
-       * @param {*} [options.params]
-       */
-      handle(options) {
-        const [responseDone] = this.handleAll(options);
-        return responseDone;
-      }
-      /**
-       * Similar to {@link workbox-strategies.Strategy~handle}, but
-       * instead of just returning a `Promise` that resolves to a `Response` it
-       * it will return an tuple of `[response, done]` promises, where the former
-       * (`response`) is equivalent to what `handle()` returns, and the latter is a
-       * Promise that will resolve once any promises that were added to
-       * `event.waitUntil()` as part of performing the strategy have completed.
-       *
-       * You can await the `done` promise to ensure any extra work performed by
-       * the strategy (usually caching responses) completes successfully.
-       *
-       * @param {FetchEvent|Object} options A `FetchEvent` or an object with the
-       *     properties listed below.
-       * @param {Request|string} options.request A request to run this strategy for.
-       * @param {ExtendableEvent} options.event The event associated with the
-       *     request.
-       * @param {URL} [options.url]
-       * @param {*} [options.params]
-       * @return {Array<Promise>} A tuple of [response, done]
-       *     promises that can be used to determine when the response resolves as
-       *     well as when the handler has completed all its work.
-       */
-      handleAll(options) {
-        // Allow for flexible options to be passed.
-        if (options instanceof FetchEvent) {
-          options = {
-            event: options,
-            request: options.request
-          };
-        }
-        const event = options.event;
-        const request = typeof options.request === 'string' ? new Request(options.request) : options.request;
-        const params = 'params' in options ? options.params : undefined;
-        const handler = new StrategyHandler(this, {
-          event,
-          request,
-          params
-        });
-        const responseDone = this._getResponse(handler, request, event);
-        const handlerDone = this._awaitComplete(responseDone, handler, request, event);
-        // Return an array of promises, suitable for use with Promise.all().
-        return [responseDone, handlerDone];
-      }
-      async _getResponse(handler, request, event) {
-        await handler.runCallbacks('handlerWillStart', {
-          event,
-          request
-        });
-        let response = undefined;
-        try {
-          response = await this._handle(request, handler);
-          // The "official" Strategy subclasses all throw this error automatically,
-          // but in case a third-party Strategy doesn't, ensure that we have a
-          // consistent failure when there's no response or an error response.
-          if (!response || response.type === 'error') {
-            throw new WorkboxError('no-response', {
-              url: request.url
-            });
-          }
-        } catch (error) {
-          if (error instanceof Error) {
-            for (const callback of handler.iterateCallbacks('handlerDidError')) {
-              response = await callback({
-                error,
-                event,
-                request
-              });
-              if (response) {
-                break;
-              }
-            }
-          }
-          if (!response) {
-            throw error;
-          } else {
-            logger.log(`While responding to '${getFriendlyURL(request.url)}', ` + `an ${error instanceof Error ? error.toString() : ''} error occurred. Using a fallback response provided by ` + `a handlerDidError plugin.`);
-          }
-        }
-        for (const callback of handler.iterateCallbacks('handlerWillRespond')) {
-          response = await callback({
-            event,
-            request,
-            response
-          });
-        }
-        return response;
-      }
-      async _awaitComplete(responseDone, handler, request, event) {
-        let response;
-        let error;
-        try {
-          response = await responseDone;
-        } catch (error) {
-          // Ignore errors, as response errors should be caught via the `response`
-          // promise above. The `done` promise will only throw for errors in
-          // promises passed to `handler.waitUntil()`.
-        }
-        try {
-          await handler.runCallbacks('handlerDidRespond', {
-            event,
-            request,
-            response
-          });
-          await handler.doneWaiting();
-        } catch (waitUntilError) {
-          if (waitUntilError instanceof Error) {
-            error = waitUntilError;
-          }
-        }
-        await handler.runCallbacks('handlerDidComplete', {
-          event,
-          request,
-          response,
-          error: error
-        });
-        handler.destroy();
-        if (error) {
-          throw error;
-        }
-      }
-    }
-    /**
-     * Classes extending the `Strategy` based class should implement this method,
-     * and leverage the {@link workbox-strategies.StrategyHandler}
-     * arg to perform all fetching and cache logic, which will ensure all relevant
-     * cache, cache options, fetch options and plugins are used (per the current
-     * strategy instance).
-     *
-     * @name _handle
-     * @instance
-     * @abstract
-     * @function
-     * @param {Request} request
-     * @param {workbox-strategies.StrategyHandler} handler
-     * @return {Promise<Response>}
-     *
-     * @memberof workbox-strategies.Strategy
-     */
-
-    /*
-      Copyright 2020 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * A {@link workbox-strategies.Strategy} implementation
-     * specifically designed to work with
-     * {@link workbox-precaching.PrecacheController}
-     * to both cache and fetch precached assets.
-     *
-     * Note: an instance of this class is created automatically when creating a
-     * `PrecacheController`; it's generally not necessary to create this yourself.
-     *
-     * @extends workbox-strategies.Strategy
-     * @memberof workbox-precaching
-     */
-    class PrecacheStrategy extends Strategy {
-      /**
-       *
-       * @param {Object} [options]
-       * @param {string} [options.cacheName] Cache name to store and retrieve
-       * requests. Defaults to the cache names provided by
-       * {@link workbox-core.cacheNames}.
-       * @param {Array<Object>} [options.plugins] {@link https://developers.google.com/web/tools/workbox/guides/using-plugins|Plugins}
-       * to use in conjunction with this caching strategy.
-       * @param {Object} [options.fetchOptions] Values passed along to the
-       * {@link https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch#Parameters|init}
-       * of all fetch() requests made by this strategy.
-       * @param {Object} [options.matchOptions] The
-       * {@link https://w3c.github.io/ServiceWorker/#dictdef-cachequeryoptions|CacheQueryOptions}
-       * for any `cache.match()` or `cache.put()` calls made by this strategy.
-       * @param {boolean} [options.fallbackToNetwork=true] Whether to attempt to
-       * get the response from the network if there's a precache miss.
-       */
-      constructor(options = {}) {
-        options.cacheName = cacheNames.getPrecacheName(options.cacheName);
-        super(options);
-        this._fallbackToNetwork = options.fallbackToNetwork === false ? false : true;
-        // Redirected responses cannot be used to satisfy a navigation request, so
-        // any redirected response must be "copied" rather than cloned, so the new
-        // response doesn't contain the `redirected` flag. See:
-        // https://bugs.chromium.org/p/chromium/issues/detail?id=669363&desc=2#c1
-        this.plugins.push(PrecacheStrategy.copyRedirectedCacheableResponsesPlugin);
-      }
-      /**
-       * @private
-       * @param {Request|string} request A request to run this strategy for.
-       * @param {workbox-strategies.StrategyHandler} handler The event that
-       *     triggered the request.
-       * @return {Promise<Response>}
-       */
-      async _handle(request, handler) {
-        const response = await handler.cacheMatch(request);
-        if (response) {
-          return response;
-        }
-        // If this is an `install` event for an entry that isn't already cached,
-        // then populate the cache.
-        if (handler.event && handler.event.type === 'install') {
-          return await this._handleInstall(request, handler);
-        }
-        // Getting here means something went wrong. An entry that should have been
-        // precached wasn't found in the cache.
-        return await this._handleFetch(request, handler);
-      }
-      async _handleFetch(request, handler) {
-        let response;
-        const params = handler.params || {};
-        // Fall back to the network if we're configured to do so.
-        if (this._fallbackToNetwork) {
-          {
-            logger.warn(`The precached response for ` + `${getFriendlyURL(request.url)} in ${this.cacheName} was not ` + `found. Falling back to the network.`);
-          }
-          const integrityInManifest = params.integrity;
-          const integrityInRequest = request.integrity;
-          const noIntegrityConflict = !integrityInRequest || integrityInRequest === integrityInManifest;
-          // Do not add integrity if the original request is no-cors
-          // See https://github.com/GoogleChrome/workbox/issues/3096
-          response = await handler.fetch(new Request(request, {
-            integrity: request.mode !== 'no-cors' ? integrityInRequest || integrityInManifest : undefined
-          }));
-          // It's only "safe" to repair the cache if we're using SRI to guarantee
-          // that the response matches the precache manifest's expectations,
-          // and there's either a) no integrity property in the incoming request
-          // or b) there is an integrity, and it matches the precache manifest.
-          // See https://github.com/GoogleChrome/workbox/issues/2858
-          // Also if the original request users no-cors we don't use integrity.
-          // See https://github.com/GoogleChrome/workbox/issues/3096
-          if (integrityInManifest && noIntegrityConflict && request.mode !== 'no-cors') {
-            this._useDefaultCacheabilityPluginIfNeeded();
-            const wasCached = await handler.cachePut(request, response.clone());
-            {
-              if (wasCached) {
-                logger.log(`A response for ${getFriendlyURL(request.url)} ` + `was used to "repair" the precache.`);
-              }
-            }
-          }
-        } else {
-          // This shouldn't normally happen, but there are edge cases:
-          // https://github.com/GoogleChrome/workbox/issues/1441
-          throw new WorkboxError('missing-precache-entry', {
-            cacheName: this.cacheName,
-            url: request.url
-          });
-        }
-        {
-          const cacheKey = params.cacheKey || (await handler.getCacheKey(request, 'read'));
-          // Workbox is going to handle the route.
-          // print the routing details to the console.
-          logger.groupCollapsed(`Precaching is responding to: ` + getFriendlyURL(request.url));
-          logger.log(`Serving the precached url: ${getFriendlyURL(cacheKey instanceof Request ? cacheKey.url : cacheKey)}`);
-          logger.groupCollapsed(`View request details here.`);
-          logger.log(request);
-          logger.groupEnd();
-          logger.groupCollapsed(`View response details here.`);
-          logger.log(response);
-          logger.groupEnd();
-          logger.groupEnd();
-        }
-        return response;
-      }
-      async _handleInstall(request, handler) {
-        this._useDefaultCacheabilityPluginIfNeeded();
-        const response = await handler.fetch(request);
-        // Make sure we defer cachePut() until after we know the response
-        // should be cached; see https://github.com/GoogleChrome/workbox/issues/2737
-        const wasCached = await handler.cachePut(request, response.clone());
-        if (!wasCached) {
-          // Throwing here will lead to the `install` handler failing, which
-          // we want to do if *any* of the responses aren't safe to cache.
-          throw new WorkboxError('bad-precaching-response', {
-            url: request.url,
-            status: response.status
-          });
-        }
-        return response;
-      }
-      /**
-       * This method is complex, as there a number of things to account for:
-       *
-       * The `plugins` array can be set at construction, and/or it might be added to
-       * to at any time before the strategy is used.
-       *
-       * At the time the strategy is used (i.e. during an `install` event), there
-       * needs to be at least one plugin that implements `cacheWillUpdate` in the
-       * array, other than `copyRedirectedCacheableResponsesPlugin`.
-       *
-       * - If this method is called and there are no suitable `cacheWillUpdate`
-       * plugins, we need to add `defaultPrecacheCacheabilityPlugin`.
-       *
-       * - If this method is called and there is exactly one `cacheWillUpdate`, then
-       * we don't have to do anything (this might be a previously added
-       * `defaultPrecacheCacheabilityPlugin`, or it might be a custom plugin).
-       *
-       * - If this method is called and there is more than one `cacheWillUpdate`,
-       * then we need to check if one is `defaultPrecacheCacheabilityPlugin`. If so,
-       * we need to remove it. (This situation is unlikely, but it could happen if
-       * the strategy is used multiple times, the first without a `cacheWillUpdate`,
-       * and then later on after manually adding a custom `cacheWillUpdate`.)
-       *
-       * See https://github.com/GoogleChrome/workbox/issues/2737 for more context.
-       *
-       * @private
-       */
-      _useDefaultCacheabilityPluginIfNeeded() {
-        let defaultPluginIndex = null;
-        let cacheWillUpdatePluginCount = 0;
-        for (const [index, plugin] of this.plugins.entries()) {
-          // Ignore the copy redirected plugin when determining what to do.
-          if (plugin === PrecacheStrategy.copyRedirectedCacheableResponsesPlugin) {
-            continue;
-          }
-          // Save the default plugin's index, in case it needs to be removed.
-          if (plugin === PrecacheStrategy.defaultPrecacheCacheabilityPlugin) {
-            defaultPluginIndex = index;
-          }
-          if (plugin.cacheWillUpdate) {
-            cacheWillUpdatePluginCount++;
-          }
-        }
-        if (cacheWillUpdatePluginCount === 0) {
-          this.plugins.push(PrecacheStrategy.defaultPrecacheCacheabilityPlugin);
-        } else if (cacheWillUpdatePluginCount > 1 && defaultPluginIndex !== null) {
-          // Only remove the default plugin; multiple custom plugins are allowed.
-          this.plugins.splice(defaultPluginIndex, 1);
-        }
-        // Nothing needs to be done if cacheWillUpdatePluginCount is 1
-      }
-    }
-    PrecacheStrategy.defaultPrecacheCacheabilityPlugin = {
-      async cacheWillUpdate({
-        response
-      }) {
-        if (!response || response.status >= 400) {
-          return null;
-        }
-        return response;
-      }
-    };
-    PrecacheStrategy.copyRedirectedCacheableResponsesPlugin = {
-      async cacheWillUpdate({
-        response
-      }) {
-        return response.redirected ? await copyResponse(response) : response;
-      }
-    };
-
-    /*
-      Copyright 2019 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * Performs efficient precaching of assets.
-     *
-     * @memberof workbox-precaching
-     */
-    class PrecacheController {
-      /**
-       * Create a new PrecacheController.
-       *
-       * @param {Object} [options]
-       * @param {string} [options.cacheName] The cache to use for precaching.
-       * @param {string} [options.plugins] Plugins to use when precaching as well
-       * as responding to fetch events for precached assets.
-       * @param {boolean} [options.fallbackToNetwork=true] Whether to attempt to
-       * get the response from the network if there's a precache miss.
-       */
-      constructor({
-        cacheName,
-        plugins = [],
-        fallbackToNetwork = true
-      } = {}) {
-        this._urlsToCacheKeys = new Map();
-        this._urlsToCacheModes = new Map();
-        this._cacheKeysToIntegrities = new Map();
-        this._strategy = new PrecacheStrategy({
-          cacheName: cacheNames.getPrecacheName(cacheName),
-          plugins: [...plugins, new PrecacheCacheKeyPlugin({
-            precacheController: this
-          })],
-          fallbackToNetwork
-        });
-        // Bind the install and activate methods to the instance.
-        this.install = this.install.bind(this);
-        this.activate = this.activate.bind(this);
-      }
-      /**
-       * @type {workbox-precaching.PrecacheStrategy} The strategy created by this controller and
-       * used to cache assets and respond to fetch events.
-       */
-      get strategy() {
-        return this._strategy;
-      }
-      /**
-       * Adds items to the precache list, removing any duplicates and
-       * stores the files in the
-       * {@link workbox-core.cacheNames|"precache cache"} when the service
-       * worker installs.
-       *
-       * This method can be called multiple times.
-       *
-       * @param {Array<Object|string>} [entries=[]] Array of entries to precache.
-       */
-      precache(entries) {
-        this.addToCacheList(entries);
-        if (!this._installAndActiveListenersAdded) {
-          self.addEventListener('install', this.install);
-          self.addEventListener('activate', this.activate);
-          this._installAndActiveListenersAdded = true;
-        }
-      }
-      /**
-       * This method will add items to the precache list, removing duplicates
-       * and ensuring the information is valid.
-       *
-       * @param {Array<workbox-precaching.PrecacheController.PrecacheEntry|string>} entries
-       *     Array of entries to precache.
-       */
-      addToCacheList(entries) {
-        {
-          finalAssertExports.isArray(entries, {
-            moduleName: 'workbox-precaching',
-            className: 'PrecacheController',
-            funcName: 'addToCacheList',
-            paramName: 'entries'
-          });
-        }
-        const urlsToWarnAbout = [];
-        for (const entry of entries) {
-          // See https://github.com/GoogleChrome/workbox/issues/2259
-          if (typeof entry === 'string') {
-            urlsToWarnAbout.push(entry);
-          } else if (entry && entry.revision === undefined) {
-            urlsToWarnAbout.push(entry.url);
-          }
-          const {
-            cacheKey,
-            url
-          } = createCacheKey(entry);
-          const cacheMode = typeof entry !== 'string' && entry.revision ? 'reload' : 'default';
-          if (this._urlsToCacheKeys.has(url) && this._urlsToCacheKeys.get(url) !== cacheKey) {
-            throw new WorkboxError('add-to-cache-list-conflicting-entries', {
-              firstEntry: this._urlsToCacheKeys.get(url),
-              secondEntry: cacheKey
-            });
-          }
-          if (typeof entry !== 'string' && entry.integrity) {
-            if (this._cacheKeysToIntegrities.has(cacheKey) && this._cacheKeysToIntegrities.get(cacheKey) !== entry.integrity) {
-              throw new WorkboxError('add-to-cache-list-conflicting-integrities', {
-                url
-              });
-            }
-            this._cacheKeysToIntegrities.set(cacheKey, entry.integrity);
-          }
-          this._urlsToCacheKeys.set(url, cacheKey);
-          this._urlsToCacheModes.set(url, cacheMode);
-          if (urlsToWarnAbout.length > 0) {
-            const warningMessage = `Workbox is precaching URLs without revision ` + `info: ${urlsToWarnAbout.join(', ')}\nThis is generally NOT safe. ` + `Learn more at https://bit.ly/wb-precache`;
-            {
-              logger.warn(warningMessage);
-            }
-          }
-        }
-      }
-      /**
-       * Precaches new and updated assets. Call this method from the service worker
-       * install event.
-       *
-       * Note: this method calls `event.waitUntil()` for you, so you do not need
-       * to call it yourself in your event handlers.
-       *
-       * @param {ExtendableEvent} event
-       * @return {Promise<workbox-precaching.InstallResult>}
-       */
-      install(event) {
-        // waitUntil returns Promise<any>
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-return
-        return waitUntil(event, async () => {
-          const installReportPlugin = new PrecacheInstallReportPlugin();
-          this.strategy.plugins.push(installReportPlugin);
-          // Cache entries one at a time.
-          // See https://github.com/GoogleChrome/workbox/issues/2528
-          for (const [url, cacheKey] of this._urlsToCacheKeys) {
-            const integrity = this._cacheKeysToIntegrities.get(cacheKey);
-            const cacheMode = this._urlsToCacheModes.get(url);
-            const request = new Request(url, {
-              integrity,
-              cache: cacheMode,
-              credentials: 'same-origin'
-            });
-            await Promise.all(this.strategy.handleAll({
-              params: {
-                cacheKey
-              },
-              request,
-              event
-            }));
-          }
-          const {
-            updatedURLs,
-            notUpdatedURLs
-          } = installReportPlugin;
-          {
-            printInstallDetails(updatedURLs, notUpdatedURLs);
-          }
-          return {
-            updatedURLs,
-            notUpdatedURLs
-          };
-        });
-      }
-      /**
-       * Deletes assets that are no longer present in the current precache manifest.
-       * Call this method from the service worker activate event.
-       *
-       * Note: this method calls `event.waitUntil()` for you, so you do not need
-       * to call it yourself in your event handlers.
-       *
-       * @param {ExtendableEvent} event
-       * @return {Promise<workbox-precaching.CleanupResult>}
-       */
-      activate(event) {
-        // waitUntil returns Promise<any>
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-return
-        return waitUntil(event, async () => {
-          const cache = await self.caches.open(this.strategy.cacheName);
-          const currentlyCachedRequests = await cache.keys();
-          const expectedCacheKeys = new Set(this._urlsToCacheKeys.values());
-          const deletedURLs = [];
-          for (const request of currentlyCachedRequests) {
-            if (!expectedCacheKeys.has(request.url)) {
-              await cache.delete(request);
-              deletedURLs.push(request.url);
-            }
-          }
-          {
-            printCleanupDetails(deletedURLs);
-          }
-          return {
-            deletedURLs
-          };
-        });
-      }
-      /**
-       * Returns a mapping of a precached URL to the corresponding cache key, taking
-       * into account the revision information for the URL.
-       *
-       * @return {Map<string, string>} A URL to cache key mapping.
-       */
-      getURLsToCacheKeys() {
-        return this._urlsToCacheKeys;
-      }
-      /**
-       * Returns a list of all the URLs that have been precached by the current
-       * service worker.
-       *
-       * @return {Array<string>} The precached URLs.
-       */
-      getCachedURLs() {
-        return [...this._urlsToCacheKeys.keys()];
-      }
-      /**
-       * Returns the cache key used for storing a given URL. If that URL is
-       * unversioned, like `/index.html', then the cache key will be the original
-       * URL with a search parameter appended to it.
-       *
-       * @param {string} url A URL whose cache key you want to look up.
-       * @return {string} The versioned URL that corresponds to a cache key
-       * for the original URL, or undefined if that URL isn't precached.
-       */
-      getCacheKeyForURL(url) {
-        const urlObject = new URL(url, location.href);
-        return this._urlsToCacheKeys.get(urlObject.href);
-      }
-      /**
-       * @param {string} url A cache key whose SRI you want to look up.
-       * @return {string} The subresource integrity associated with the cache key,
-       * or undefined if it's not set.
-       */
-      getIntegrityForCacheKey(cacheKey) {
-        return this._cacheKeysToIntegrities.get(cacheKey);
-      }
-      /**
-       * This acts as a drop-in replacement for
-       * [`cache.match()`](https://developer.mozilla.org/en-US/docs/Web/API/Cache/match)
-       * with the following differences:
-       *
-       * - It knows what the name of the precache is, and only checks in that cache.
-       * - It allows you to pass in an "original" URL without versioning parameters,
-       * and it will automatically look up the correct cache key for the currently
-       * active revision of that URL.
-       *
-       * E.g., `matchPrecache('index.html')` will find the correct precached
-       * response for the currently active service worker, even if the actual cache
-       * key is `'/index.html?__WB_REVISION__=1234abcd'`.
-       *
-       * @param {string|Request} request The key (without revisioning parameters)
-       * to look up in the precache.
-       * @return {Promise<Response|undefined>}
-       */
-      async matchPrecache(request) {
-        const url = request instanceof Request ? request.url : request;
-        const cacheKey = this.getCacheKeyForURL(url);
-        if (cacheKey) {
-          const cache = await self.caches.open(this.strategy.cacheName);
-          return cache.match(cacheKey);
-        }
-        return undefined;
-      }
-      /**
-       * Returns a function that looks up `url` in the precache (taking into
-       * account revision information), and returns the corresponding `Response`.
-       *
-       * @param {string} url The precached URL which will be used to lookup the
-       * `Response`.
-       * @return {workbox-routing~handlerCallback}
-       */
-      createHandlerBoundToURL(url) {
-        const cacheKey = this.getCacheKeyForURL(url);
-        if (!cacheKey) {
-          throw new WorkboxError('non-precached-url', {
-            url
-          });
-        }
-        return options => {
-          options.request = new Request(url);
-          options.params = Object.assign({
-            cacheKey
-          }, options.params);
-          return this.strategy.handle(options);
-        };
-      }
-    }
-
-    /*
-      Copyright 2019 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    let precacheController;
-    /**
-     * @return {PrecacheController}
-     * @private
-     */
-    const getOrCreatePrecacheController = () => {
-      if (!precacheController) {
-        precacheController = new PrecacheController();
-      }
-      return precacheController;
-    };
-
-    /*
-      Copyright 2018 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * Removes any URL search parameters that should be ignored.
-     *
-     * @param {URL} urlObject The original URL.
-     * @param {Array<RegExp>} ignoreURLParametersMatching RegExps to test against
-     * each search parameter name. Matches mean that the search parameter should be
-     * ignored.
-     * @return {URL} The URL with any ignored search parameters removed.
-     *
-     * @private
-     * @memberof workbox-precaching
-     */
-    function removeIgnoredSearchParams(urlObject, ignoreURLParametersMatching = []) {
-      // Convert the iterable into an array at the start of the loop to make sure
-      // deletion doesn't mess up iteration.
-      for (const paramName of [...urlObject.searchParams.keys()]) {
-        if (ignoreURLParametersMatching.some(regExp => regExp.test(paramName))) {
-          urlObject.searchParams.delete(paramName);
-        }
-      }
-      return urlObject;
-    }
-
-    /*
-      Copyright 2019 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * Generator function that yields possible variations on the original URL to
-     * check, one at a time.
-     *
-     * @param {string} url
-     * @param {Object} options
-     *
-     * @private
-     * @memberof workbox-precaching
-     */
-    function* generateURLVariations(url, {
-      ignoreURLParametersMatching = [/^utm_/, /^fbclid$/],
-      directoryIndex = 'index.html',
-      cleanURLs = true,
-      urlManipulation
-    } = {}) {
-      const urlObject = new URL(url, location.href);
-      urlObject.hash = '';
-      yield urlObject.href;
-      const urlWithoutIgnoredParams = removeIgnoredSearchParams(urlObject, ignoreURLParametersMatching);
-      yield urlWithoutIgnoredParams.href;
-      if (directoryIndex && urlWithoutIgnoredParams.pathname.endsWith('/')) {
-        const directoryURL = new URL(urlWithoutIgnoredParams.href);
-        directoryURL.pathname += directoryIndex;
-        yield directoryURL.href;
-      }
-      if (cleanURLs) {
-        const cleanURL = new URL(urlWithoutIgnoredParams.href);
-        cleanURL.pathname += '.html';
-        yield cleanURL.href;
-      }
-      if (urlManipulation) {
-        const additionalURLs = urlManipulation({
-          url: urlObject
-        });
-        for (const urlToAttempt of additionalURLs) {
-          yield urlToAttempt.href;
-        }
-      }
-    }
-
-    /*
-      Copyright 2020 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * A subclass of {@link workbox-routing.Route} that takes a
-     * {@link workbox-precaching.PrecacheController}
-     * instance and uses it to match incoming requests and handle fetching
-     * responses from the precache.
-     *
-     * @memberof workbox-precaching
-     * @extends workbox-routing.Route
-     */
-    class PrecacheRoute extends Route {
-      /**
-       * @param {PrecacheController} precacheController A `PrecacheController`
-       * instance used to both match requests and respond to fetch events.
-       * @param {Object} [options] Options to control how requests are matched
-       * against the list of precached URLs.
-       * @param {string} [options.directoryIndex=index.html] The `directoryIndex` will
-       * check cache entries for a URLs ending with '/' to see if there is a hit when
-       * appending the `directoryIndex` value.
-       * @param {Array<RegExp>} [options.ignoreURLParametersMatching=[/^utm_/, /^fbclid$/]] An
-       * array of regex's to remove search params when looking for a cache match.
-       * @param {boolean} [options.cleanURLs=true] The `cleanURLs` option will
-       * check the cache for the URL with a `.html` added to the end of the end.
-       * @param {workbox-precaching~urlManipulation} [options.urlManipulation]
-       * This is a function that should take a URL and return an array of
-       * alternative URLs that should be checked for precache matches.
-       */
-      constructor(precacheController, options) {
-        const match = ({
-          request
-        }) => {
-          const urlsToCacheKeys = precacheController.getURLsToCacheKeys();
-          for (const possibleURL of generateURLVariations(request.url, options)) {
-            const cacheKey = urlsToCacheKeys.get(possibleURL);
-            if (cacheKey) {
-              const integrity = precacheController.getIntegrityForCacheKey(cacheKey);
-              return {
-                cacheKey,
-                integrity
-              };
-            }
-          }
-          {
-            logger.debug(`Precaching did not find a match for ` + getFriendlyURL(request.url));
-          }
-          return;
-        };
-        super(match, precacheController.strategy);
-      }
-    }
-
-    /*
-      Copyright 2019 Google LLC
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * Add a `fetch` 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't precached, the `FetchEvent` will not be
-     * responded to, allowing the event to fall through to other `fetch` event
-     * listeners.
-     *
-     * @param {Object} [options] See the {@link workbox-precaching.PrecacheRoute}
-     * options.
-     *
-     * @memberof workbox-precaching
-     */
-    function addRoute(options) {
-      const precacheController = getOrCreatePrecacheController();
-      const precacheRoute = new PrecacheRoute(precacheController, options);
-      registerRoute(precacheRoute);
-    }
-
-    /*
-      Copyright 2019 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * Adds items to the precache list, removing any duplicates and
-     * stores the files in the
-     * {@link workbox-core.cacheNames|"precache cache"} 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
-     * {@link workbox-precaching.addRoute}.
-     *
-     * If you have a single array of files to precache, you can just call
-     * {@link workbox-precaching.precacheAndRoute}.
-     *
-     * @param {Array<Object|string>} [entries=[]] Array of entries to precache.
-     *
-     * @memberof workbox-precaching
-     */
-    function precache(entries) {
-      const precacheController = getOrCreatePrecacheController();
-      precacheController.precache(entries);
-    }
-
-    /*
-      Copyright 2019 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * 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
-     * {@link workbox-precaching.precache} and
-     * {@link workbox-precaching.addRoute} in a single call.
-     *
-     * @param {Array<Object|string>} entries Array of entries to precache.
-     * @param {Object} [options] See the
-     * {@link workbox-precaching.PrecacheRoute} options.
-     *
-     * @memberof workbox-precaching
-     */
-    function precacheAndRoute(entries, options) {
-      precache(entries);
-      addRoute(options);
-    }
-
-    /*
-      Copyright 2018 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    const SUBSTRING_TO_FIND = '-precache-';
-    /**
-     * Cleans up incompatible precaches that were created by older versions of
-     * Workbox, by a service worker registered under the current scope.
-     *
-     * This is meant to be called as part of the `activate` event.
-     *
-     * This should be safe to use as long as you don't include `substringToFind`
-     * (defaulting to `-precache-`) in your non-precache cache names.
-     *
-     * @param {string} currentPrecacheName The cache name currently in use for
-     * precaching. This cache won't be deleted.
-     * @param {string} [substringToFind='-precache-'] Cache names which include this
-     * substring will be deleted (excluding `currentPrecacheName`).
-     * @return {Array<string>} A list of all the cache names that were deleted.
-     *
-     * @private
-     * @memberof workbox-precaching
-     */
-    const deleteOutdatedCaches = async (currentPrecacheName, substringToFind = SUBSTRING_TO_FIND) => {
-      const cacheNames = await self.caches.keys();
-      const cacheNamesToDelete = cacheNames.filter(cacheName => {
-        return cacheName.includes(substringToFind) && cacheName.includes(self.registration.scope) && cacheName !== currentPrecacheName;
-      });
-      await Promise.all(cacheNamesToDelete.map(cacheName => self.caches.delete(cacheName)));
-      return cacheNamesToDelete;
-    };
-
-    /*
-      Copyright 2019 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * Adds an `activate` event listener which will clean up incompatible
-     * precaches that were created by older versions of Workbox.
-     *
-     * @memberof workbox-precaching
-     */
-    function cleanupOutdatedCaches() {
-      // See https://github.com/Microsoft/TypeScript/issues/28357#issuecomment-436484705
-      self.addEventListener('activate', event => {
-        const cacheName = cacheNames.getPrecacheName();
-        event.waitUntil(deleteOutdatedCaches(cacheName).then(cachesDeleted => {
-          {
-            if (cachesDeleted.length > 0) {
-              logger.log(`The following out-of-date precaches were cleaned up ` + `automatically:`, cachesDeleted);
-            }
-          }
-        }));
-      });
-    }
-
-    /*
-      Copyright 2018 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * NavigationRoute makes it easy to create a
-     * {@link workbox-routing.Route} that matches for browser
-     * [navigation requests]{@link https://developers.google.com/web/fundamentals/primers/service-workers/high-performance-loading#first_what_are_navigation_requests}.
-     *
-     * It will only match incoming Requests whose
-     * {@link https://fetch.spec.whatwg.org/#concept-request-mode|mode}
-     * is set to `navigate`.
-     *
-     * You can optionally only apply this route to a subset of navigation requests
-     * by using one or both of the `denylist` and `allowlist` parameters.
-     *
-     * @memberof workbox-routing
-     * @extends workbox-routing.Route
-     */
-    class NavigationRoute extends Route {
-      /**
-       * If both `denylist` and `allowlist` are provided, the `denylist` will
-       * take precedence and the request will not match this route.
-       *
-       * The regular expressions in `allowlist` and `denylist`
-       * are matched against the concatenated
-       * [`pathname`]{@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/pathname}
-       * and [`search`]{@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/search}
-       * portions of the requested URL.
-       *
-       * *Note*: These RegExps may be evaluated against every destination URL during
-       * a navigation. Avoid using
-       * [complex RegExps](https://github.com/GoogleChrome/workbox/issues/3077),
-       * or else your users may see delays when navigating your site.
-       *
-       * @param {workbox-routing~handlerCallback} handler A callback
-       * function that returns a Promise resulting in a Response.
-       * @param {Object} options
-       * @param {Array<RegExp>} [options.denylist] If any of these patterns match,
-       * the route will not handle the request (even if a allowlist RegExp matches).
-       * @param {Array<RegExp>} [options.allowlist=[/./]] If any of these patterns
-       * match the URL's pathname and search parameter, the route will handle the
-       * request (assuming the denylist doesn't match).
-       */
-      constructor(handler, {
-        allowlist = [/./],
-        denylist = []
-      } = {}) {
-        {
-          finalAssertExports.isArrayOfClass(allowlist, RegExp, {
-            moduleName: 'workbox-routing',
-            className: 'NavigationRoute',
-            funcName: 'constructor',
-            paramName: 'options.allowlist'
-          });
-          finalAssertExports.isArrayOfClass(denylist, RegExp, {
-            moduleName: 'workbox-routing',
-            className: 'NavigationRoute',
-            funcName: 'constructor',
-            paramName: 'options.denylist'
-          });
-        }
-        super(options => this._match(options), handler);
-        this._allowlist = allowlist;
-        this._denylist = denylist;
-      }
-      /**
-       * Routes match handler.
-       *
-       * @param {Object} options
-       * @param {URL} options.url
-       * @param {Request} options.request
-       * @return {boolean}
-       *
-       * @private
-       */
-      _match({
-        url,
-        request
-      }) {
-        if (request && request.mode !== 'navigate') {
-          return false;
-        }
-        const pathnameAndSearch = url.pathname + url.search;
-        for (const regExp of this._denylist) {
-          if (regExp.test(pathnameAndSearch)) {
-            {
-              logger.log(`The navigation route ${pathnameAndSearch} is not ` + `being used, since the URL matches this denylist pattern: ` + `${regExp.toString()}`);
-            }
-            return false;
-          }
-        }
-        if (this._allowlist.some(regExp => regExp.test(pathnameAndSearch))) {
-          {
-            logger.debug(`The navigation route ${pathnameAndSearch} ` + `is being used.`);
-          }
-          return true;
-        }
-        {
-          logger.log(`The navigation route ${pathnameAndSearch} is not ` + `being used, since the URL being navigated to doesn't ` + `match the allowlist.`);
-        }
-        return false;
-      }
-    }
-
-    /*
-      Copyright 2019 Google LLC
-
-      Use of this source code is governed by an MIT-style
-      license that can be found in the LICENSE file or at
-      https://opensource.org/licenses/MIT.
-    */
-    /**
-     * Helper function that calls
-     * {@link PrecacheController#createHandlerBoundToURL} on the default
-     * {@link PrecacheController} instance.
-     *
-     * If you are creating your own {@link PrecacheController}, then call the
-     * {@link PrecacheController#createHandlerBoundToURL} on that instance,
-     * instead of using this function.
-     *
-     * @param {string} url The precached URL which will be used to lookup the
-     * `Response`.
-     * @param {boolean} [fallbackToNetwork=true] Whether to attempt to get the
-     * response from the network if there's a precache miss.
-     * @return {workbox-routing~handlerCallback}
-     *
-     * @memberof workbox-precaching
-     */
-    function createHandlerBoundToURL(url) {
-      const precacheController = getOrCreatePrecacheController();
-      return precacheController.createHandlerBoundToURL(url);
-    }
-
-    exports.NavigationRoute = NavigationRoute;
-    exports.cleanupOutdatedCaches = cleanupOutdatedCaches;
-    exports.createHandlerBoundToURL = createHandlerBoundToURL;
-    exports.precacheAndRoute = precacheAndRoute;
-    exports.registerRoute = registerRoute;
-
-}));
diff --git a/index.html b/index.html
index 33ecd11..2b30f5d 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
+<html lang="ru">
   <head>
     <meta charset="UTF-8" />
     <meta http-equiv="x-ua-compatible" content="ie=edge" />
@@ -7,7 +7,7 @@
     <meta name="keywords" content="pgtune, postgresql, postgres, tuning, config, configuration, free, open source" />
     <meta name="description" content="PgTune - Tuning PostgreSQL config by your hardware" />
     <link type="text/plain" rel="author" href="/humans.txt" />
-    <title>PGTune - calculate configuration for PostgreSQL based on the maximum performance for a given hardware configuration</title>
+    <title>PGTune - рассчёт конфигурации PostgreSQL, исходя из максимальной производительности для данной конфигурации оборудования</title>
   </head>
   <body>
     <div id="app" class="isolate"></div>
diff --git a/package.json b/package.json
index f6a3c15..6aefaa7 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "pgtune",
   "private": true,
-  "version": "0.0.0",
+  "version": "1.0.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -25,7 +25,6 @@
     "eslint-config-vue": "^2.0.2",
     "eslint-plugin-prettier": "^5.5.6",
     "eslint-plugin-vue": "^10.10.0",
-    "pinia": "^4.0.3",
     "prettier": "^3.9.6",
     "tailwindcss": "^4.3.3",
     "vite": "^8.2.2",
diff --git a/pgtune.tar.zst b/pgtune.tar.zst
deleted file mode 100644
index 9e2fb00..0000000
Binary files a/pgtune.tar.zst and /dev/null differ
diff --git a/src/App.vue b/src/App.vue
index b4dfea3..ce88cc6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,10 +5,6 @@ import { useThemeColor } from './composables/useThemeColor.js'
 import { onMounted } from 'vue'
 import { useUpdateApp } from './composables/useUpdateApp.js'
 
-/*
-const register = registerSW()
-  */
-
 const route = useRoute()
 
 onMounted(() => {
@@ -22,7 +18,7 @@ onMounted(() => {
     <UContainer>
       <Header />
       <UMain class="p-4">
-        <RouterView :key="route.fullPath" />
+        <RouterView :key="route.path" />
       </UMain>
     </UContainer>
   </UApp>
diff --git a/src/components/configurationForm.vue b/src/components/configurationForm.vue
index 346376d..6c55766 100644
--- a/src/components/configurationForm.vue
+++ b/src/components/configurationForm.vue
@@ -1,104 +1,200 @@
 <script setup>
-import { ref } from 'vue'
+import { reactive, ref } from 'vue'
+import {
+  DB_TYPE_WEB,
+  DB_TYPE_OLTP,
+  DB_TYPE_DW,
+  DB_TYPE_DESKTOP,
+  DB_TYPE_MIXED,
+  DB_VERSIONS,
+  OS_LINUX,
+  OS_MAC,
+  OS_WINDOWS,
+  SIZE_UNIT_TB,
+  SIZE_UNIT_GB,
+  SIZE_UNIT_MB,
+  HARD_DRIVE_SSD,
+  HARD_DRIVE_NVME,
+  HARD_DRIVE_SAN,
+  HARD_DRIVE_HDD,
+  DB_SIZE_LESS_RAM,
+  DB_SIZE_MID_RAM,
+  DB_SIZE_GREATER_RAM,
+} from '../utils/constants/configuration'
+import { validationSchema as schema } from '../utils/validation'
+import { useRoute, useRouter } from 'vue-router'
 
-const dbVersions = ref(['18', '17', '16', '15', '14', '13', '12', '11', '10'])
-const dbVersion = ref('18')
+const route = useRoute()
+const router = useRouter()
 
-const osTypes = ref(['Linux', 'Windows', 'OS X'])
-const osType = ref('Linux')
+const query = route.query
+
+const dbVersions = ref(
+  DB_VERSIONS.map((version) => ({
+    label: String(version),
+    value: version,
+  })),
+)
+
+const osTypes = ref([
+  {
+    label: 'Linux',
+    value: OS_LINUX,
+  },
+  {
+    label: 'OS X',
+    value: OS_MAC,
+  },
+  {
+    label: 'Windows',
+    value: OS_WINDOWS,
+  },
+])
 
 const dbTypes = ref([
-  'Web application',
-  'Online transaction processing system',
-  'Data warehouse',
-  'Desktop application',
-  'Mixed type of application',
+  {
+    label: 'Web-приложение',
+    value: DB_TYPE_WEB,
+  },
+  {
+    label: 'Система обработки онлайн-транзакций',
+    value: DB_TYPE_OLTP,
+  },
+  {
+    label: 'Хранилище данных',
+    value: DB_TYPE_DW,
+  },
+  {
+    label: 'Десктопное приложение',
+    value: DB_TYPE_DESKTOP,
+  },
+  {
+    label: 'Приложение смешанного типа',
+    value: DB_TYPE_MIXED,
+  },
 ])
-const dbType = ref('Web application')
 
-const totalRam = ref()
-const ramUnits = ref(['TB', 'GB', 'MB'])
-const ramUnit = ref('GB')
-
-const totalCPUs = ref(1)
-
-const totalConnections = ref(100)
+const ramUnits = ref([SIZE_UNIT_TB, SIZE_UNIT_GB, SIZE_UNIT_MB])
 
 const dataStorages = ref([
-  'NVME storage',
-  'SSD storage',
-  'Network (SAN) storage',
-  'HDD storage',
+  {
+    label: 'Хранилище NVMe',
+    value: HARD_DRIVE_NVME,
+  },
+  {
+    label: 'Хранилище SSD',
+    value: HARD_DRIVE_SSD,
+  },
+  {
+    label: 'Сетевое хранилище (SAN)',
+    value: HARD_DRIVE_SAN,
+  },
+  {
+    label: 'Хранилище HDD',
+    value: HARD_DRIVE_HDD,
+  },
 ])
-const dataStorage = ref('SSD storage')
 
-const dataSizes = ref(['Less than RAM', 'RAM - 3xRAM', 'More than 3xRAM'])
-const dataSize = ref('Less than RAM')
+const dataSizes = ref([
+  {
+    label: 'Меньше RAM',
+    value: DB_SIZE_LESS_RAM,
+  },
+  {
+    label: '1x - 3x RAM',
+    value: DB_SIZE_MID_RAM,
+  },
+  {
+    label: 'Более 3xRAM',
+    value: DB_SIZE_GREATER_RAM,
+  },
+])
+
+const state = reactive({
+  dbVersion: query?.dbVersion ? parseInt(query.dbVersion) : 18,
+  osType: query?.osType ?? OS_LINUX,
+  dbType: query?.dbType ?? DB_TYPE_WEB,
+  totalMemory: query?.totalMemory ? parseInt(query.totalMemory) : undefined,
+  totalMemoryUnit: query?.totalMemoryUnit ?? SIZE_UNIT_GB,
+  cpuNum: query?.cpuNum ? parseInt(query.cpuNum) : 1,
+  connectionNum: query?.connectionNum ? parseInt(query.connectionNum) : 100,
+  hdType: query?.hdType ?? HARD_DRIVE_NVME,
+  dbSize: query?.dbSize ?? DB_SIZE_LESS_RAM,
+})
+
+const onSubmit = async () => {
+  await router.push({ name: 'Index', query: { ...state } })
+}
 </script>
 
 <template>
-  <UForm class="space-y-4">
-    <UFormField
-      label="DB version"
-      help="PostgreSQL version (find out via 'SELECT version();')"
-    >
-      <USelect v-model="dbVersion" :items="dbVersions" class="w-full" />
+  <UForm class="space-y-4" :state :schema @submit="onSubmit">
+    <UFormField label="Версия БД" help="Версия PostgreSQL" name="dbVersion">
+      <USelect v-model="state.dbVersion" :items="dbVersions" class="w-full" />
     </UFormField>
     <UFormField
-      label="OS Type"
-      help="Operation system of the PostgreSQL server host"
+      label="Тип ОС"
+      help="Операционная система, запускающая PostgreSQL"
+      name="osType"
     >
-      <USelect v-model="osType" :items="osTypes" class="w-full" />
+      <USelect v-model="state.osType" :items="osTypes" class="w-full" />
     </UFormField>
     <UFormField
-      label="DB type"
-      help="What type of application is PostgreSQL used for"
+      label="Тип БД"
+      help="Тип приложения, которое обслуживает PostgreSQL"
+      name="dbType"
     >
-      <USelect v-model="dbType" :items="dbTypes" class="w-full" />
+      <USelect v-model="state.dbType" :items="dbTypes" class="w-full" />
+    </UFormField>
+    <div class="flex items-start gap-4">
+      <UFormField
+        label="Оперативная память (RAM)"
+        help="Объём оперативной памяти, которую PostgreSQL может использовать"
+        required
+        name="totalMemory"
+        class="grow"
+      >
+        <UInputNumber v-model="state.totalMemory" class="w-full" />
+      </UFormField>
+      <UFormField required name="totalMemoryUnit" label="Е.И.">
+        <USelect v-model="state.totalMemoryUnit" :items="ramUnits" />
+      </UFormField>
+    </div>
+    <UFormField
+      label="Количество CPU"
+      help="Количество потоков CPU, которые PostgreSQL может использовать. CPU = № потоков на ядро * № ядер на сокет * № сокетов"
+      name="cpuNum"
+    >
+      <UInputNumber v-model="state.cpuNum" class="w-full" />
     </UFormField>
     <UFormField
-      label="Total memory (RAM)"
-      help="How much memory can PostgreSQL use"
-      required
+      label="Количество соединений"
+      help="Максимальное количество клиентских соединений"
+      name="connectionNum"
     >
-      <div class="flex items-center gap-4">
-        <UInputNumber
-          v-model="totalRam"
-          class="grow"
-          placeholder="Total memory (RAM) (* required)"
-        />
-        <USelect v-model="ramUnit" :items="ramUnits" />
-      </div>
+      <UInputNumber v-model="state.connectionNum" class="w-full" />
     </UFormField>
     <UFormField
-      label="Number of CPUs"
-      help="Number of CPUs, which PostgreSQL can use. CPUs = N threads per core * N cores per socket * N sockets"
+      label="Хранилище данных"
+      help="Тип устройства хранения данных"
+      name="hdType"
     >
-      <UInputNumber
-        v-model="totalCPUs"
-        class="w-full"
-        placeholder="Number of CPUs"
-      />
+      <USelect v-model="state.hdType" :items="dataStorages" class="w-full" />
     </UFormField>
     <UFormField
-      label="Number of connections"
-      help="Maximum number of PostgreSQL client connections"
+      label="Объём базы данных"
+      help="Приблизительное отношение объёма хранимых данных к объёму оперативной памяти сервера"
+      name="dbSize"
     >
-      <UInputNumber
-        v-model="totalConnections"
-        class="w-full"
-        placeholder="Number of connections"
-      />
+      <USelect v-model="state.dbSize" :items="dataSizes" class="w-full" />
     </UFormField>
-    <UFormField label="Data storage" help="Type of data storage device">
-      <USelect v-model="dataStorage" :items="dataStorages" class="w-full" />
-    </UFormField>
-    <UFormField
-      label="Total data size"
-      help="Estimated total size of your database compared to total server RAM"
-    >
-      <USelect v-model="dataSize" :items="dataSizes" class="w-full" />
-    </UFormField>
-    <UButton size="xl" label="GENERATE" block type="submit" class="h-16" />
+    <UButton
+      size="xl"
+      label="Рассчитать"
+      block
+      type="submit"
+      class="h-16"
+      icon="lucide:calculator"
+    />
   </UForm>
 </template>
diff --git a/src/components/configurationFormView.vue b/src/components/configurationFormView.vue
new file mode 100644
index 0000000..0aabe3e
--- /dev/null
+++ b/src/components/configurationFormView.vue
@@ -0,0 +1,149 @@
+<script setup>
+import { useRoute } from 'vue-router'
+import { computed, ref } from 'vue'
+import { calculateSettings } from '../utils/calculator'
+import { useClipboard } from '@vueuse/core'
+
+const KB_UNIT_MAP = {
+  KB_PER_MB: 1024,
+  KB_PER_GB: 1048576,
+}
+
+const route = useRoute()
+const toast = useToast()
+
+const tab = ref('0')
+const tabs = ref([
+  {
+    label: 'postgresql.conf',
+  },
+  {
+    label: 'ALTER SYSTEM',
+  },
+])
+
+const isAlterSystem = computed(() => tab.value === '1')
+const query = computed(() => route.query)
+const res = computed(() => calculateSettings({ ...query.value }))
+const config = computed(() => {
+  const hwConfig = [
+    ['DB Version', res.value.dbVersion],
+    ['OS Type', res.value.osType],
+    ['DB Type', res.value.dbType],
+    [
+      'Total Memory (RAM)',
+      `${res.value.totalMemory} ${res.value.totalMemoryUnit}`,
+    ],
+    ['CPUs num', res.value.cpuNum],
+    ['Connections num', res.value.connectionNum],
+    ['Data Storage', res.value.hdType],
+  ]
+    .filter((item) => !!item[1])
+    .map((item) => `${isAlterSystem.value ? '--' : '#'} ${item[0]}: ${item[1]}`)
+    .join('\n')
+
+  const pgConfig = [
+    ['max_connections', res.value.maxConnections],
+    ['shared_buffers', formatValue(res.value.sharedBuffers)],
+    ['effective_cache_size', formatValue(res.value.effectiveCacheSize)],
+    ['maintenance_work_mem', formatValue(res.value.maintenanceWorkMem)],
+    ['checkpoint_completion_target', res.value.checkpointCompletionTarget],
+    ['wal_buffers', formatValue(res.value.walBuffers)],
+    ['default_statistics_target', res.value.defaultStatisticsTarget],
+    ['random_page_cost', res.value.randomPageCost],
+    ['effective_io_concurrency', res.value.effectiveIoConcurrency],
+    ['work_mem', formatValue(res.value.workMem)],
+    ['huge_pages', res.value.hugePages],
+    ['jit', res.value.jit],
+    ['wal_compression', res.value.walCompression],
+    ['autovacuum_max_workers', res.value.autovacuumMaxWorkers],
+    [
+      'autovacuum_work_mem',
+      res.value.autovacuumWorkMem
+        ? formatValue(res.value.autovacuumWorkMem)
+        : null,
+    ],
+    ['io_method', res.value.ioMethod],
+    ['io_workers', res.value.ioWorkers],
+  ]
+    .concat(
+      res.value.checkpointSegments.map((item) => {
+        if (item.key === 'checkpoint_segments') {
+          return [item.key, item.value]
+        }
+        return [item.key, formatValue(item.value)]
+      }),
+    )
+    .concat(res.value.parallelSettings.map((item) => [item.key, item.value]))
+    .concat(res.value.walLevel.map((item) => [item.key, item.value]))
+    .filter((item) => !!item[1])
+    .map((item) =>
+      isAlterSystem.value
+        ? `ALTER SYSTEM SET ${item[0]} = '${item[1]}';`
+        : `${item[0]} = ${item[1]}`,
+    )
+    .join('\n')
+
+  const warningInfo = res.value.warningInfoMessages
+    .map((item) => `${isAlterSystem.value ? '--' : '#'} ${item}`)
+    .join('\n')
+
+  let config = [hwConfig, '', pgConfig]
+
+  if (res.value.warningInfoMessages.length > 0) {
+    config = [warningInfo, '', ...config]
+  }
+
+  return config.join('\n')
+})
+
+const { copy } = useClipboard({ source: config })
+
+const formatValue = (value) => {
+  const result = (() => {
+    if (value % KB_UNIT_MAP['KB_PER_GB'] === 0) {
+      return {
+        value: Math.floor(value / KB_UNIT_MAP['KB_PER_GB']),
+        unit: 'GB',
+      }
+    }
+    if (value % KB_UNIT_MAP['KB_PER_MB'] === 0) {
+      return {
+        value: Math.floor(value / KB_UNIT_MAP['KB_PER_MB']),
+        unit: 'MB',
+      }
+    }
+    return {
+      value,
+      unit: 'kB',
+    }
+  })()
+
+  // return formatted
+  return `${result.value}${result.unit}`
+}
+
+const onCopyConfig = () => {
+  copy(config)
+  toast.add({
+    title: 'Скопировано',
+    description: 'Конфигурация скопирована успешно',
+    duration: 7500,
+    icon: 'lucide:copy',
+  })
+}
+</script>
+
+<template>
+  <section class="space-y-4 min-w-0 w-full">
+    <UTabs v-model="tab" :content="false" :items="tabs" class="w-full" />
+    <pre class="w-full overflow-x-auto whitespace-pre">{{ config }}</pre>
+    <UButton
+      label="Копировать конфигурацию"
+      block
+      icon="lucide:copy"
+      class="h-12"
+      @click="onCopyConfig"
+    />
+  </section>
+</template>
diff --git a/src/components/defaultDescription.vue b/src/components/defaultDescription.vue
index 5361bbe..28581b3 100644
--- a/src/components/defaultDescription.vue
+++ b/src/components/defaultDescription.vue
@@ -1,52 +1,60 @@
 <template>
-  <article class="prose dark:prose-invert max-w-full">
+  <article class="prose prose-sm dark:prose-invert max-w-full">
     <p>
-      Please provide basic information about the configuration of your hardware
-      on which the PostgreSQL database is running. Results will be calculated
-      after clicking the "Generate" button
+      Пожалуйста, предоставьте основную информацию о конфигурации вашего
+      оборудования, на котором работает база данных PostgreSQL. Результаты будут
+      рассчитаны после нажатия кнопки "Рассчитать".
     </p>
 
-    <p>More information about "DB Type" setting:</p>
+    <p>Дополнительная информация о настройке "Тип БД":</p>
 
     <ul>
       <li>
-        <p>Web Application (web)</p>
+        <p>Web-приложение</p>
         <ul>
-          <li>Typically CPU-bound</li>
-          <li>DB much smaller than RAM</li>
-          <li>90% or more simple queries</li>
+          <li>Как правило, зависит от процессора</li>
+          <li>БД намного меньше оперативной памяти</li>
+          <li>Более 90% запросов - простые выборки</li>
         </ul>
       </li>
       <li>
-        <p>Online Transaction Processing (oltp)</p>
+        <p>Система обработки онлайн-транзакций</p>
         <ul>
-          <li>Typically CPU- or I/O-bound</li>
-          <li>DB slightly larger than RAM to 1TB</li>
-          <li>20-40% small data write queries</li>
-          <li>Some long transactions and complex read queries</li>
+          <li>Как правило, зависит от процессора или системы ввода-вывода</li>
+          <li>Размер БД - от размера оперативной памяти до 1 ТБ</li>
+          <li>20-40% запросов - запись небольших объёмов данных</li>
+          <li>Встречаются длительные транзакции и сложные запросы на чтение</li>
         </ul>
       </li>
       <li>
-        <p>Data Warehouse (dw)</p>
+        <p>Хранилище данных</p>
         <ul>
-          <li>Typically I/O- or RAM-bound</li>
-          <li>Large bulk loads of data</li>
-          <li>Large complex reporting queries</li>
-          <li>Also called "Decision Support" or "Business Intelligence"</li>
+          <li>
+            Как правило, зависит от системы ввода-вывода или оперативной памяти
+          </li>
+          <li>Большие массивы данных</li>
+          <li>Сложные запросы построения отчётов</li>
+          <li>
+            Также называется "Системой принятия решений" или "Системой
+            бизнес-аналитики"
+          </li>
         </ul>
       </li>
       <li>
-        <p>Desktop application</p>
+        <p>Десктопное приложение</p>
         <ul>
-          <li>Not a dedicated database</li>
-          <li>A general workstation, perhaps for a developer</li>
+          <li>Неспециализированная база данных</li>
+          <li>Обычная рабочая станция, возможно - для разработки</li>
         </ul>
       </li>
       <li>
-        <p>Mixed type of application</p>
+        <p>Приложение смешанного типа</p>
         <ul>
-          <li>Mixed DW and OLTP characteristics</li>
-          <li>wide mixture of queries</li>
+          <li>
+            Смешанные характеристики хранилища данных и системы обработки
+            онлайн-транзакций
+          </li>
+          <li>Широкий спектр запросов</li>
         </ul>
       </li>
     </ul>
diff --git a/src/components/header.vue b/src/components/header.vue
index 86e5e8d..a273a99 100644
--- a/src/components/header.vue
+++ b/src/components/header.vue
@@ -4,11 +4,11 @@ import Logo from '/favicon.svg?url'
 
 const items = ref([
   {
-    label: 'Home',
+    label: 'Главная',
     to: '/',
   },
   {
-    label: 'How it works',
+    label: 'Как это работает?',
     to: '/about',
   },
 ])
@@ -32,7 +32,7 @@ const items = ref([
         <UButton
           color="neutral"
           variant="ghost"
-          to="https://gitea.minis.mudrov.tech"
+          to="https://gitea.minis.mudrov.tech/administrator/pgtune"
           target="_blank"
           icon="simple-icons:gitea"
           aria-label="Gitea"
diff --git a/src/composables/useUpdateApp.js b/src/composables/useUpdateApp.js
index 571924c..9cb3fc9 100644
--- a/src/composables/useUpdateApp.js
+++ b/src/composables/useUpdateApp.js
@@ -14,37 +14,34 @@ export function useUpdateApp() {
   })
   const toast = useToast()
 
-  if (import.meta.env.DEV) console.log({ SWNeedRefresh: needRefresh.value })
-
   async function close(e) {
     needRefresh.value = false
     e?.stopPropagation()
   }
 
-  // New version
-
   watch(
-    () => needRefresh,
+    needRefresh,
     (n) => {
+      if (import.meta.env.DEV) console.log('NeedRefresh:', n)
       if (n) {
         toast.add({
-          title: 'Update',
+          title: 'Обновление',
           description:
-            'A newer version of the app is available. Click the “Update” button to install.',
+            'Доступна более новая версия приложения. Нажмите кнопку “Обновить”, чтобы установить его.',
           duration: 0,
           icon: 'lucide:cloud-download',
           close: false,
           actions: [
             {
               icon: 'lucide:arrow-big-up-dash',
-              label: 'Update',
+              label: 'Обновить',
               onClick: updateServiceWorker,
               color: 'error',
             },
 
             {
               icon: 'lucide:x',
-              label: 'Dismiss',
+              label: 'Отложить',
               onClick: close,
               variant: 'outline',
             },
@@ -53,5 +50,6 @@ export function useUpdateApp() {
         })
       }
     },
+    { immediate: true },
   )
 }
diff --git a/src/main.js b/src/main.js
index 81a87fe..5a2c575 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,14 +1,8 @@
 import { createApp } from 'vue'
-import { createPinia } from 'pinia'
 import '/src/assets/styles/app.css'
 import App from './App.vue'
-import { router } from '/router.js'
+import { router } from './router'
 import ui from '@nuxt/ui/vue-plugin'
 import { createHead } from '@unhead/vue/client'
 
-createApp(App)
-  .use(router)
-  .use(createPinia())
-  .use(ui)
-  .use(createHead())
-  .mount('#app')
+createApp(App).use(router).use(ui).use(createHead()).mount('#app')
diff --git a/src/pages/about.vue b/src/pages/about.vue
index 7c16d1d..0ff4d0e 100644
--- a/src/pages/about.vue
+++ b/src/pages/about.vue
@@ -6,19 +6,19 @@ import HeroImage from '/src/assets/images/logo.svg'
   <article class="prose dark:prose-invert max-w-full">
     <img :src="HeroImage" class="w-full h-auto rounded-2xl" alt="PGTune" />
     <p>
-      <strong>PGTune</strong> calculate configuration for PostgreSQL based on
-      the maximum performance for a given hardware configuration. It isn't a
+      <strong>PGTune</strong> рассчитывает конфигурацию PostgreSQL, исходя из
+      максимальной производительности для данной конфигурации оборудования. Это
+      не
       <a
-        href="https://en.wikipedia.org/wiki/No_Silver_Bullet"
+        href="https://ru.wikipedia.org/wiki/Серебряной_пули_нет"
         target="_blank"
         class="font-medium underline"
-        >silver bullet</a
+        >универсальное решение</a
       >
-      for the optimization settings of PostgreSQL. Many settings depend not only
-      on the hardware configuration, but also on the size of the database, the
-      number of clients and the complexity of queries. An optimal configuration
-      of the database can only be made given all these parameters are taken into
-      account.
+      для оптимизации настроек PostgreSQL. Многие настройки зависят не только от
+      конфигурации оборудования, но и от размера базы данных, количества
+      клиентов и сложности запросов. Оптимальная конфигурация базы данных может
+      быть создана только с учётом этих параметров.
     </p>
   </article>
 </template>
diff --git a/src/pages/index.vue b/src/pages/index.vue
index ea03bca..b0bb6fd 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -1,14 +1,37 @@
 <script setup>
+import { computed, defineAsyncComponent } from 'vue'
 import ConfigurationForm from '../components/configurationForm.vue'
-import DefaultDescription from '../components/defaultDescription.vue'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+const shouldShowResultView = computed(
+  () =>
+    Object.hasOwn(route.query, 'dbVersion') &&
+    Object.hasOwn(route.query, 'osType') &&
+    Object.hasOwn(route.query, 'dbType') &&
+    Object.hasOwn(route.query, 'totalMemory') &&
+    Object.hasOwn(route.query, 'totalMemoryUnit') &&
+    Object.hasOwn(route.query, 'cpuNum') &&
+    Object.hasOwn(route.query, 'connectionNum') &&
+    Object.hasOwn(route.query, 'hdType') &&
+    Object.hasOwn(route.query, 'dbSize'),
+)
+
+const DefaultDescription = defineAsyncComponent(
+  () => import('../components/defaultDescription.vue'),
+)
+const CFV = defineAsyncComponent(
+  () => import('../components/configurationFormView.vue'),
+)
 </script>
 
 <template>
   <div class="grid lg:grid-cols-2 gap-16">
     <div class="space-y-4">
-      <h3 class="text-xl font-bold">Parameters of your system</h3>
+      <h3 class="text-xl font-bold">Параметры системы</h3>
       <ConfigurationForm />
     </div>
-    <DefaultDescription />
+    <CFV v-if="shouldShowResultView" />
+    <DefaultDescription v-else />
   </div>
 </template>
diff --git a/router.js b/src/router.js
similarity index 100%
rename from router.js
rename to src/router.js
diff --git a/src/stores/useConfigurationStore.js b/src/stores/useConfigurationStore.js
deleted file mode 100644
index 1a73645..0000000
--- a/src/stores/useConfigurationStore.js
+++ /dev/null
@@ -1,479 +0,0 @@
-import { defineStore } from 'pinia'
-import { reactive, computed } from 'vue'
-import { useSettingsStore } from './useSettingsStore'
-import {
-  DEFAULT_DB_VERSION,
-  OS_LINUX,
-  OS_WINDOWS,
-  OS_MAC,
-  DB_TYPE_WEB,
-  DB_TYPE_OLTP,
-  DB_TYPE_DW,
-  DB_TYPE_DESKTOP,
-  DB_TYPE_MIXED,
-  SIZE_UNIT_GB,
-  HARD_DRIVE_SSD,
-  HARD_DRIVE_HDD,
-  HARD_DRIVE_SAN,
-  HARD_DRIVE_NVME,
-  DB_SIZE_LESS_RAM,
-  DB_SIZE_MID_RAM,
-  DB_SIZE_GREATER_RAM,
-} from '/src/utils/constants/configuration.js'
-
-const SIZE_UNIT_MAP = {
-  KB: 1024,
-  MB: 1048576,
-  GB: 1073741824,
-  TB: 1099511627776,
-  PB: 1125899906842624,
-}
-
-const DEFAULT_DB_SETTINGS = {
-  default: {
-    ['max_worker_processes']: 8,
-    ['max_parallel_workers_per_gather']: 2,
-    ['max_parallel_workers']: 8,
-  },
-}
-
-const initialState = {
-  dbVersion: DEFAULT_DB_VERSION,
-  osType: OS_LINUX,
-  dbType: DB_TYPE_WEB,
-  totalMemory: null,
-  totalMemoryUnit: SIZE_UNIT_GB,
-  cpuNum: null,
-  connectionNum: null,
-  hdType: HARD_DRIVE_SSD,
-  dbSize: DB_SIZE_MID_RAM,
-}
-
-const selectCheckpointCompletionTarget = 0.9
-
-export const useConfigurationStore = defineStore('configuration', () => {
-  const state = reactive({ ...initialState })
-
-  const getConfiguration = computed(() => ({ ...state }))
-  const getDBVersion = computed(() => getConfiguration.value.dbVersion)
-  const getOSType = computed(() => getConfiguration.value.osType)
-  const getDBType = computed(() => getConfiguration.value.dbType)
-  const getTotalMemory = computed(() => getConfiguration.value.totalMemory)
-  const getTotalMemoryUnit = computed(
-    () => getConfiguration.value.totalMemoryUnit,
-  )
-  const getCPUNum = computed(() => getConfiguration.value.cpuNum || null)
-  const getConnectionNum = computed(
-    () => getConfiguration.value.connectionNum || null,
-  )
-  const getHDType = computed(() => getConfiguration.value.hdType)
-  const getDBSize = computed(() => getConfiguration.value.dbSize)
-  const getTotalMemoryInBytes = computed(
-    () => getTotalMemory.value * SIZE_UNIT_MAP[getTotalMemoryUnit.value],
-  )
-  const getTotalMemoryInKb = computed(
-    () => getTotalMemoryInBytes.value / SIZE_UNIT_MAP['KB'],
-  )
-  const getDBDefaultValues = computed(
-    () => DEFAULT_DB_SETTINGS[getDBVersion] || DEFAULT_DB_VERSION.default,
-  )
-  const getIsConfigured = computed(() => !!getTotalMemory.value)
-  const getMaxConnections = computed(
-    () =>
-      getConnectionNum.value ??
-      {
-        [DB_TYPE_WEB]: 200,
-        [DB_TYPE_OLTP]: 300,
-        [DB_TYPE_DW]: 40,
-        [DB_TYPE_DESKTOP]: 20,
-        [DB_TYPE_MIXED]: 100,
-      }[getDBType.value],
-  )
-  const getSharedBuffers = computed(() => {
-    const totalMemoryKb = getTotalMemoryInKb.value
-
-    const val = {
-      [DB_TYPE_WEB]: Math.floor(totalMemoryKb / 4),
-      [DB_TYPE_OLTP]: Math.floor(totalMemoryKb / 4),
-      [DB_TYPE_DW]: Math.floor(totalMemoryKb / 4),
-      [DB_TYPE_DESKTOP]: Math.floor(totalMemoryKb / 16),
-      [DB_TYPE_MIXED]: Math.floor(totalMemoryKb / 4),
-    }[getDBType.value]
-
-    return getDBVersion.value < 10 && OS_WINDOWS === getOSType.value
-      ? Math.min(val, (512 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB'])
-      : val
-  })
-  const getHugePages = computed(() =>
-    getOSType.value !== OS_MAC &&
-    getSharedBuffers.value >= (2 * SIZE_UNIT_MAP['GB']) / SIZE_UNIT_MAP['KB']
-      ? 'try'
-      : 'off',
-  )
-  const getEffectiveCacheSize = computed(() => {
-    const totalMemoryKb = getTotalMemoryInKb.value
-
-    return {
-      [DB_TYPE_WEB]: Math.floor((totalMemoryKb * 3) / 4),
-      [DB_TYPE_OLTP]: Math.floor((totalMemoryKb * 3) / 4),
-      [DB_TYPE_DW]: Math.floor((totalMemoryKb * 3) / 4),
-      [DB_TYPE_DESKTOP]: Math.floor(totalMemoryKb / 4),
-      [DB_TYPE_MIXED]: Math.floor((totalMemoryKb * 3) / 4),
-    }[getDBType.value]
-  })
-  const getMaintenanceWorkMem = computed(() => {
-    const totalMemoryKb = getTotalMemoryInKb.value
-    // 1. Вычисляем базовое значение по типу БД
-    const baseMemValue = {
-      [DB_TYPE_WEB]: Math.floor(totalMemoryKb / 16),
-      [DB_TYPE_OLTP]: Math.floor(totalMemoryKb / 16),
-      [DB_TYPE_DW]: Math.floor(totalMemoryKb / 8),
-      [DB_TYPE_DESKTOP]: Math.floor(totalMemoryKb / 16),
-      [DB_TYPE_MIXED]: Math.floor(totalMemoryKb / 16),
-    }[getDBType.value]
-
-    // 2. Определяем, действует ли строгое ограничение для Windows
-    const isLegacyWindows =
-      OS_WINDOWS === getOSType.value && getDBVersion.value <= 17
-
-    // 3. Задаем лимит памяти (2GB для старых Windows, иначе 8GB)
-    const maxLimitGb = isLegacyWindows ? 2 : 8
-    const memoryLimit = (maxLimitGb * SIZE_UNIT_MAP['GB']) / SIZE_UNIT_MAP['KB']
-
-    // 4. Если превышен лимит на Windows, вычитаем 1MB, иначе просто возвращаем минимум
-    return baseMemValue >= memoryLimit && isLegacyWindows
-      ? memoryLimit - (1 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB']
-      : Math.min(baseMemValue, memoryLimit)
-  })
-  const getCheckpointSegment = computed(() => [
-    {
-      key: 'min_wal_size',
-      value: {
-        [DB_TYPE_WEB]: (1024 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB'],
-        [DB_TYPE_OLTP]: (2048 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB'],
-        [DB_TYPE_DW]: (4096 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB'],
-        [DB_TYPE_DESKTOP]: (100 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB'],
-        [DB_TYPE_MIXED]: (1024 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB'],
-      }[getDBType.value],
-    },
-    {
-      key: 'max_wal_size',
-      value: {
-        [DB_TYPE_WEB]: (4096 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB'],
-        [DB_TYPE_OLTP]: (8192 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB'],
-        [DB_TYPE_DW]: (16384 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB'],
-        [DB_TYPE_DESKTOP]: (2048 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB'],
-        [DB_TYPE_MIXED]: (4096 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB'],
-      }[getDBType.value],
-    },
-  ])
-  const getWalBuffers = computed(() => {
-    const KB_IN_MB = SIZE_UNIT_MAP['MB'] / SIZE_UNIT_MAP['KB']
-    const baseWal = Math.floor((3 * sharedBuffersValue) / 100)
-
-    return Math.max(
-      32,
-      baseWal > 14 * KB_IN_MB
-        ? 16 * KB_IN_MB
-        : Math.min(baseWal, 16 * KB_IN_MB),
-    )
-  })
-  const getDefaultStatisticsTarget = computed(
-    () =>
-      ({
-        [DB_TYPE_WEB]: 100,
-        [DB_TYPE_OLTP]: 100,
-        [DB_TYPE_DW]: 500,
-        [DB_TYPE_DESKTOP]: 100,
-        [DB_TYPE_MIXED]: 100,
-      })[getDBType.value],
-  )
-  const getRandomPageCost = computed(() => {
-    // Если база помещается в RAM, поиск на диске не важен
-    if (getDBSize.value === DB_SIZE_LESS_RAM) return 1.1
-
-    // HDD или аналитические БД (DW), не помещающиеся в RAM, требуют дефолтной стоимости (4.0)
-    if (getHDType.value === HARD_DRIVE_HDD || getDBType.value === DB_TYPE_DW)
-      return 4
-
-    return 1.1
-  })
-  const getEffectiveIOConcurrency = computed(() =>
-    getOSType.value === OS_LINUX
-      ? {
-          [HARD_DRIVE_HDD]: 2,
-          [HARD_DRIVE_SSD]: 200,
-          [HARD_DRIVE_SAN]: 300,
-          [HARD_DRIVE_NVME]: 1000,
-        }[getHDType.value]
-      : null,
-  )
-  const getParallelSettings = computed(() => {
-    const cpuNum = getCPUNum.value
-    const dbVersion = getDBVersion.value
-    const dbType = getDBType.value
-
-    if (!cpuNum || cpuNum < 4) return []
-
-    const halfCpu = Math.ceil(cpuNum / 2)
-    const cappedWorkers = Math.min(4, halfCpu) // Ограничение в 4 воркера
-
-    const config = [
-      { key: 'max_worker_processes', value: cpuNum },
-      {
-        key: 'max_parallel_workers_per_gather',
-        value: dbType !== DB_TYPE_DW ? cappedWorkers : halfCpu,
-      },
-      ...(dbVersion >= 10
-        ? [{ key: 'max_parallel_workers', value: cpuNum }]
-        : []),
-      ...(dbVersion >= 11
-        ? [{ key: 'max_parallel_maintenance_workers', value: cappedWorkers }]
-        : []),
-    ]
-
-    return config
-  })
-  const getWorkMem = computed(() => {
-    const dbDefaultValues = getDBDefaultValues.value
-
-    const maxWorkerProcesses = getParallelSettings.value.find(
-      (param) => param['key'] === 'max_worker_processes',
-    )
-
-    const parallelForWorkMem =
-      maxWorkerProcesses?.value > 0
-        ? maxWorkerProcesses.value
-        : dbDefaultValues['max_worker_processes'] > 0
-          ? dbDefaultValues['max_worker_processes']
-          : 1
-
-    // Базовая формула расчёта work_mem
-    const baseWorkMem =
-      (getTotalMemoryInKb.value - sharedBuffersValue) /
-      ((maxConnectionsValue + parallelForWorkMem) * 3)
-
-    // Коэффициенты для разных типов БД
-    const dbTypeCoefficients = {
-      [DB_TYPE_WEB]: 1,
-      [DB_TYPE_OLTP]: 1,
-      [DB_TYPE_DW]: 0.5,
-      [DB_TYPE_DESKTOP]: 1 / 6,
-      [DB_TYPE_MIXED]: 0.5,
-    }
-
-    // Базовая формула с коэффициентом типа БД
-    const baseWorkMemResult = Math.floor(
-      baseWorkMem * dbTypeCoefficients[dbType],
-    )
-
-    // Корректировка в зависимости от размера БД относительно RAM
-    const sizeAdjustedWorkMem =
-      dbSize === DB_SIZE_LESS_RAM
-        ? Math.floor(baseWorkMemResult * 1.3)
-        : dbSize === DB_SIZE_GREATER_RAM
-          ? Math.floor(baseWorkMemResult * 0.9)
-          : baseWorkMemResult
-
-    // Применяем минимальное значение 4 MB
-    const minWorkMem = 4 * 1024 // 4 MB в KB
-    const workMemWithMin = Math.max(sizeAdjustedWorkMem, minWorkMem)
-
-    // Применяем ограничение для Windows 64-bit до PostgreSQL 17
-    const winMemoryLimit = 2 * 1024 * 1024 - 1024 // ~2GB - 1MB в KB
-    const workMemResult =
-      osType === OS_WINDOWS && dbVersion <= 17
-        ? Math.min(workMemWithMin, winMemoryLimit)
-        : workMemWithMin
-
-    return workMemResult
-  })
-  const getWalLevel = computed(() =>
-    getDBType.value === DB_TYPE_DESKTOP
-      ? [
-          {
-            key: 'wal_level',
-            value: 'minimal',
-          },
-          // max_wal_senders must be 0 when wal_level=minimal
-          {
-            key: 'max_wal_senders',
-            value: '0',
-          },
-        ]
-      : [],
-  )
-  const getJit = computed(() =>
-    getDBVersion.value >= 12 &&
-    [DB_TYPE_WEB, DB_TYPE_OLTP, DB_TYPE_MIXED].includes(getDBType.value)
-      ? 'off'
-      : null,
-  )
-  const getWalCompression = computed(() => {
-    const ver = getDBVersion.value
-
-    return ver >= 15 ? 'lz4' : ver >= 10 ? 'on' : null
-  })
-  const getAutovacuumMaxWorkers = computed(() => {
-    const cpuNum = getCPUNum.value
-
-    if (!cpuNum) return null
-    if (cpuNum >= 32) return 5
-    if (cpuNum >= 16) return 4
-    return null
-  })
-  const getAutovacuumWorkMem = computed(() => {
-    const threshold = (2 * SIZE_UNIT_MAP['GB']) / SIZE_UNIT_MAP['KB']
-
-    // Windows 64-bit has a strict 2GB limit up to PostgreSQL 17
-    const winMemoryLimit =
-      (2 * SIZE_UNIT_MAP['GB']) / SIZE_UNIT_MAP['KB'] -
-      (1 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB']
-
-    const isWindowsWithLowLimit =
-      getOSType.value === OS_WINDOWS && getDBVersion.value <= 17
-
-    if (getMaintenanceWorkMem.value < threshold) {
-      return null
-    }
-
-    if (isWindowsWithLowLimit) {
-      return Math.min(threshold, winMemoryLimit)
-    }
-
-    return threshold
-  })
-  const getIOMethod = computed(() =>
-    getDBVersion.value < 18
-      ? null
-      : getOSType.value === OS_LINUX
-        ? 'io_uring'
-        : 'worker',
-  )
-  const getIOWorkers = computed(() => {
-    if (dbVersion < 18 || !cpuNum || ioMethod === 'io_uring') return null
-
-    return Math.max(4, Math.min(32, Math.floor(cpuNum / 4))) || null
-  })
-  const getWarningInfoMessages = computed(() => {
-    const warnings = []
-    const totalMemory = getTotalMemoryInBytes.value
-
-    // Memory warnings
-    if (totalMemory < 256 * SIZE_UNIT_MAP['MB']) {
-      warnings.push('this tool not being optimal', 'for low memory systems')
-    } else if (totalMemory > 100 * SIZE_UNIT_MAP['GB']) {
-      warnings.push(
-        'this tool not being optimal',
-        'for very high memory systems',
-      )
-    }
-
-    // Advanced features compilation warnings
-    if (getWalCompression.value === 'lz4') {
-      if (warnings.length > 0) warnings.push('')
-
-      warnings.push(
-        'wal_compression = lz4 requires PostgreSQL',
-        'to be compiled with --with-lz4',
-      )
-    }
-
-    if (getIOMethod.value === 'io_uring') {
-      if (warnings.length > 0) warnings.push('')
-
-      warnings.push(
-        'io_method = io_uring requires PostgreSQL',
-        'to be compiled with --with-liburing',
-      )
-    }
-
-    // I/O Cost Warning for Analytical DBs
-    if (
-      getDBType.value === DB_TYPE_DW &&
-      getHDType.value !== HARD_DRIVE_HDD &&
-      getDBSize.value !== DB_SIZE_LESS_RAM
-    ) {
-      const driveName = {
-        [HARD_DRIVE_SSD]: 'SSDs',
-        [HARD_DRIVE_NVME]: 'NVMe drives',
-        [HARD_DRIVE_SAN]: 'SAN storage',
-      }[hdType]
-
-      if (warnings.length > 0) warnings.push('')
-
-      warnings.push(
-        `Cost parameters for Data Warehouses on ${driveName} are left at defaults`,
-        'to avoid catastrophic index scan selections',
-        'Monitor query planner behavior and adjust random_page_cost if necessary',
-      )
-    }
-
-    return warnings.length > 0 ? ['WARNING', ...warnings] : []
-  })
-
-  function setState(payload) {
-    const settingsStore = useSettingsStore()
-
-    state.value = {
-      dbVersion: parseFloat(payload.dbVersion),
-      osType: payload.osType,
-      dbType: payload.dbType,
-      totalMemory: parseInt(payload.totalMemory, 10),
-      totalMemoryUnit: payload.totalMemoryUnit,
-      cpuNum: payload.cpuNum ? parseInt(payload.cpuNum, 10) : null,
-      connectionNum: payload.connectionNum
-        ? parseInt(payload.connectionNum, 10)
-        : null,
-      hdType: payload.hdType,
-      dbSize: payload.dbSize,
-    }
-
-    settingsStore.onSubmitConfiguration()
-  }
-
-  const $reset = () => ({ ...initialState })
-
-  return {
-    state,
-
-    // Getters
-    getDBVersion,
-    getOSType,
-    getDBType,
-    getTotalMemory,
-    getTotalMemoryUnit,
-    getCPUNum,
-    getConnectionNum,
-    getHDType,
-    getDBSize,
-    getTotalMemoryInBytes,
-    getTotalMemoryInKb,
-    getDBDefaultValues,
-    getIsConfigured,
-    getMaxConnections,
-    getSharedBuffers,
-    getHugePages,
-    getEffectiveCacheSize,
-    getMaintenanceWorkMem,
-    getCheckpointSegment,
-    getWalBuffers,
-    getDefaultStatisticsTarget,
-    getRandomPageCost,
-    getEffectiveIOConcurrency,
-    getParallelSettings,
-    getWorkMem,
-    getWalLevel,
-    getJit,
-    getWalCompression,
-    getAutovacuumMaxWorkers,
-    getAutovacuumWorkMem,
-    getIOMethod,
-    getIOWorkers,
-    getWarningInfoMessages,
-
-    // Actions
-    setState,
-    $reset,
-  }
-})
diff --git a/src/stores/useSettingsStore.js b/src/stores/useSettingsStore.js
deleted file mode 100644
index 4abfa2d..0000000
--- a/src/stores/useSettingsStore.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import { defineStore } from 'pinia'
-import { reactive, computed } from 'vue'
-
-import { TAB_CONFIG, APP_THEMES_LIGHT } from '/src/utils/constants/settings.js'
-
-const initialState = {
-  tabState: TAB_CONFIG,
-  theme: APP_THEMES_LIGHT,
-}
-
-export const useSettingsStore = defineStore('settings', () => {
-  const state = reactive({ ...initialState })
-
-  const getSettings = computed(() => state)
-  const getThemeSettings = computed(() => state.theme)
-  const getTabSettings = computed(() => state.tabState)
-
-  function toggleTheme() {
-    state.theme =
-      APP_THEMES_LIGHT === state.theme ? APP_THEMES_DARK : APP_THEMES_LIGHT
-  }
-  function onSubmitConfiguration() {
-    state.tabState = TAB_CONFIG
-  }
-  function $reset() {
-    state = { ...initialState }
-  }
-  return {
-    // STATE
-    state,
-
-    // GETTERS
-    getSettings,
-    getThemeSettings,
-    getTabSettings,
-    toggleTheme,
-
-    // ACTIONS
-    onSubmitConfiguration,
-    $reset,
-  }
-})
diff --git a/src/stores/useSwStore.js b/src/stores/useSwStore.js
deleted file mode 100644
index ce41ae5..0000000
--- a/src/stores/useSwStore.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import { defineStore } from 'pinia'
-import { ref } from 'vue'
-
-export const useConfigurationStore = defineStore('sw', () => {
-  const state = ref()
-
-  return { state }
-})
diff --git a/src/utils/calculator.js b/src/utils/calculator.js
new file mode 100644
index 0000000..d5ad6c8
--- /dev/null
+++ b/src/utils/calculator.js
@@ -0,0 +1,576 @@
+import {
+  DEFAULT_DB_VERSION,
+  OS_LINUX,
+  OS_WINDOWS,
+  OS_MAC,
+  DB_TYPE_WEB,
+  DB_TYPE_OLTP,
+  DB_TYPE_DW,
+  DB_TYPE_DESKTOP,
+  DB_TYPE_MIXED,
+  SIZE_UNIT_GB,
+  HARD_DRIVE_SSD,
+  HARD_DRIVE_HDD,
+  HARD_DRIVE_SAN,
+  HARD_DRIVE_NVME,
+  DB_SIZE_LESS_RAM,
+  DB_SIZE_MID_RAM,
+  DB_SIZE_GREATER_RAM,
+} from './constants/configuration'
+
+const SIZE_UNIT_MAP = {
+  KB: 1024,
+  MB: 1048576,
+  GB: 1073741824,
+  TB: 1099511627776,
+  PB: 1125899906842624,
+}
+
+const DEFAULT_DB_SETTINGS = {
+  default: {
+    ['max_worker_processes']: 8,
+    ['max_parallel_workers_per_gather']: 2,
+    ['max_parallel_workers']: 8,
+  },
+}
+
+export function calculateSettings({
+  dbVersion = DEFAULT_DB_VERSION,
+  osType = OS_LINUX,
+  dbType = DB_TYPE_WEB,
+  totalMemory = null,
+  totalMemoryUnit = SIZE_UNIT_GB,
+  cpuNum = null,
+  connectionNum = null,
+  hdType = HARD_DRIVE_SSD,
+  dbSize = DB_SIZE_MID_RAM,
+} = {}) {
+  const totalMemoryInBytes = totalMemory * SIZE_UNIT_MAP[totalMemoryUnit]
+  const totalMemoryInKb = totalMemoryInBytes / SIZE_UNIT_MAP['KB']
+  const dbDefaultValues =
+    DEFAULT_DB_SETTINGS[dbVersion] || DEFAULT_DB_SETTINGS.default
+  const isConfigured = !!totalMemory
+  const maxConnections = connectionNum
+    ? connectionNum
+    : {
+        [DB_TYPE_WEB]: 200,
+        [DB_TYPE_OLTP]: 300,
+        [DB_TYPE_DW]: 40,
+        [DB_TYPE_DESKTOP]: 20,
+        [DB_TYPE_MIXED]: 100,
+      }[dbType]
+  const effectiveCacheSize = {
+    [DB_TYPE_WEB]: Math.floor((totalMemoryInKb * 3) / 4),
+    [DB_TYPE_OLTP]: Math.floor((totalMemoryInKb * 3) / 4),
+    [DB_TYPE_DW]: Math.floor((totalMemoryInKb * 3) / 4),
+    [DB_TYPE_DESKTOP]: Math.floor(totalMemoryInKb / 4),
+    [DB_TYPE_MIXED]: Math.floor((totalMemoryInKb * 3) / 4),
+  }[dbType]
+  const checkpointSegments = [
+    {
+      key: 'min_wal_size',
+      value: {
+        [DB_TYPE_WEB]: (1024 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB'],
+        [DB_TYPE_OLTP]: (2048 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB'],
+        [DB_TYPE_DW]: (4096 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB'],
+        [DB_TYPE_DESKTOP]: (100 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB'],
+        [DB_TYPE_MIXED]: (1024 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB'],
+      }[dbType],
+    },
+    {
+      key: 'max_wal_size',
+      value: {
+        [DB_TYPE_WEB]: (4096 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB'],
+        [DB_TYPE_OLTP]: (8192 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB'],
+        [DB_TYPE_DW]: (16384 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB'],
+        [DB_TYPE_DESKTOP]: (2048 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB'],
+        [DB_TYPE_MIXED]: (4096 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB'],
+      }[dbType],
+    },
+  ]
+  const checkpointCompletionTarget = 0.9
+  const defaultStatisticsTarget = {
+    [DB_TYPE_WEB]: 100,
+    [DB_TYPE_OLTP]: 100,
+    [DB_TYPE_DW]: 500,
+    [DB_TYPE_DESKTOP]: 100,
+    [DB_TYPE_MIXED]: 100,
+  }[dbType]
+  const walLevel =
+    dbType === DB_TYPE_DESKTOP
+      ? [
+          {
+            key: 'wal_level',
+            value: 'minimal',
+          },
+          // max_wal_senders must be 0 when wal_level=minimal
+          {
+            key: 'max_wal_senders',
+            value: '0',
+          },
+        ]
+      : []
+  const jit =
+    dbVersion >= 12 &&
+    [DB_TYPE_WEB, DB_TYPE_OLTP, DB_TYPE_MIXED].includes(dbType)
+      ? 'off'
+      : null
+  const sharedBuffers = selectSharedBuffers(
+    totalMemoryInKb,
+    dbType,
+    osType,
+    dbVersion,
+  )
+  const hugePages = selectHugePages(sharedBuffers, osType)
+  const maintenanceWorkMem = selectMaintenanceWorkMem(
+    totalMemoryInKb,
+    dbType,
+    osType,
+    dbVersion,
+  )
+  const walBuffers = selectWalBuffers(sharedBuffers)
+  const randomPageCost = selectRandomPageCost(hdType, dbSize, dbType)
+  const effectiveIoConcurrency = selectEffectiveIoConcurrency(osType, hdType)
+  const parallelSettings = selectParallelSettings(dbVersion, dbType, cpuNum)
+  const workMem = selectWorkMem(
+    totalMemoryInKb,
+    sharedBuffers,
+    maxConnections,
+    parallelSettings,
+    dbDefaultValues,
+    dbType,
+    osType,
+    dbVersion,
+    dbSize,
+  )
+  const walCompression = selectWalCompression(dbVersion)
+  const autovacuumMaxWorkers = selectAutovacuumMaxWorkers(cpuNum)
+  const autovacuumWorkMem = selectAutovacuumWorkMem(
+    maintenanceWorkMem,
+    osType,
+    dbVersion,
+  )
+  const ioMethod = selectIoMethod(dbVersion, osType)
+  const ioWorkers = selectIoWorkers(dbVersion, cpuNum, ioMethod)
+  const warningInfoMessages = selectWarningInfoMessages(
+    totalMemoryInBytes,
+    walCompression,
+    ioMethod,
+    dbType,
+    hdType,
+    dbSize,
+  )
+
+  return {
+    dbVersion,
+    osType,
+    dbType,
+    totalMemory,
+    totalMemoryUnit,
+    cpuNum,
+    connectionNum,
+    hdType,
+    maxConnections,
+    hugePages,
+    sharedBuffers,
+    effectiveCacheSize,
+    maintenanceWorkMem,
+    checkpointSegments,
+    checkpointCompletionTarget,
+    walBuffers,
+    defaultStatisticsTarget,
+    randomPageCost,
+    effectiveIoConcurrency,
+    parallelSettings,
+    workMem,
+    warningInfoMessages,
+    walLevel,
+    jit,
+    walCompression,
+    autovacuumMaxWorkers,
+    autovacuumWorkMem,
+    ioMethod,
+    ioWorkers,
+  }
+}
+
+function selectSharedBuffers(totalMemoryKb, dbType, osType, dbVersion) {
+  let sharedBuffersValue = {
+    [DB_TYPE_WEB]: Math.floor(totalMemoryKb / 4),
+    [DB_TYPE_OLTP]: Math.floor(totalMemoryKb / 4),
+    [DB_TYPE_DW]: Math.floor(totalMemoryKb / 4),
+    [DB_TYPE_DESKTOP]: Math.floor(totalMemoryKb / 16),
+    [DB_TYPE_MIXED]: Math.floor(totalMemoryKb / 4),
+  }[dbType]
+  if (dbVersion < 10 && OS_WINDOWS === osType) {
+    // Limit shared_buffers to 512MB on Windows
+    const winMemoryLimit = (512 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB']
+    if (sharedBuffersValue > winMemoryLimit) {
+      sharedBuffersValue = winMemoryLimit
+    }
+  }
+  return sharedBuffersValue
+}
+
+function selectHugePages(sharedBuffersValue, osType) {
+  // macOS does not support PostgreSQL huge pages
+  if (osType === OS_MAC) {
+    return 'off'
+  }
+  const hugePageThreshold = (2 * SIZE_UNIT_MAP['GB']) / SIZE_UNIT_MAP['KB']
+  return sharedBuffersValue >= hugePageThreshold ? 'try' : 'off'
+}
+
+function selectMaintenanceWorkMem(totalMemoryKb, dbType, osType, dbVersion) {
+  let maintenanceWorkMemValue = {
+    [DB_TYPE_WEB]: Math.floor(totalMemoryKb / 16),
+    [DB_TYPE_OLTP]: Math.floor(totalMemoryKb / 16),
+    [DB_TYPE_DW]: Math.floor(totalMemoryKb / 8),
+    [DB_TYPE_DESKTOP]: Math.floor(totalMemoryKb / 16),
+    [DB_TYPE_MIXED]: Math.floor(totalMemoryKb / 16),
+  }[dbType]
+  // Default cap is 8GB on modern servers with lots of memory
+  let memoryLimit = (8 * SIZE_UNIT_MAP['GB']) / SIZE_UNIT_MAP['KB']
+
+  // Windows 64-bit has a strict 2GB limit up to PostgreSQL 17
+  if (OS_WINDOWS === osType && dbVersion <= 17) {
+    memoryLimit = (2 * SIZE_UNIT_MAP['GB']) / SIZE_UNIT_MAP['KB']
+  }
+
+  if (maintenanceWorkMemValue >= memoryLimit) {
+    if (OS_WINDOWS === osType && dbVersion <= 17) {
+      // 2048MB (2 GB) will raise an error on Windows PG <= 17, so we need to remove 1 MB from it
+      maintenanceWorkMemValue =
+        memoryLimit - (1 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB']
+    } else {
+      maintenanceWorkMemValue = memoryLimit
+    }
+  }
+  return maintenanceWorkMemValue
+}
+
+function selectWalBuffers(sharedBuffersValue) {
+  // Follow auto-tuning guideline for wal_buffers added in 9.1, where it's
+  // set to 3% of shared_buffers up to a maximum of 16MB.
+  let walBuffersValue = Math.floor((3 * sharedBuffersValue) / 100)
+  const maxWalBuffer = (16 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB']
+  if (walBuffersValue > maxWalBuffer) {
+    walBuffersValue = maxWalBuffer
+  }
+  // It's nice of wal_buffers is an even 16MB if it's near that number. Since
+  // that is a common case on Windows, where shared_buffers is clipped to 512MB,
+  // round upwards in that situation
+  const walBufferNearValue = (14 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB']
+  if (walBuffersValue > walBufferNearValue && walBuffersValue < maxWalBuffer) {
+    walBuffersValue = maxWalBuffer
+  }
+  // if less, than 32 kb, than set it to minimum
+  if (walBuffersValue < 32) {
+    walBuffersValue = 32
+  }
+  return walBuffersValue
+}
+
+function selectRandomPageCost(hdType, dbSize, dbType) {
+  // If the entire database fits in RAM, all read requests will be served
+  // from the OS page cache. Disk seek time (even for HDD) becomes irrelevant.
+  if (dbSize === DB_SIZE_LESS_RAM) {
+    return 1.1
+  }
+
+  // HDD always gets 4.0
+  if (hdType === HARD_DRIVE_HDD) {
+    return 4
+  }
+
+  // For Data Warehouses that don't fit in RAM, a low random_page_cost is dangerous.
+  // It causes the planner to pick index scans for large data retrievals, which
+  // are much slower on physical SSDs than sequential scans.
+  // Return 4.0 (the Postgres default) to prevent this harm
+  if (dbType === DB_TYPE_DW) {
+    return 4
+  }
+
+  return 1.1
+}
+
+function selectEffectiveIoConcurrency(osType, hdType) {
+  if (osType !== OS_LINUX) {
+    return null
+  }
+  return {
+    [HARD_DRIVE_HDD]: 2,
+    [HARD_DRIVE_SSD]: 200,
+    [HARD_DRIVE_SAN]: 300,
+    [HARD_DRIVE_NVME]: 1000,
+  }[hdType]
+}
+
+function selectParallelSettings(dbVersion, dbType, cpuNum) {
+  if (!cpuNum || cpuNum < 4) {
+    return []
+  }
+
+  let workersPerGather = Math.ceil(cpuNum / 2)
+
+  if (dbType !== DB_TYPE_DW && workersPerGather > 4) {
+    workersPerGather = 4 // no clear evidence, that each new worker will provide big benefit for each noew core
+  }
+
+  let config = [
+    {
+      key: 'max_worker_processes',
+      value: cpuNum,
+    },
+    {
+      key: 'max_parallel_workers_per_gather',
+      value: workersPerGather,
+    },
+  ]
+
+  if (dbVersion >= 10) {
+    config.push({
+      key: 'max_parallel_workers',
+      value: cpuNum,
+    })
+  }
+
+  if (dbVersion >= 11) {
+    let parallelMaintenanceWorkers = Math.ceil(cpuNum / 2)
+
+    if (parallelMaintenanceWorkers > 4) {
+      parallelMaintenanceWorkers = 4 // no clear evidence, that each new worker will provide big benefit for each noew core
+    }
+
+    config.push({
+      key: 'max_parallel_maintenance_workers',
+      value: parallelMaintenanceWorkers,
+    })
+  }
+
+  return config
+}
+
+function selectWorkMem(
+  totalMemoryKb,
+  sharedBuffersValue,
+  maxConnectionsValue,
+  parallelSettingsValue,
+  dbDefaultValues,
+  dbType,
+  osType,
+  dbVersion,
+  dbSize,
+) {
+  const parallelForWorkMem = (() => {
+    if (parallelSettingsValue.length) {
+      const maxWorkerProcesses = parallelSettingsValue.find(
+        (param) => param['key'] === 'max_worker_processes',
+      )
+      if (
+        maxWorkerProcesses &&
+        maxWorkerProcesses['value'] &&
+        maxWorkerProcesses['value'] > 0
+      ) {
+        return maxWorkerProcesses['value']
+      }
+    }
+    if (
+      dbDefaultValues['max_worker_processes'] &&
+      dbDefaultValues['max_worker_processes'] > 0
+    ) {
+      return dbDefaultValues['max_worker_processes']
+    }
+    return 1
+  })()
+
+  // work_mem is assigned any time a query calls for a sort, or a hash, or any other structure that needs a space allocation, which can happen multiple times per query. So you're better off assuming max_connections * 2 or max_connections * 3 is the amount of RAM that will actually use in reality. At the very least, you need to subtract shared_buffers from the amount you're distributing to connections in work_mem.
+  // The other thing to consider is that there's no reason to run on the edge of available memory. If you do that, there's a very high risk the out-of-memory killer will come along and start killing PostgreSQL backends. Always leave a buffer of some kind in case of spikes in memory usage. So your maximum amount of memory available in work_mem should be (RAM - shared_buffers) / ((max_connections + max_worker_processes) * 3).
+  const workMemValue =
+    (totalMemoryKb - sharedBuffersValue) /
+    ((maxConnectionsValue + parallelForWorkMem) * 3)
+
+  let workMemResult = {
+    [DB_TYPE_WEB]: Math.floor(workMemValue),
+    [DB_TYPE_OLTP]: Math.floor(workMemValue),
+    [DB_TYPE_DW]: Math.floor(workMemValue / 2),
+    [DB_TYPE_DESKTOP]: Math.floor(workMemValue / 6),
+    [DB_TYPE_MIXED]: Math.floor(workMemValue / 2),
+  }[dbType]
+
+  if (dbSize === DB_SIZE_LESS_RAM) {
+    // OS Cache is underutilized because the DB fits entirely in RAM.
+    // We can safely boost work_mem by 30% to speed up sorts/hashes.
+    workMemResult = Math.floor(workMemResult * 1.3)
+  } else if (dbSize === DB_SIZE_GREATER_RAM) {
+    // OS Cache is under massive pressure. We must protect memory.
+    // Reduce work_mem by 10% to provide a wider safety net against OOM spikes.
+    workMemResult = Math.floor(workMemResult * 0.9)
+  }
+
+  // Modern floor limit: 4 MB minimum to prevent disk-spill for simple queries
+  const minWorkMem = (4 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB']
+  if (workMemResult < minWorkMem) {
+    workMemResult = minWorkMem
+  }
+
+  // Windows 64-bit has a strict 2GB limit up to PostgreSQL 17
+  if (osType === OS_WINDOWS && dbVersion <= 17) {
+    const winMemoryLimit =
+      (2 * SIZE_UNIT_MAP['GB']) / SIZE_UNIT_MAP['KB'] -
+      (1 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB']
+    if (workMemResult > winMemoryLimit) {
+      workMemResult = winMemoryLimit
+    }
+  }
+
+  return workMemResult
+}
+
+function selectWalCompression(dbVersion) {
+  // PG 15+ introduced lz4 and zstd support. lz4 is significantly faster
+  // and lighter on CPU than the native pglz algorithm. Standard package
+  // installations compile with lz4 support by default.
+  if (dbVersion >= 15) {
+    return 'lz4'
+  }
+  // For PG 10 through 14, 'on' safely enables pglz compression.
+  if (dbVersion >= 10) {
+    return 'on'
+  }
+  return null
+}
+
+function selectAutovacuumMaxWorkers(cpuNum) {
+  // PG default is 3. We only safely scale it up on heavier servers.
+  if (!cpuNum) return null
+  if (cpuNum >= 32) return 5
+  if (cpuNum >= 16) return 4
+  return null
+}
+
+function selectAutovacuumWorkMem(maintenanceWorkMemValue, osType, dbVersion) {
+  let autovacuumWorkMemValue = null
+
+  // By default, autovacuum_work_mem is -1 (uses maintenance_work_mem).
+  // Because we safely raised maintenance_work_mem to up to 8GB, letting 3-5 background
+  // workers each consume 8GB would cause severe OOM risks. We explicitly cap
+  // background vacuum memory to 2GB max per worker.
+  const threshold = (2 * SIZE_UNIT_MAP['GB']) / SIZE_UNIT_MAP['KB']
+  if (maintenanceWorkMemValue >= threshold) {
+    autovacuumWorkMemValue = threshold
+  }
+
+  // Windows 64-bit has a strict 2GB limit up to PostgreSQL 17
+  if (
+    autovacuumWorkMemValue !== null &&
+    osType === OS_WINDOWS &&
+    dbVersion <= 17
+  ) {
+    const winMemoryLimit =
+      (2 * SIZE_UNIT_MAP['GB']) / SIZE_UNIT_MAP['KB'] -
+      (1 * SIZE_UNIT_MAP['MB']) / SIZE_UNIT_MAP['KB']
+    if (autovacuumWorkMemValue > winMemoryLimit) {
+      autovacuumWorkMemValue = winMemoryLimit
+    }
+  }
+
+  return autovacuumWorkMemValue
+}
+
+function selectIoMethod(dbVersion, osType) {
+  // Asynchronous I/O was introduced in PostgreSQL 18
+  if (dbVersion < 18) {
+    return null
+  }
+
+  // If we assume standard modern packages (compiled with --with-liburing),
+  // io_uring is the absolute best performing AIO method for Linux.
+  if (osType === OS_LINUX) {
+    return 'io_uring'
+  }
+
+  // Windows and macOS do not support io_uring natively, so we fall back
+  // to the safe cross-platform 'worker' processes.
+  return 'worker'
+}
+
+function selectIoWorkers(dbVersion, cpuNum, ioMethod) {
+  // io_workers was introduced in PG18 for the new Asynchronous I/O subsystem
+  if (dbVersion < 18 || !cpuNum || ioMethod === 'io_uring') {
+    return null
+  }
+
+  // Default is 3. We conservatively scale it to ~25% of CPU cores to avoid
+  // lock contention on the AIO queue, capped at PostgreSQL's hard max of 32
+  const ioWorkersValue = Math.min(32, Math.max(3, Math.floor(cpuNum / 4)))
+
+  // Only explicitly configure it if we are recommending more than the default
+  return ioWorkersValue > 3 ? ioWorkersValue : null
+}
+
+function selectWarningInfoMessages(
+  totalMemory,
+  walCompression,
+  ioMethod,
+  dbType,
+  hdType,
+  dbSize,
+) {
+  let warnings = []
+
+  // Memory warnings
+  if (totalMemory < 256 * SIZE_UNIT_MAP['MB']) {
+    warnings.push(
+      'этот инструмент не предназначен',
+      'для систем с низким количеством ОЗУ',
+    )
+  } else if (totalMemory > 100 * SIZE_UNIT_MAP['GB']) {
+    warnings.push(
+      'этот инструмент не предназначен',
+      'для систем с очень большим количеством ОЗУ',
+    )
+  }
+
+  // Advanced features compilation warnings
+  if (walCompression === 'lz4') {
+    if (warnings.length > 0) warnings.push('')
+
+    warnings.push(
+      'wal_compression = lz4 требует, чтобы PostgreSQL',
+      'был скомпилирован с флагом --with-lz4',
+    )
+  }
+
+  if (ioMethod === 'io_uring') {
+    if (warnings.length > 0) warnings.push('')
+
+    warnings.push(
+      'io_method = io_uring требует, чтобы PostgreSQL',
+      'был скомпилирован с флагом --with-liburing',
+    )
+  }
+
+  // I/O Cost Warning for Analytical DBs
+  if (
+    dbType === DB_TYPE_DW &&
+    hdType !== HARD_DRIVE_HDD &&
+    dbSize !== DB_SIZE_LESS_RAM
+  ) {
+    const driveName = {
+      [HARD_DRIVE_SSD]: 'SSD',
+      [HARD_DRIVE_NVME]: 'NVME',
+      [HARD_DRIVE_SAN]: 'SAN',
+    }[hdType]
+
+    if (warnings.length > 0) warnings.push('')
+
+    warnings.push(
+      `Параметры стоимости для хранилищ данных на ${driveName} оставлены со значениями по умолчанию,`,
+      'чтобы избежать катастрофического выбора при сканировании индексов.',
+      'Следите за поведением планировщика запросов и при необходимости корректируйте random_page_cost.',
+    )
+  }
+
+  return warnings.length > 0 ? ['ВНИМАНИЕ', ...warnings] : []
+}
diff --git a/vite.config.js b/vite.config.js
index c5be346..960ba04 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -31,7 +31,7 @@ export default defineConfig({
         description: 'PgTune - Tuning PostgreSQL config by your hardware',
         display: 'standalone',
         start_url: '/',
-        theme_color: '#0f172b',
+        theme_color: '#fff',
         background_color: '#fff',
         icons: [
           {