lighthouse 11.1.0-dev.20231002 → 11.1.0-dev.20231004

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lighthouse",
   "type": "module",
-  "version": "11.1.0-dev.20231002",
+  "version": "11.1.0-dev.20231004",
   "description": "Automated auditing, performance metrics, and best practices for the web.",
   "main": "./core/index.js",
   "bin": {
@@ -166,7 +166,7 @@
     "pako": "^2.0.3",
     "preact": "^10.7.2",
     "pretty-json-stringify": "^0.0.2",
-    "puppeteer": "21.1.1",
+    "puppeteer": "^21.3.6",
     "resolve": "^1.22.1",
     "rollup": "^2.52.7",
     "rollup-plugin-polyfill-node": "^0.12.0",
@@ -182,7 +182,7 @@
   "dependencies": {
     "@sentry/node": "^6.17.4",
     "axe-core": "^4.8.1",
-    "chrome-launcher": "^1.0.0",
+    "chrome-launcher": "^1.1.0",
     "configstore": "^5.0.1",
     "csp_evaluator": "1.1.1",
     "devtools-protocol": "0.0.1200039",
@@ -199,7 +199,7 @@
     "open": "^8.4.0",
     "parse-cache-control": "1.0.1",
     "ps-list": "^8.0.0",
-    "puppeteer-core": "21.1.1",
+    "puppeteer-core": "^21.3.6",
     "robots-parser": "^3.0.1",
     "semver": "^5.3.0",
     "speedline-core": "^1.4.3",

package/report/assets/styles.css

@@ -131,7 +131,6 @@
   --section-padding-vertical: calc(var(--default-padding) * 6);
   --snippet-background-color: var(--color-gray-50);
   --snippet-color: #0938C2;
-  --sparkline-height: 5px;
   --stackpack-padding-horizontal: 10px;
   --sticky-header-background-color: var(--report-background-color);
   --sticky-header-buffer: calc(var(--topbar-height) + var(--sticky-header-height));
@@ -238,11 +237,6 @@
     --topbar-height: 28px;
     --topbar-logo-size: 20px;
   }
-
-  /* Not enough space to adequately show the relative savings bars. */
-  .lh-sparkline {
-    display: none;
-  }
 }
 
 .lh-vars.lh-devtools {
@@ -611,7 +605,6 @@
 
 
 .lh-audit__display-text,
-.lh-load-opportunity__sparkline,
 .lh-chevron-container {
   margin: 0 var(--audit-margin-horizontal);
 }
@@ -628,14 +621,11 @@
   font-size: var(--report-monospace-font-size);
 }
 
-/* Prepend display text with em dash separator. But not in Opportunities. */
+/* Prepend display text with em dash separator. */
 .lh-audit__display-text:not(:empty):before {
   content: '—';
   margin-right: var(--audit-margin-horizontal);
 }
-.lh-audit-group.lh-audit-group--load-opportunities .lh-audit__display-text:not(:empty):before {
-  display: none;
-}
 
 /* Expandable Details (Audit Groups, Audits) */
 .lh-audit__header {
@@ -644,10 +634,6 @@
   padding: var(--default-padding);
 }
 
-.lh-audit--load-opportunity .lh-audit__header {
-  display: block;
-}
-
 
 .lh-metricfilter {
   display: grid;
@@ -875,68 +861,6 @@
   color: var(--color-fail-secondary);
 }
 
-/* Perf load opportunity */
-
-.lh-load-opportunity__cols {
-  display: flex;
-  align-items: flex-start;
-}
-
-.lh-load-opportunity__header .lh-load-opportunity__col {
-  color: var(--color-gray-600);
-  display: unset;
-  line-height: calc(2.3 * var(--report-font-size));
-}
-
-.lh-load-opportunity__col {
-  display: flex;
-}
-
-.lh-load-opportunity__col--one {
-  flex: 5;
-  align-items: center;
-  margin-right: 2px;
-}
-.lh-load-opportunity__col--two {
-  flex: 4;
-  text-align: right;
-}
-
-.lh-audit--load-opportunity .lh-audit__display-text {
-  text-align: right;
-  flex: 0 0 7.5ch;
-}
-
-
-/* Sparkline */
-
-.lh-load-opportunity__sparkline {
-  flex: 1;
-  margin-top: calc((var(--report-line-height) - var(--sparkline-height)) / 2);
-}
-
-.lh-sparkline {
-  height: var(--sparkline-height);
-  width: 100%;
-}
-
-.lh-sparkline__bar {
-  height: 100%;
-  float: right;
-}
-
-.lh-audit--pass .lh-sparkline__bar {
-  background: var(--color-pass);
-}
-
-.lh-audit--average .lh-sparkline__bar {
-  background: var(--color-average);
-}
-
-.lh-audit--fail .lh-sparkline__bar {
-  background: var(--color-fail);
-}
-
 /* Filmstrip */
 
 .lh-filmstrip-container {
@@ -1078,7 +1002,6 @@
 
 .lh-details,
 .lh-category-header__description,
-.lh-load-opportunity__header,
 .lh-audit-group__footer {
   font-size: var(--report-font-size-secondary);
   line-height: var(--report-line-height-secondary);

package/report/assets/templates.html

@@ -94,41 +94,6 @@ SPDX-License-Identifier: Apache-2.0
   </div>
 </template>
 
-<!-- Lighthouse perf opportunity -->
-<template id="opportunity">
-  <div class="lh-audit lh-audit--load-opportunity">
-    <details class="lh-expandable-details">
-        <summary>
-          <div class="lh-audit__header">
-            <div class="lh-load-opportunity__cols">
-              <div class="lh-load-opportunity__col lh-load-opportunity__col--one">
-                <span class="lh-audit__score-icon"></span>
-                <div class="lh-audit__title"></div>
-              </div>
-              <div class="lh-load-opportunity__col lh-load-opportunity__col--two">
-                <div class="lh-load-opportunity__sparkline">
-                  <div class="lh-sparkline"><div class="lh-sparkline__bar"></div></div>
-                </div>
-                <div class="lh-audit__display-text"></div>
-                <div class="lh-chevron-container"></div>
-              </div>
-            </div>
-          </div>
-        </summary>
-      <div class="lh-audit__description"></div>
-      <div class="lh-audit__stackpacks"></div>
-    </details>
-  </div>
-</template>
-
-<!-- Lighthouse perf opportunity header -->
-<template id="opportunityHeader">
-  <div class="lh-load-opportunity__header lh-load-opportunity__cols">
-    <div class="lh-load-opportunity__col lh-load-opportunity__col--one"></div>
-    <div class="lh-load-opportunity__col lh-load-opportunity__col--two"></div>
-  </div>
-</template>
-
 <!-- Lighthouse score container -->
 <template id="scoresWrapper">
   <style>

package/report/renderer/components.d.ts

@@ -1,4 +1,4 @@
-/** @typedef {'3pFilter'|'audit'|'categoryHeader'|'chevron'|'clump'|'crc'|'crcChain'|'elementScreenshot'|'explodeyGauge'|'footer'|'fraction'|'gauge'|'gaugePwa'|'heading'|'metric'|'opportunity'|'opportunityHeader'|'scorescale'|'scoresWrapper'|'snippet'|'snippetContent'|'snippetHeader'|'snippetLine'|'styles'|'topbar'|'warningsToplevel'} ComponentName */
+/** @typedef {'3pFilter'|'audit'|'categoryHeader'|'chevron'|'clump'|'crc'|'crcChain'|'elementScreenshot'|'explodeyGauge'|'footer'|'fraction'|'gauge'|'gaugePwa'|'heading'|'metric'|'scorescale'|'scoresWrapper'|'snippet'|'snippetContent'|'snippetHeader'|'snippetLine'|'styles'|'topbar'|'warningsToplevel'} ComponentName */
 /**
  * @param {DOM} dom
  * @param {ComponentName} componentName
@@ -6,5 +6,5 @@
  */
 export function createComponent(dom: DOM, componentName: ComponentName): DocumentFragment;
 export type DOM = import('./dom.js').DOM;
-export type ComponentName = '3pFilter' | 'audit' | 'categoryHeader' | 'chevron' | 'clump' | 'crc' | 'crcChain' | 'elementScreenshot' | 'explodeyGauge' | 'footer' | 'fraction' | 'gauge' | 'gaugePwa' | 'heading' | 'metric' | 'opportunity' | 'opportunityHeader' | 'scorescale' | 'scoresWrapper' | 'snippet' | 'snippetContent' | 'snippetHeader' | 'snippetLine' | 'styles' | 'topbar' | 'warningsToplevel';
+export type ComponentName = '3pFilter' | 'audit' | 'categoryHeader' | 'chevron' | 'clump' | 'crc' | 'crcChain' | 'elementScreenshot' | 'explodeyGauge' | 'footer' | 'fraction' | 'gauge' | 'gaugePwa' | 'heading' | 'metric' | 'scorescale' | 'scoresWrapper' | 'snippet' | 'snippetContent' | 'snippetHeader' | 'snippetLine' | 'styles' | 'topbar' | 'warningsToplevel';
 //# sourceMappingURL=components.d.ts.map