npm - lighthouse - Versions diffs - 10.0.0-dev.20230213 → 10.0.1 - Mend

lighthouse 10.0.0-dev.20230213 → 10.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (75) hide show

package/core/audits/dobetterweb/doctype.d.ts +3 -2
package/core/audits/dobetterweb/doctype.js +15 -4
package/core/audits/dobetterweb/paste-preventing-inputs.js +2 -2
package/core/gather/driver/network-monitor.js +1 -3
package/core/gather/gatherers/bf-cache-failures.js +7 -8
package/package.json +1 -1
package/shared/localization/locales/en-US.json +1 -1
package/shared/localization/locales/en-XL.json +1 -1
package/.codecov.yml +0 -22
package/.cz-config.js +0 -24
package/.gitattributes +0 -5
package/.mailmap +0 -6
package/CODE_OF_CONDUCT.md +0 -93
package/eslint-local-rules.cjs +0 -106
package/flow-report/test/app-test.d.ts +0 -7
package/flow-report/test/app-test.tsx +0 -52
package/flow-report/test/common-test.d.ts +0 -7
package/flow-report/test/common-test.tsx +0 -103
package/flow-report/test/flow-report-pptr-test.d.ts +0 -7
package/flow-report/test/flow-report-pptr-test.ts +0 -59
package/flow-report/test/header-test.d.ts +0 -7
package/flow-report/test/header-test.tsx +0 -55
package/flow-report/test/run-flow-report-tests.sh +0 -20
package/flow-report/test/sample-flow.d.ts +0 -7
package/flow-report/test/sample-flow.ts +0 -17
package/flow-report/test/setup/env-setup.d.ts +0 -11
package/flow-report/test/setup/env-setup.ts +0 -55
package/flow-report/test/sidebar/flow-test.d.ts +0 -7
package/flow-report/test/sidebar/flow-test.tsx +0 -65
package/flow-report/test/sidebar/sidebar-test.d.ts +0 -7
package/flow-report/test/sidebar/sidebar-test.tsx +0 -116
package/flow-report/test/summary/category-test.d.ts +0 -7
package/flow-report/test/summary/category-test.tsx +0 -206
package/flow-report/test/summary/summary-test.d.ts +0 -7
package/flow-report/test/summary/summary-test.tsx +0 -124
package/flow-report/test/topbar-test.d.ts +0 -7
package/flow-report/test/topbar-test.tsx +0 -84
package/flow-report/test/util-test.d.ts +0 -7
package/flow-report/test/util-test.tsx +0 -133
package/flow-report/test/wrappers/category-score-test.d.ts +0 -7
package/flow-report/test/wrappers/category-score-test.tsx +0 -84
package/flow-report/test/wrappers/markdown-test.d.ts +0 -7
package/flow-report/test/wrappers/markdown-test.tsx +0 -17
package/report/test/clients/bundle-test.js +0 -65
package/report/test/generator/file-namer-test.js +0 -27
package/report/test/generator/report-generator-test.js +0 -160
package/report/test/renderer/__snapshots__/report-renderer-axe-test.js.snap +0 -15
package/report/test/renderer/category-renderer-test.js +0 -575
package/report/test/renderer/components-test.js +0 -124
package/report/test/renderer/crc-details-renderer-test.js +0 -116
package/report/test/renderer/details-renderer-test.js +0 -882
package/report/test/renderer/dom-test.js +0 -257
package/report/test/renderer/element-screenshot-renderer-test.js +0 -183
package/report/test/renderer/i18n-formatter-test.js +0 -179
package/report/test/renderer/performance-category-renderer-test.js +0 -417
package/report/test/renderer/pwa-category-renderer-test.js +0 -301
package/report/test/renderer/report-renderer-axe-test.js +0 -85
package/report/test/renderer/report-renderer-test.js +0 -268
package/report/test/renderer/report-ui-features-test.js +0 -773
package/report/test/renderer/report-utils-test.js +0 -219
package/report/test/renderer/snippet-renderer-test.js +0 -291
package/report/test/renderer/text-encoding-test.js +0 -43
package/report/test-assets/faux-psi-template.html +0 -177
package/report/test-assets/faux-psi.d.ts +0 -34
package/report/test-assets/faux-psi.js +0 -168
package/report/test-assets/lhr-3.0.0.json +0 -2332
package/report/test-assets/lhr-4.3.0.json +0 -4754
package/report/test-assets/lhr-5.0.0.json +0 -5994
package/report/test-assets/lhr-6.0.0.json +0 -7222
package/report/test-assets/lhr-8.5.0.json +0 -8679
package/shared/test/localization/format-test.js +0 -430
package/shared/test/localization/locales-test.js +0 -45
package/shared/test/localization/swap-locale-test.js +0 -127
package/shared/test/util-test.js +0 -214
package/vercel.json +0 -6

package/report/test-assets/faux-psi-template.html DELETED Viewed

@@ -1,177 +0,0 @@
-<!--
- * Copyright 2021 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.
--->
-<!--
-  This fake psi page is intended to reproduce the experience of rendering two LHRs within the same DOM,
-  like in PageSpeed Insights. This helps surface the peculiar behavior around tabs,
-  expectations of unique IDs, and scoped report containment.
--->
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
-  <title>Faux PageSpeed Report</title>
-  <style>
-/* Inspired by https://codepen.io/markcaron/pen/MvGRYV?editors=1100 but improved. s*/
-/*
- The tab visibility basics
-*/
-.tabset > input[type="radio"] {
-  position: absolute;
-  left: -200vw;
-}
-.tabset .tab-panel {
-  display: none;
-}
-.tabset > input:nth-of-type(1):checked ~ .tab-panels > .tab-panel:nth-of-type(1),
-.tabset > input:nth-of-type(2):checked ~ .tab-panels > .tab-panel:nth-of-type(2) {
-  display: block;
-}
-/*
- Purdy tabs
-*/
-.tabset > label {
-  position: relative;
-  display: inline-block;
-  padding: 15px 55px 15px;
-  cursor: pointer;
-  font-weight: 600;
-  border-bottom: 3px solid transparent;
-}
-.tabset > label:hover {
-  background-color: hsl(0deg 0% 100% / 24%);
-}
-.tabset > label:hover,
-.tabset > input:focus + label {
-  color: #06c;
-}
-.tabset > input:checked + label {
-  margin-bottom: -1px;
-  background: white;
-  border-bottom: 3px solid blue;
-}
-.tab-panel {
-  border: 1px solid #ccc;
-  padding: 24px;
-  row-gap: calc(8px*2);
-  border-radius: calc(8px/2);
-}
-.tabset {
-}
-.tab-panels {
-  background: white;
-}
-body {
-  height: 100%;
-  overflow: hidden;
-  -webkit-font-smoothing: antialiased;
-  color: rgba(0,0,0,0.87);
-  font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
-  margin: 0;
-  text-size-adjust: 100%;
-  bottom: auto;
-  right: auto;
-  width: auto;
-  overflow: visible;
-  overflow-y: scroll;
-  overscroll-behavior: contain;
-}
-.page {
-  max-width: 960px;
-  width: calc(100% - 24px*2);
-  margin: auto;
-  padding: 24px;
-  padding-top: calc(24px*2);
-  min-width: calc(360px -  8px *2);
-}
-@media screen and (max-width: 768px) {
-  .page {
-    padding:8px;
-    width: calc(100% - 8px*2);
-    padding-top: calc(24px/2)
-  }
-  .tab-panel {
-    padding:unset;
-    border-width: 0;
-  }
-}
-.hrefbar {
-  background: hsl(210deg 17% 98%);
-  border: 1px solid hsl(0deg 0% 85%);
-  border-width: 1px 0;
-  padding: 4px;
-}
-#reanalyze {
-  background-color: hsl(216deg 100% 50%);
-  border-radius: 4px;
-  color: white;
-  padding: 13px;
-  border: 0;
-  cursor: pointer;
-  float: right;
-}
-  </style>
-</head>
-<body >
-  <noscript>PSI requires JavaScript. Please enable.</noscript>
-  <button type=button id="translate">rotate locale</button>
-  <div class="page">
-    <button type=button id="reanalyze">Reanalyze</button>
-    <div class="tabset">
-      <input type="radio" name="tabset" id="tab1" aria-controls="mobile" checked />
-      <label for="tab1">Mobile</label>
-      <input type="radio" name="tabset" id="tab2" aria-controls="desktop" />
-      <label for="tab2">Desktop</label>
-      <div class="tab-panels">
-        <section id="mobile" class="tab-panel">
-          <h2>Diagnose performance issues</h2>
-          <h4>
-            See detailed analysis and recommendations from loading your site in a simulated
-            environment.
-          </h4>
-          <div class="hrefbar">🔗 http://thisurl.com</div>
-          <div class="reportContainer"></div>
-        </section>
-        <section id="desktop" class="tab-panel">
-          <h2>Diagnose performance issues</h2>
-          <h4>
-            See detailed analysis and recommendations from loading your site in a simulated
-            environment.
-          </h4>
-          <div class="hrefbar">🔗 http://thisurl.com</div>
-          <div class="reportContainer"></div>
-        </section>
-      </div>
-    </div>
-  </div>
-  <script>window.__LIGHTHOUSE_JSON__ = %%LIGHTHOUSE_JSON%%;</script>
-  <script type="module">
-%%LIGHTHOUSE_JAVASCRIPT%%
-  //# sourceURL=psi-reportrenderer.js
-  </script>
-  <script>console.log('window.__LIGHTHOUSE_JSON__', __LIGHTHOUSE_JSON__);</script>
-</body>
-</html>

package/report/test-assets/faux-psi.d.ts DELETED Viewed

@@ -1,34 +0,0 @@
-/**
- * @param {any} lhr
- * @param {Element} container
- */
-declare function renderLHReport(lhr: any, container: Element): Promise<void>;
-/**
- * @param {LH.Locale} locale
- */
-declare function swapLhrLocale(locale: LH.Locale): Promise<void>;
-/**
- * Tweak the LHR to make the desktop and mobile reports easier to identify.
- * Adjusted: Perf category name and score, and emoji placed on top of key screenshots.
- * @param {LH.Result} lhr
- * @param {string} tabId
- */
-declare function distinguishLHR(lhr: LH.Result, tabId: string): Promise<void>;
-/**
- * Add 📱 and 💻 emoji on top of screenshot
- * @param {string} datauri
- * @param {string} tabId
- */
-declare function decorateScreenshot(datauri: string, tabId: string): Promise<string>;
-type lighthouseRenderer = typeof import("../clients/bundle.js");
-/**
- * @license Copyright 2021 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 exercises two LH reports within the same DOM. */
-/** @typedef {import('../clients/bundle.js')} lighthouseRenderer */
-/** @type {lighthouseRenderer} */
-declare const lighthouseRenderer: lighthouseRenderer;
-declare function wait(ms?: number): Promise<any>;
-//# sourceMappingURL=faux-psi.d.ts.map

package/report/test-assets/faux-psi.js DELETED Viewed

@@ -1,168 +0,0 @@
-/**
- * @license Copyright 2021 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 exercises two LH reports within the same DOM. */
-/** @typedef {import('../clients/bundle.js')} lighthouseRenderer */
-/** @type {lighthouseRenderer} */
-// @ts-expect-error
-const lighthouseRenderer = window['report'];
-const wait = (ms = 100) => new Promise(resolve => setTimeout(resolve, ms));
-(async function __initPsiReports__() {
-  document.querySelector('button#reanalyze')?.addEventListener('click', () => {
-    __initPsiReports__();
-  });
-  document.querySelector('button#translate')?.addEventListener('click', async () => {
-    const hash = location.hash.slice(1);
-    const someLocales = ['es', 'ja', 'ru', 'ar', 'en-US'];
-    // Just rotate to the next one
-    const nextLocale = someLocales[(someLocales.indexOf(hash) + 1) % someLocales.length];
-    location.hash = `#${nextLocale}`;
-    location.reload();
-  });
-  const hash = location.hash.slice(1);
-  if (hash) {
-    // @ts-expect-error Can't do string to LH.Locale
-    await swapLhrLocale(hash);
-  }
-  // We deliberately want the non-blocking await behavior w/ forEach
-  ['mobile', 'desktop'].forEach(async id => {
-    const container = document.querySelector(`section#${id} .reportContainer`);
-    if (!container) throw new Error('Unexpected DOM. Bailing.');
-    container.textContent = 'Analyzing…';
-    await wait(id === 'desktop' ? 3000 : 500);
-    // @ts-expect-error
-    const lhr = JSON.parse(JSON.stringify(window.__LIGHTHOUSE_JSON__));
-    await distinguishLHR(lhr, id);
-    renderLHReport(lhr, container);
-  });
-})();
-/**
- * @param {any} lhr
- * @param {Element} container
- */
-async function renderLHReport(lhr, container) {
-  try {
-    for (const el of container.childNodes) el.remove();
-    const reportRootEl = lighthouseRenderer.renderReport(lhr, {
-      omitTopbar: true,
-      disableFireworks: true,
-      disableDarkMode: true,
-    });
-    // TODO: display warnings if appropriate.
-    for (const el of reportRootEl.querySelectorAll('.lh-warnings--toplevel')) {
-      el.setAttribute('hidden', 'true');
-    }
-    // Move env block
-    const metaItemsEl = reportRootEl.querySelector('.lh-meta__items');
-    if (metaItemsEl) {
-      reportRootEl.querySelector('.lh-metrics-container')?.parentNode?.insertBefore(
-        metaItemsEl,
-        reportRootEl.querySelector('.lh-buttons')
-      );
-      reportRootEl.querySelector('.lh-metrics-container')?.closest('.lh-category')?.classList
-          .add('lh--hoisted-meta');
-    }
-    container.append(reportRootEl);
-    // Override some LH styles. (To find .lh-vars we must descend from reportRootEl's parent)
-    for (const el of container.querySelectorAll('article.lh-vars')) {
-      // Ensure these css var names are not stale.
-      el.style.setProperty('--report-content-max-width', '100%');
-      el.style.setProperty('--edge-gap-padding', '0');
-    }
-    for (const el of reportRootEl.querySelectorAll('footer.lh-footer')) {
-      el.style.display = 'none';
-    }
-  } catch (e) {
-    console.error(e);
-    container.textContent = 'Error: LHR failed to render.';
-  }
-}
-/**
- * @param {LH.Locale} locale
- */
-async function swapLhrLocale(locale) {
-  // @ts-expect-error LHR global
-  const lhrLocale = window.__LIGHTHOUSE_JSON__['configSettings']['locale'];
-  // Only fetch and swapLocale if necessary.
-  if (lhrLocale === locale) return;
-  if (!lighthouseRenderer.format.hasLocale(locale)) {
-    // Requires running a server in LH root and viewing localhost:XXXX/dist/sample-reports/⌣.psi.english/index.html
-    const response = await fetch(`/shared/localization/locales/${locale}.json`);
-    /** @type {import('../../shared/localization/locales').LhlMessages} */
-    const lhlMessages = await response.json();
-    if (!lhlMessages) throw new Error(`could not fetch data for locale: ${locale}`);
-    lighthouseRenderer.format.registerLocaleData(locale, lhlMessages);
-  }
-  // @ts-expect-error LHR global
-  window.__LIGHTHOUSE_JSON__ = lighthouseRenderer.swapLocale(window.__LIGHTHOUSE_JSON__, locale)
-    .lhr;
-}
-/**
- * Tweak the LHR to make the desktop and mobile reports easier to identify.
- * Adjusted: Perf category name and score, and emoji placed on top of key screenshots.
- * @param {LH.Result} lhr
- * @param {string} tabId
- */
-async function distinguishLHR(lhr, tabId) {
-  if (tabId === 'desktop') {
-    lhr.categories.performance.score = 0.81;
-  }
-  const finalSSDetails = lhr.audits['final-screenshot']?.details;
-  if (finalSSDetails && finalSSDetails.type === 'screenshot') {
-    finalSSDetails.data = await decorateScreenshot(finalSSDetails.data, tabId);
-  }
-  if (lhr.fullPageScreenshot) {
-    lhr.fullPageScreenshot.screenshot.data =
-      await decorateScreenshot(lhr.fullPageScreenshot.screenshot.data, tabId);
-  }
-}
-/**
- * Add 📱 and 💻 emoji on top of screenshot
- * @param {string} datauri
- * @param {string} tabId
- */
-async function decorateScreenshot(datauri, tabId) {
-  const img = document.createElement('img');
-  await new Promise((resolve, reject) => {
-    img.addEventListener('load', () => resolve(img));
-    img.addEventListener('error', (err) => reject(err));
-    img.src = datauri;
-  });
-  const c = document.createElement('canvas');
-  c.width = tabId === 'desktop' ? 280 : img.width;
-  c.height = tabId === 'desktop' ? 194 : img.height;
-  const ctx = c.getContext('2d');
-  if (!ctx) throw new Error();
-  ctx.drawImage(img, 0, 0, c.width, c.height);
-  ctx.font = `${c.width / 2}px serif`;
-  ctx.textAlign = 'center';
-  ctx.globalAlpha = 0.7;
-  ctx.fillText(tabId === 'mobile' ? '📱' : '💻', c.width / 2, Math.min(c.height / 2, 700));
-  return c.toDataURL();
-}