lighthouse 8.3.0-dev.20210907 → 8.3.0

package/lighthouse-core/lib/large-javascript-libraries/bundlephobia-database.json

@@ -0,0 +1,62 @@
+{
+  "moment": {
+    "repository": "https://github.com/moment/moment.git",
+    "lastScraped": 1597344573775,
+    "versions": {
+      "latest": {
+        "gzip": 72054
+      },
+      "2.25.3": {
+        "gzip": 71090
+      },
+      "2.25.2": {
+        "gzip": 71119
+      },
+      "2.25.1": {
+        "gzip": 20811
+      },
+      "2.25.0": {
+        "gzip": 20876
+      },
+      "2.24.0": {
+        "gzip": 67489
+      },
+      "2.23.0": {
+        "gzip": 66675
+      },
+      "2.22.2": {
+        "gzip": 65962
+      },
+      "2.22.1": {
+        "gzip": 65949
+      }
+    }
+  },
+  "date-fns": {
+    "repository": "https://github.com/date-fns/date-fns.git",
+    "lastScraped": 1597344603463,
+    "versions": {
+      "latest": {
+        "gzip": 18463
+      }
+    }
+  },
+  "luxon": {
+    "repository": "https://github.com/moment/luxon.git",
+    "lastScraped": 1597344608583,
+    "versions": {
+      "latest": {
+        "gzip": 20912
+      }
+    }
+  },
+  "dayjs": {
+    "repository": "https://github.com/iamkun/dayjs.git",
+    "lastScraped": 1597344613371,
+    "versions": {
+      "latest": {
+        "gzip": 2856
+      }
+    }
+  }
+}

package/lighthouse-core/lib/large-javascript-libraries/library-suggestions.js

@@ -0,0 +1,20 @@
+/**
+ * @license Copyright 2020 The Lighthouse Authors. 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.
+ */
+
+/**
+ * @fileoverview This file contains a mapping of large JavaScript libraries to smaller alternatives.
+ * These suggestions have been cherry-picked from BundlePhobia's open-source list of recommendations which can be found here (https://github.com/pastelsky/bundlephobia/blob/b244a53bc55af067bb0edfa3ace867c87fec17e7/server/middlewares/similar-packages/fixtures.js).
+ */
+
+'use strict';
+
+/** @type {Record<string, string[]>} */
+const suggestions = {
+  // general-purpose-date-time
+  'moment': ['date-fns', 'luxon', 'dayjs'],
+};
+
+module.exports = {suggestions};

package/lighthouse-core/lib/network-request.js

@@ -480,9 +480,7 @@ class NetworkRequest {
    */
   static isNonNetworkRequest(record) {
     // The 'protocol' field in devtools a string more like a `scheme`
-    return URL.isNonNetworkProtocol(record.protocol) ||
-      // But `protocol` can fail to be populated if the request fails, so fallback to scheme.
-      URL.isNonNetworkProtocol(record.parsedURL.scheme);
+    return URL.isNonNetworkProtocol(record.protocol);
   }
 
   /**

package/lighthouse-core/lib/traces/pwmetrics-events.js

@@ -9,7 +9,7 @@ const log = require('lighthouse-logger');
 const TraceProcessor = require('../tracehouse/trace-processor.js');
 
 /**
- * @param {LH.Result['audits']} auditResults
+ * @param {LH.Audit.Results} auditResults
  * @return {LH.Artifacts.TimingSummary|undefined}
  */
 function getUberMetrics(auditResults) {
@@ -22,7 +22,7 @@ function getUberMetrics(auditResults) {
 class Metrics {
   /**
    * @param {Array<LH.TraceEvent>} traceEvents
-   * @param {LH.Result['audits']} auditResults
+   * @param {LH.Audit.Results} auditResults
    */
   constructor(traceEvents, auditResults) {
     this._traceEvents = traceEvents;

package/lighthouse-core/lib/url-shim.js

@@ -20,13 +20,7 @@ const allowedProtocols = [
 const SECURE_SCHEMES = ['data', 'https', 'wss', 'blob', 'chrome', 'chrome-extension', 'about',
   'filesystem'];
 const SECURE_LOCALHOST_DOMAINS = ['localhost', '127.0.0.1'];
-const NON_NETWORK_SCHEMES = [
-  'blob', // @see https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL
-  'data', // @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs
-  'intent', // @see https://developer.chrome.com/docs/multidevice/android/intents/
-  'file', // @see https://en.wikipedia.org/wiki/File_URI_scheme
-  'filesystem', // @see https://developer.mozilla.org/en-US/docs/Web/API/FileSystem
-];
+const NON_NETWORK_SCHEMES = ['blob', 'data', 'intent'];
 
 /**
  * There is fancy URL rewriting logic for the chrome://settings page that we need to work around.

package/lighthouse-core/runner.js

@@ -18,7 +18,7 @@ const fs = require('fs');
 const path = require('path');
 const URL = require('./lib/url-shim.js');
 const Sentry = require('./lib/sentry.js');
-const generateReport = require('../report/generator/report-generator.js').generateReport;
+const generateReport = require('../report/report-generator.js').generateReport;
 const LHError = require('./lib/lh-error.js');
 
 /** @typedef {import('./gather/connections/connection.js')} Connection */
@@ -132,9 +132,6 @@ class Runner {
 
       /** @type {LH.RawIcu<LH.Result>} */
       const i18nLhr = {
-        // TODO(FR-COMPAT): Make GatherContext a true base artifact.
-        // If GatherContext is not collected, then we are in a non-default pass of the legacy runner.
-        gatherMode: artifacts.GatherContext ? artifacts.GatherContext.gatherMode : 'navigation',
         userAgent: artifacts.HostUserAgent,
         environment: {
           networkUserAgent: artifacts.NetworkUserAgent,

package/lighthouse-core/util-commonjs.js

@@ -391,7 +391,7 @@ class Util {
   }
 
   /**
-   * @param {LH.Result['configSettings']} settings
+   * @param {LH.Config.Settings} settings
    * @return {!Array<{name: string, description: string}>}
    */
   static getEnvironmentDisplayValues(settings) {
@@ -414,7 +414,7 @@ class Util {
   }
 
   /**
-   * @param {LH.Result['configSettings']} settings
+   * @param {LH.Config.Settings} settings
    * @return {{deviceEmulation: string, networkThrottling: string, cpuThrottling: string}}
    */
   static getEmulationDescriptions(settings) {

package/now.json

@@ -4,7 +4,7 @@
     {
       "src": "package.json",
       "use": "@now/static-build",
-      "config": {"distDir": "dist"}
+      "config": {"distDir": "dist/now"}
     }
   ],
   "github": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lighthouse",
-  "version": "8.3.0-dev.20210907",
+  "version": "8.3.0",
   "description": "Automated auditing, performance metrics, and best practices for the web.",
   "main": "./lighthouse-core/index.js",
   "bin": {
@@ -24,7 +24,6 @@
     "build-lr": "yarn reset-link && node ./build/build-lightrider-bundles.js",
     "build-pack": "bash build/build-pack.sh",
     "build-report": "node build/build-report-components.js && yarn eslint --fix report/renderer/components.js && node build/build-report.js",
-    "build-sample-reports": "yarn build-report && node build/build-sample-reports.js",
     "build-treemap": "node ./build/build-treemap.js",
     "build-viewer": "node ./build/build-viewer.js",
     "reset-link": "(yarn unlink || true) && yarn link && yarn link lighthouse",
@@ -33,7 +32,7 @@
     "lint": "[ \"$CI\" = true ] && eslint --quiet -f codeframe . || eslint .",
     "smoke": "node lighthouse-cli/test/smokehouse/frontends/smokehouse-bin.js",
     "debug": "node --inspect-brk ./lighthouse-cli/index.js",
-    "start": "yarn build-report --standalone && node ./lighthouse-cli/index.js",
+    "start": "yarn build-report --only-standalone && node ./lighthouse-cli/index.js",
     "jest": "node --experimental-vm-modules ./node_modules/jest/bin/jest.js",
     "test": "yarn diff:sample-json && yarn lint --quiet && yarn unit && yarn type-check",
     "test-bundle": "yarn smoke --runner bundle -j=1 --retries=2 --invert-match forms",
@@ -47,11 +46,10 @@
     "unit-core": "yarn jest \"lighthouse-core\"",
     "unit-cli": "yarn jest \"lighthouse-cli/\"",
     "unit-report": "yarn jest \"report/\"",
-    "unit-treemap": "yarn jest \"lighthouse-treemap/.*-test.js\"",
+    "unit-treemap": "jest \"lighthouse-treemap/.*-test.js\"",
     "unit-viewer": "yarn jest \"lighthouse-viewer/.*-test.js\"",
-    "unit-flow": "yarn jest \"flow-report/.*-test.[tj]s[x]?\"",
-    "unit": "yarn unit-core && yarn unit-cli && yarn unit-report && yarn unit-viewer && yarn unit-treemap && yarn unit-flow",
-    "unit:ci": "NODE_OPTIONS=--max-old-space-size=8192 npm run unit-core -- --ci && npm run unit-cli -- --ci && npm run unit-report -- --ci && npm run unit-viewer -- --ci && npm run unit-treemap -- --ci && npm run unit-flow -- --ci",
+    "unit": "yarn unit-core && yarn unit-cli && yarn unit-report && yarn unit-viewer && yarn unit-treemap",
+    "unit:ci": "NODE_OPTIONS=--max-old-space-size=8192 npm run unit-core -- --ci && npm run unit-cli -- --ci && npm run unit-report -- --ci && npm run unit-viewer -- --ci && npm run unit-treemap -- --ci",
     "core-unit": "yarn unit-core",
     "cli-unit": "yarn unit-cli",
     "viewer-unit": "yarn unit-viewer",
@@ -64,11 +62,11 @@
     "fast": "node ./lighthouse-cli/index.js --preset=desktop --throttlingMethod=provided",
     "deploy-treemap": "yarn build-treemap --deploy",
     "deploy-viewer": "yarn build-viewer --deploy",
-    "vercel-build": "yarn build-sample-reports && yarn build-viewer && yarn build-treemap",
+    "now-build": "yarn build-report && node lighthouse-core/scripts/build-report-for-autodeployment.js && yarn build-viewer && yarn build-treemap && cp -r dist/gh-pages dist/now/gh-pages",
     "dogfood-lhci": "./lighthouse-core/scripts/dogfood-lhci.sh",
     "timing-trace": "node lighthouse-core/scripts/generate-timing-trace.js",
     "changelog": "conventional-changelog --config ./build/changelog-generator/index.js --infile changelog.md --same-file",
-    "type-check": "tsc --build ./ report/ lighthouse-viewer/ lighthouse-treemap/ flow-report/",
+    "type-check": "tsc -p . && tsc -p lighthouse-viewer/ && tsc -p lighthouse-treemap/",
     "i18n:checks": "./lighthouse-core/scripts/i18n/assert-strings-collected.sh",
     "i18n:collect-strings": "node lighthouse-core/scripts/i18n/collect-strings.js",
     "update:lantern-baseline": "node lighthouse-core/scripts/lantern/update-baseline-lantern-values.js",
@@ -96,14 +94,12 @@
     "@firebase/auth-types": "0.3.2",
     "@firebase/util": "0.2.1",
     "@rollup/plugin-node-resolve": "^13.0.4",
-    "@rollup/plugin-typescript": "^2.1.0",
-    "@testing-library/preact": "^2.0.1",
-    "@testing-library/preact-hooks": "^1.1.0",
     "@types/archiver": "^2.1.2",
     "@types/browserify": "^12.0.36",
-    "@types/chrome": "^0.0.154",
+    "@types/chrome": "^0.0.60",
     "@types/configstore": "^4.0.0",
     "@types/cpy": "^5.1.0",
+    "@types/css-font-loading-module": "^0.0.2",
     "@types/eslint": "^4.16.6",
     "@types/exorcist": "^0.4.5",
     "@types/gh-pages": "^2.0.0",
@@ -125,13 +121,13 @@
     "@types/ws": "^7.0.0",
     "@types/yargs": "^15.0.11",
     "@types/yargs-parser": "^15.0.0",
-    "@typescript-eslint/eslint-plugin": "^4.30.0",
-    "@typescript-eslint/parser": "^4.30.0",
+    "@typescript-eslint/parser": "^4.21.0",
     "@wardpeet/brfs": "2.1.0",
     "angular": "^1.7.4",
     "archiver": "^3.0.0",
     "browserify": "^17.0.0",
     "browserify-banner": "^1.0.15",
+    "bundle-phobia-cli": "^0.14.6",
     "c8": "^7.4.0",
     "chalk": "^2.4.1",
     "chrome-devtools-frontend": "1.0.727089",
@@ -142,7 +138,6 @@
     "devtools-protocol": "0.0.863986",
     "eslint": "^7.23.0",
     "eslint-config-google": "^0.9.1",
-    "eslint-plugin-import": "^2.24.2",
     "eslint-plugin-local-rules": "0.1.0",
     "event-target-shim": "^6.0.2",
     "exorcist": "^1.0.1",
@@ -160,7 +155,6 @@
     "npm-run-posix-or-windows": "^2.0.2",
     "package-json-versionify": "^1.0.4",
     "pako": "^2.0.3",
-    "preact": "^10.5.14",
     "pretty-json-stringify": "^0.0.2",
     "puppeteer": "^9.1.1",
     "rollup": "^2.50.6",
@@ -168,16 +162,15 @@
     "rollup-plugin-terser": "^7.0.2",
     "tabulator-tables": "^4.9.3",
     "terser": "^5.3.8",
-    "ts-jest": "^27.0.4",
     "typed-query-selector": "^2.4.0",
-    "typescript": "4.4.2",
+    "typescript": "4.2.3",
     "webtreemap-cdt": "^3.2.1"
   },
   "dependencies": {
     "axe-core": "4.2.3",
     "chrome-launcher": "^0.14.0",
     "configstore": "^5.0.1",
-    "csp_evaluator": "1.1.0",
+    "csp_evaluator": "1.0.4",
     "cssstyle": "1.2.1",
     "enquirer": "^2.3.6",
     "http-link-header": "^0.8.0",

package/report/README.md

@@ -8,8 +8,8 @@ Example standalone HTML report, delivered by the CLI: [`dbwtest-3.0.3.html`](htt
 
 ### Report Renderer components
 
-1. [`report/generator/report-generator.js`](https://github.com/GoogleChrome/lighthouse/blob/master/report/generator/report-generator.js) is the entry point for generating the HTML from Node. It compiles together the HTML string with everything required within it.
-   - It runs natively in Node.js but can run in the browser after a compile step is applied during our bundling pipeline. That compile step uses `brfs`, which takes any `fs.readFileSync()` calls and replaces them with the stringified file content.
+1. [`report/report-generator.js`](https://github.com/GoogleChrome/lighthouse/blob/master/report/report-generator.js) is the entry point for generating the HTML from Node. It compiles together the HTML string with everything required within it.
+   - It runs natively in Node.js but can run in the browser after a compile step is applied during our bundling pipeline. That compile step uses a browserify transform that takes any `fs.readFileSync()` calls and replaces them with the stringified file content.
 1. [`report/renderer`](https://github.com/GoogleChrome/lighthouse/tree/master/report/renderer) are all client-side JS files. They transform an LHR object into a report DOM tree. They are all executed within the browser.
 1. [`report/assets/standalone-template.html`](https://github.com/GoogleChrome/lighthouse/blob/master/lighthouse-core/report/html/report-template.html) is where the client-side build of the DOM report is typically kicked off ([with these four lines](https://github.com/GoogleChrome/lighthouse/blob/eda3a3e2e271249f261655f9504fd542d6acf0f8/lighthouse-core/report/html/report-template.html#L29-L33)) However, see _Current Uses.._ below for more possibilities.
 

package/report/assets/standalone-template.html

@@ -25,6 +25,7 @@ limitations under the License.
 </head>
 <body class="lh-root lh-vars">
   <noscript>Lighthouse report requires JavaScript. Please enable.</noscript>
+  <div hidden>%%LIGHTHOUSE_TEMPLATES%%</div>
 
   <main><!-- report populated here --></main>
 

package/report/assets/styles.css

@@ -169,7 +169,7 @@
 }
 
 @media not print {
-  .lh-vars.lh-dark {
+  .lh-vars.dark {
     /* Pallete */
     --color-gray-200: var(--color-gray-800);
     --color-gray-300: #616161;
@@ -379,6 +379,10 @@
   width: 100%;
 }
 
+.lh-details.flex .lh-code {
+  max-width: 70%;
+}
+
 .lh-audit__stackpack {
   display: flex;
   align-items: center;
@@ -391,18 +395,18 @@
 
 /* Report header */
 
-.lh-report-icon {
+.report-icon {
   display: flex;
   align-items: center;
   padding: 10px 12px;
   cursor: pointer;
 }
-.lh-report-icon[disabled] {
+.report-icon[disabled] {
   opacity: 0.3;
   pointer-events: none;
 }
 
-.lh-report-icon::before {
+.report-icon::before {
   content: "";
   margin-right: 5px;
   background-repeat: no-repeat;
@@ -410,28 +414,28 @@
   height: var(--report-icon-size);
   opacity: 0.7;
 }
-.lh-report-icon:hover::before {
+.report-icon:hover::before {
   opacity: 1;
 }
-.lh-dark .lh-report-icon::before {
+.dark .report-icon::before {
   filter: invert(1);
 }
-.lh-report-icon--print::before {
+.report-icon--print::before {
   background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"/><path fill="none" d="M0 0h24v24H0z"/></svg>');
 }
-.lh-report-icon--copy::before {
+.report-icon--copy::before {
   background-image: url('data:image/svg+xml;utf8,<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>');
 }
-.lh-report-icon--open::before {
+.report-icon--open::before {
   background-image: url('data:image/svg+xml;utf8,<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 4H5c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h4v-2H5V8h14v10h-4v2h4c1.1 0 2-.9 2-2V6c0-1.1-.89-2-2-2zm-7 6l-4 4h3v6h2v-6h3l-4-4z"/></svg>');
 }
-.lh-report-icon--download::before {
+.report-icon--download::before {
   background-image: url('data:image/svg+xml;utf8,<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
 }
-.lh-report-icon--dark::before {
+.report-icon--dark::before {
   background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 100 125"><path d="M50 23.587c-16.27 0-22.799 12.574-22.799 21.417 0 12.917 10.117 22.451 12.436 32.471h20.726c2.32-10.02 12.436-19.554 12.436-32.471 0-8.843-6.528-21.417-22.799-21.417zM39.637 87.161c0 3.001 1.18 4.181 4.181 4.181h.426l.41 1.231C45.278 94.449 46.042 95 48.019 95h3.963c1.978 0 2.74-.551 3.365-2.427l.409-1.231h.427c3.002 0 4.18-1.18 4.18-4.181V80.91H39.637v6.251zM50 18.265c1.26 0 2.072-.814 2.072-2.073v-9.12C52.072 5.813 51.26 5 50 5c-1.259 0-2.072.813-2.072 2.073v9.12c0 1.259.813 2.072 2.072 2.072zM68.313 23.727c.994.774 2.135.634 2.91-.357l5.614-7.187c.776-.992.636-2.135-.356-2.909-.992-.776-2.135-.636-2.91.357l-5.613 7.186c-.778.993-.636 2.135.355 2.91zM91.157 36.373c-.306-1.222-1.291-1.815-2.513-1.51l-8.85 2.207c-1.222.305-1.814 1.29-1.51 2.512.305 1.223 1.291 1.814 2.513 1.51l8.849-2.206c1.223-.305 1.816-1.291 1.511-2.513zM86.757 60.48l-8.331-3.709c-1.15-.512-2.225-.099-2.736 1.052-.512 1.151-.1 2.224 1.051 2.737l8.33 3.707c1.15.514 2.225.101 2.736-1.05.513-1.149.1-2.223-1.05-2.737zM28.779 23.37c.775.992 1.917 1.131 2.909.357.992-.776 1.132-1.917.357-2.91l-5.615-7.186c-.775-.992-1.917-1.132-2.909-.357s-1.131 1.917-.356 2.909l5.614 7.187zM21.715 39.583c.305-1.223-.288-2.208-1.51-2.513l-8.849-2.207c-1.222-.303-2.208.289-2.513 1.511-.303 1.222.288 2.207 1.511 2.512l8.848 2.206c1.222.304 2.208-.287 2.513-1.509zM21.575 56.771l-8.331 3.711c-1.151.511-1.563 1.586-1.05 2.735.511 1.151 1.586 1.563 2.736 1.052l8.331-3.711c1.151-.511 1.563-1.586 1.05-2.735-.512-1.15-1.585-1.562-2.736-1.052z"/></svg>');
 }
-.lh-report-icon--treemap::before {
+.report-icon--treemap::before {
   background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="black"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M3 5v14h19V5H3zm2 2h15v4H5V7zm0 10v-4h4v4H5zm6 0v-4h9v4h-9z"/></svg>');
 }
 
@@ -448,7 +452,7 @@
   color: rgb(26, 115, 232);
   background-color: var(--report-background-color);
 }
-.lh-dark .lh-button {
+.dark .lh-button {
   color: var(--color-blue-200);
 }
 
@@ -504,9 +508,8 @@
 }
 .lh-audit--manual .lh-audit__score-icon,
 .lh-audit--notapplicable .lh-audit__score-icon {
-  border: 2px solid var(--color-gray-400);
   border-radius: 100%;
-  background: none;
+  background: var(--color-gray-400);
 }
 
 .lh-audit--informative .lh-audit__display-text {
@@ -514,8 +517,9 @@
 }
 
 .lh-audit--informative .lh-audit__score-icon {
-  border: 2px solid var(--color-gray-400);
+  border: none;
   border-radius: 100%;
+  background: var(--color-gray-400);
 }
 
 .lh-audit__description,
@@ -1353,7 +1357,7 @@
   z-index: 3;
 }
 
-#lh-log.lh-show {
+#lh-log.show {
   opacity: 1;
   transform: translateY(0);
 }
@@ -1552,11 +1556,11 @@
 
 
 /* Tooltip */
-.lh-tooltip-boundary {
+.tooltip-boundary {
   position: relative;
 }
 
-.lh-tooltip {
+.tooltip {
   position: absolute;
   display: none; /* Don't retain these layers when not needed */
   opacity: 0;
@@ -1571,17 +1575,17 @@
    45vw is chosen to be ~= width of the left column of metrics
 */
 @media screen and (max-width: 535px) {
-  .lh-tooltip {
+  .tooltip {
     min-width: 45vw;
     padding: 3vw;
   }
 }
 
-.lh-tooltip-boundary:hover {
+.tooltip-boundary:hover {
   background-color: var(--color-hover);
 }
 
-.lh-tooltip-boundary:hover .lh-tooltip {
+.tooltip-boundary:hover .tooltip {
   display: block;
   animation: fadeInTooltip 250ms;
   animation-fill-mode: forwards;
@@ -1593,7 +1597,7 @@
   pointer-events: none;
 }
 
-.lh-tooltip::before {
+.tooltip::before {
   content: "";
   border: solid transparent;
   border-bottom-color: #fff;