lighthouse 9.6.7 → 10.0.0

package/lighthouse-core/audits/diagnostics.js

@@ -1,79 +0,0 @@
-/**
- * @license Copyright 2019 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.
- */
-'use strict';
-
-const Audit = require('./audit.js');
-const MainThreadTasksComputed = require('../computed/main-thread-tasks.js');
-const NetworkRecordsComputed = require('../computed/network-records.js');
-const NetworkAnalysisComputed = require('../computed/network-analysis.js');
-const NetworkAnalyzer = require('../lib/dependency-graph/simulator/network-analyzer.js');
-
-class Diagnostics extends Audit {
-  /**
-   * @return {LH.Audit.Meta}
-   */
-  static get meta() {
-    return {
-      id: 'diagnostics',
-      scoreDisplayMode: Audit.SCORING_MODES.INFORMATIVE,
-      title: 'Diagnostics',
-      description: 'Collection of useful page vitals.',
-      supportedModes: ['navigation'],
-      requiredArtifacts: ['traces', 'devtoolsLogs'],
-    };
-  }
-
-  /**
-   * @param {LH.Artifacts} artifacts
-   * @param {LH.Audit.Context} context
-   * @return {Promise<LH.Audit.Product>}
-   */
-  static async audit(artifacts, context) {
-    const trace = artifacts.traces[Audit.DEFAULT_PASS];
-    const devtoolsLog = artifacts.devtoolsLogs[Audit.DEFAULT_PASS];
-    const tasks = await MainThreadTasksComputed.request(trace, context);
-    const records = await NetworkRecordsComputed.request(devtoolsLog, context);
-    const analysis = await NetworkAnalysisComputed.request(devtoolsLog, context);
-
-    const toplevelTasks = tasks.filter(t => !t.parent);
-    const mainDocumentTransferSize = NetworkAnalyzer.findMainDocument(records).transferSize;
-    const totalByteWeight = records.reduce((sum, r) => sum + (r.transferSize || 0), 0);
-    const totalTaskTime = toplevelTasks.reduce((sum, t) => sum + (t.duration || 0), 0);
-    const maxRtt = Math.max(...analysis.additionalRttByOrigin.values()) + analysis.rtt;
-    const maxServerLatency = Math.max(...analysis.serverResponseTimeByOrigin.values());
-
-    const diagnostics = {
-      numRequests: records.length,
-      numScripts: records.filter(r => r.resourceType === 'Script').length,
-      numStylesheets: records.filter(r => r.resourceType === 'Stylesheet').length,
-      numFonts: records.filter(r => r.resourceType === 'Font').length,
-      numTasks: toplevelTasks.length,
-      numTasksOver10ms: toplevelTasks.filter(t => t.duration > 10).length,
-      numTasksOver25ms: toplevelTasks.filter(t => t.duration > 25).length,
-      numTasksOver50ms: toplevelTasks.filter(t => t.duration > 50).length,
-      numTasksOver100ms: toplevelTasks.filter(t => t.duration > 100).length,
-      numTasksOver500ms: toplevelTasks.filter(t => t.duration > 500).length,
-      rtt: analysis.rtt,
-      throughput: analysis.throughput,
-      maxRtt,
-      maxServerLatency,
-      totalByteWeight,
-      totalTaskTime,
-      mainDocumentTransferSize,
-    };
-
-    return {
-      score: 1,
-      details: {
-        type: 'debugdata',
-        // TODO: Consider not nesting diagnostics under `items`.
-        items: [diagnostics],
-      },
-    };
-  }
-}
-
-module.exports = Diagnostics;

package/lighthouse-core/audits/dobetterweb/charset.js

@@ -1,96 +0,0 @@
-/**
- * @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 Audits a page to ensure charset it configured properly.
- * It must be defined within the first 1024 bytes of the HTML document, defined in the HTTP header, or the document source must start with a BOM.
- *
- * @see https://github.com/GoogleChrome/lighthouse/issues/10023
- */
-'use strict';
-
-const Audit = require('../audit.js');
-const i18n = require('../../lib/i18n/i18n.js');
-const MainResource = require('../../computed/main-resource.js');
-
-const UIStrings = {
-  /** Title of a Lighthouse audit that provides detail on if the charset is set properly for a page. This title is shown when the charset is defined correctly. Charset defines the character encoding (eg UTF-8) of the page content. */
-  title: 'Properly defines charset',
-  /** Title of a Lighthouse audit that provides detail on if the charset is set properly for a page. This title is shown when the charset meta tag is missing or defined too late in the page. */
-  failureTitle: 'Charset declaration is missing or occurs too late in the HTML',
-  /** Description of a Lighthouse audit that tells the user why the charset needs to be defined early on. */
-  description: 'A character encoding declaration is required. It can be done with a `<meta>` tag ' +
-    'in the first 1024 bytes of the HTML or in the Content-Type HTTP response header. ' +
-    '[Learn more](https://web.dev/charset/).',
-};
-
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
-
-const CONTENT_TYPE_HEADER = 'content-type';
-// /^[a-zA-Z0-9-_:.()]{2,}$/ matches all known IANA charset names (https://www.iana.org/assignments/character-sets/character-sets.xhtml)
-const IANA_REGEX = /^[a-zA-Z0-9-_:.()]{2,}$/;
-const CHARSET_HTML_REGEX = /<meta[^>]+charset[^<]+>/i;
-const CHARSET_HTTP_REGEX = /charset\s*=\s*[a-zA-Z0-9-_:.()]{2,}/i;
-
-class CharsetDefined extends Audit {
-  /**
-   * @return {LH.Audit.Meta}
-   */
-  static get meta() {
-    return {
-      id: 'charset',
-      title: str_(UIStrings.title),
-      failureTitle: str_(UIStrings.failureTitle),
-      description: str_(UIStrings.description),
-      requiredArtifacts: ['MainDocumentContent', 'URL', 'devtoolsLogs', 'MetaElements'],
-    };
-  }
-
-  /**
-   * @param {LH.Artifacts} artifacts
-   * @param {LH.Audit.Context} context
-   * @return {Promise<LH.Audit.Product>}
-   */
-  static async audit(artifacts, context) {
-    const devtoolsLog = artifacts.devtoolsLogs[Audit.DEFAULT_PASS];
-    const mainResource = await MainResource.request({devtoolsLog, URL: artifacts.URL}, context);
-    let isCharsetSet = false;
-    // Check the http header 'content-type' to see if charset is defined there
-    if (mainResource.responseHeaders) {
-      const contentTypeHeader = mainResource.responseHeaders
-        .find(header => header.name.toLowerCase() === CONTENT_TYPE_HEADER);
-
-      if (contentTypeHeader) {
-        isCharsetSet = CHARSET_HTTP_REGEX.test(contentTypeHeader.value);
-      }
-    }
-
-    // Check if there is a BOM byte marker
-    const BOM_FIRSTCHAR = 0xFEFF;
-    isCharsetSet = isCharsetSet || artifacts.MainDocumentContent.charCodeAt(0) === BOM_FIRSTCHAR;
-
-    // Check if charset-ish meta tag is defined within the first 1024 characters(~1024 bytes) of the HTML document
-    if (CHARSET_HTML_REGEX.test(artifacts.MainDocumentContent.slice(0, 1024))) {
-      // If so, double-check the DOM attributes, considering both legacy http-equiv and html5 charset styles.
-      isCharsetSet = isCharsetSet || artifacts.MetaElements.some(meta => {
-        return (meta.charset && IANA_REGEX.test(meta.charset)) ||
-          (meta.httpEquiv === 'content-type' &&
-          meta.content &&
-          CHARSET_HTTP_REGEX.test(meta.content));
-      });
-    }
-
-    return {
-      score: Number(isCharsetSet),
-    };
-  }
-}
-
-module.exports = CharsetDefined;
-module.exports.UIStrings = UIStrings;
-module.exports.CHARSET_HTML_REGEX = CHARSET_HTML_REGEX;
-module.exports.CHARSET_HTTP_REGEX = CHARSET_HTTP_REGEX;
-module.exports.IANA_REGEX = IANA_REGEX;

package/lighthouse-core/audits/dobetterweb/doctype.js

@@ -1,94 +0,0 @@
-/**
- * @license Copyright 2018 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.
- */
-'use strict';
-
-const Audit = require('../audit.js');
-const i18n = require('../../lib/i18n/i18n.js');
-
-const UIStrings = {
-  /** Title of a Lighthouse audit that provides detail on the doctype of a page. This descriptive title is shown to users when the pages's doctype is set to HTML. */
-  title: 'Page has the HTML doctype',
-  /** Title of a Lighthouse audit that provides detail on the doctype of a page. This descriptive title is shown to users when the page's doctype is not set to HTML. */
-  failureTitle: 'Page lacks the HTML doctype, thus triggering quirks-mode',
-  /** Description of a Lighthouse audit that tells the user why they should define an HTML doctype. This is displayed after a user expands the section to see more. No character length limits. 'Learn More' becomes link text to additional documentation. */
-  description: 'Specifying a doctype prevents the browser ' +
-    'from switching to quirks-mode. ' +
-    '[Learn more](https://web.dev/doctype/).',
-  /** Explanatory message stating that the document has no doctype. */
-  explanationNoDoctype: 'Document must contain a doctype',
-  /** Explanatory message stating that the publicId field is not empty. */
-  explanationPublicId: 'Expected publicId to be an empty string',
-  /** Explanatory message stating that the systemId field is not empty. */
-  explanationSystemId: 'Expected systemId to be an empty string',
-  /** Explanatory message stating that the doctype is set, but is not "html" and is therefore invalid. */
-  explanationBadDoctype: 'Doctype name must be the lowercase string `html`',
-};
-
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
-
-class Doctype extends Audit {
-  /**
-   * @return {LH.Audit.Meta}
-   */
-  static get meta() {
-    return {
-      id: 'doctype',
-      title: str_(UIStrings.title),
-      failureTitle: str_(UIStrings.failureTitle),
-      description: str_(UIStrings.description),
-      requiredArtifacts: ['Doctype'],
-    };
-  }
-
-  /**
-   * @param {LH.Artifacts} artifacts
-   * @return {LH.Audit.Product}
-   */
-  static audit(artifacts) {
-    if (!artifacts.Doctype) {
-      return {
-        score: 0,
-        explanation: str_(UIStrings.explanationNoDoctype),
-      };
-    }
-
-    // only set constants once we know there is a doctype
-    const doctypeName = artifacts.Doctype.name.trim();
-    const doctypePublicId = artifacts.Doctype.publicId;
-    const doctypeSystemId = artifacts.Doctype.systemId;
-
-    if (doctypePublicId !== '') {
-      return {
-        score: 0,
-        explanation: str_(UIStrings.explanationPublicId),
-      };
-    }
-
-    if (doctypeSystemId !== '') {
-      return {
-        score: 0,
-        explanation: str_(UIStrings.explanationSystemId),
-      };
-    }
-
-    /* Note that the value for name is case sensitive,
-       and must be the string `html`. For details see:
-       https://html.spec.whatwg.org/multipage/parsing.html#the-initial-insertion-mode */
-    if (doctypeName === 'html') {
-      return {
-        score: 1,
-      };
-    } else {
-      return {
-        score: 0,
-        explanation: str_(UIStrings.explanationBadDoctype),
-      };
-    }
-  }
-}
-
-module.exports = Doctype;
-module.exports.UIStrings = UIStrings;

package/lighthouse-core/audits/dobetterweb/dom-size.js

@@ -1,123 +0,0 @@
-/**
- * @license Copyright 2017 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 Audits a page to see how the size of DOM it creates. Stats like
- * tree depth, # children, and total elements are returned. The score is calculated
- * based solely on the total number of elements found on the page.
- */
-
-'use strict';
-
-const Audit = require('../audit.js');
-const i18n = require('../../lib/i18n/i18n.js');
-
-const UIStrings = {
-  /** Title of a diagnostic audit that provides detail on the size of the web page's DOM. The size of a DOM is characterized by the total number of DOM elements and greatest DOM depth. This descriptive title is shown to users when the amount is acceptable and no user action is required. */
-  title: 'Avoids an excessive DOM size',
-  /** Title of a diagnostic audit that provides detail on the size of the web page's DOM. The size of a DOM is characterized by the total number of DOM elements and greatest DOM depth. This imperative title is shown to users when there is a significant amount of execution time that could be reduced. */
-  failureTitle: 'Avoid an excessive DOM size',
-  /** Description of a Lighthouse audit that tells the user *why* they should reduce the size of the web page's DOM. The size of a DOM is characterized by the total number of DOM elements and greatest DOM depth. This is displayed after a user expands the section to see more. No character length limits. 'Learn More' becomes link text to additional documentation. */
-  description: 'A large DOM will increase memory usage, cause longer ' +
-    '[style calculations](https://developers.google.com/web/fundamentals/performance/rendering/reduce-the-scope-and-complexity-of-style-calculations), ' +
-    'and produce costly [layout reflows](https://developers.google.com/speed/articles/reflow). [Learn more](https://web.dev/dom-size/).',
-  /** Table column header for the type of statistic. These statistics describe how big the DOM is (count of DOM elements, children, depth). */
-  columnStatistic: 'Statistic',
-  /** Table column header for the observed value of the DOM statistic. */
-  columnValue: 'Value',
-  /** [ICU Syntax] Label for an audit identifying the number of DOM elements found in the page. */
-  displayValue: `{itemCount, plural,
-    =1 {1 element}
-    other {# elements}
-    }`,
-  /** Label for the total number of DOM elements found in the page. */
-  statisticDOMElements: 'Total DOM Elements',
-  /** Label for the numeric value of the maximum depth in the page's DOM tree. */
-  statisticDOMDepth: 'Maximum DOM Depth',
-  /** Label for the numeric value of the maximum number of children any DOM element in the page has. The element described will have the most children in the page. */
-  statisticDOMWidth: 'Maximum Child Elements',
-};
-
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
-
-class DOMSize extends Audit {
-  /**
-   * @return {LH.Audit.Meta}
-   */
-  static get meta() {
-    return {
-      id: 'dom-size',
-      title: str_(UIStrings.title),
-      failureTitle: str_(UIStrings.failureTitle),
-      description: str_(UIStrings.description),
-      scoreDisplayMode: Audit.SCORING_MODES.NUMERIC,
-      requiredArtifacts: ['DOMStats'],
-    };
-  }
-
-  /**
-   * @return {LH.Audit.ScoreOptions}
-   */
-  static get defaultOptions() {
-    return {
-      // https://bigquery.cloud.google.com/table/httparchive:lighthouse.2018_04_01_mobile?pli=1
-      // see https://www.desmos.com/calculator/tsunbwqt3f
-      p10: 818,
-      median: 1400,
-    };
-  }
-
-
-  /**
-   * @param {LH.Artifacts} artifacts
-   * @param {LH.Audit.Context} context
-   * @return {LH.Audit.Product}
-   */
-  static audit(artifacts, context) {
-    const stats = artifacts.DOMStats;
-
-    const score = Audit.computeLogNormalScore(
-      {p10: context.options.p10, median: context.options.median},
-      stats.totalBodyElements
-    );
-
-    /** @type {LH.Audit.Details.Table['headings']} */
-    const headings = [
-      {key: 'statistic', itemType: 'text', text: str_(UIStrings.columnStatistic)},
-      {key: 'node', itemType: 'node', text: str_(i18n.UIStrings.columnElement)},
-      {key: 'value', itemType: 'numeric', text: str_(UIStrings.columnValue)},
-    ];
-
-    /** @type {LH.Audit.Details.Table['items']} */
-    const items = [
-      {
-        statistic: str_(UIStrings.statisticDOMElements),
-        value: stats.totalBodyElements,
-      },
-      {
-        node: Audit.makeNodeItem(stats.depth),
-        statistic: str_(UIStrings.statisticDOMDepth),
-        value: stats.depth.max,
-      },
-      {
-        node: Audit.makeNodeItem(stats.width),
-        statistic: str_(UIStrings.statisticDOMWidth),
-        value: stats.width.max,
-      },
-    ];
-
-    return {
-      score,
-      numericValue: stats.totalBodyElements,
-      numericUnit: 'element',
-      displayValue: str_(UIStrings.displayValue, {itemCount: stats.totalBodyElements}),
-      details: Audit.makeTableDetails(headings, items),
-    };
-  }
-}
-
-module.exports = DOMSize;
-module.exports.UIStrings = UIStrings;

package/lighthouse-core/audits/dobetterweb/geolocation-on-start.js

@@ -1,70 +0,0 @@
-/**
- * @license Copyright 2016 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 Audits a page to see if it is requesting the geolocation API on
- * page load. This is often a sign of poor user experience because it lacks context.
- */
-
-'use strict';
-
-const ViolationAudit = require('../violation-audit.js');
-const i18n = require('../../lib/i18n/i18n.js');
-
-const UIStrings = {
-  /** Title of a Lighthouse audit that provides detail on geolocation permission requests while the page is loading. This descriptive title is shown to users when the page does not ask for geolocation permissions on load. */
-  title: 'Avoids requesting the geolocation permission on page load',
-  /** Title of a Lighthouse audit that provides detail on geolocation permissions requests. This descriptive title is shown to users when the page does ask for geolocation permissions on load. */
-  failureTitle: 'Requests the geolocation permission on page load',
-  /** Description of a Lighthouse audit that tells the user why they should not ask for geolocation permissions on load. This is displayed after a user expands the section to see more. No character length limits. 'Learn More' becomes link text to additional documentation. */
-  description: 'Users are mistrustful of or confused by sites that request their ' +
-    'location without context. Consider tying the request to a user action instead. ' +
-    '[Learn more](https://web.dev/geolocation-on-start/).',
-};
-
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
-
-class GeolocationOnStart extends ViolationAudit {
-  /**
-   * @return {LH.Audit.Meta}
-   */
-  static get meta() {
-    return {
-      id: 'geolocation-on-start',
-      title: str_(UIStrings.title),
-      failureTitle: str_(UIStrings.failureTitle),
-      description: str_(UIStrings.description),
-      supportedModes: ['navigation'],
-      requiredArtifacts: ['ConsoleMessages', 'SourceMaps', 'ScriptElements'],
-    };
-  }
-
-  /**
-   * @param {LH.Artifacts} artifacts
-   * @param {LH.Audit.Context} context
-   * @return {Promise<LH.Audit.Product>}
-   */
-  static async audit(artifacts, context) {
-    // 'Only request geolocation information in response to a user gesture.'
-    const results = await ViolationAudit.getViolationResults(artifacts, context, /geolocation/);
-
-    /** @type {LH.Audit.Details.Table['headings']} */
-    const headings = [
-      {key: 'source', itemType: 'source-location', text: str_(i18n.UIStrings.columnSource)},
-    ];
-    // TODO(bckenny): there should actually be a ts error here. results[0].stackTrace
-    // should violate the results type. Shouldn't be removed from details items regardless.
-    const details = ViolationAudit.makeTableDetails(headings, results);
-
-    return {
-      score: Number(results.length === 0),
-      details,
-    };
-  }
-}
-
-module.exports = GeolocationOnStart;
-module.exports.UIStrings = UIStrings;

package/lighthouse-core/audits/dobetterweb/inspector-issues.js

@@ -1,192 +0,0 @@
-/**
- * @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 Audits a page to determine whether it generates issues in the Issues panel of Chrome Devtools.
- * The audit is meant to maintain parity with the Chrome Devtools Issues panel front end.
- * https://source.chromium.org/chromium/chromium/src/+/main:third_party/devtools-frontend/src/front_end/sdk/
- */
-
-'use strict';
-
-/** @typedef {{url: string}} IssueSubItem */
-/** @typedef {{issueType: string|LH.IcuMessage, subItems: Array<IssueSubItem>}} IssueItem */
-
-const Audit = require('../audit.js');
-const i18n = require('../../lib/i18n/i18n.js');
-
-const UIStrings = {
-  /** Title of a Lighthouse audit that provides detail on various types of problems with a website, like security or network errors. This descriptive title is shown to users when no issues were logged into the Chrome DevTools Issues panel. */
-  title: 'No issues in the `Issues` panel in Chrome Devtools',
-  /** Title of a Lighthouse audit that provides detail on various types of problems with a website, like security or network errors. This descriptive title is shown to users when issues are detected and logged into the Chrome DevTools Issues panel. */
-  failureTitle: 'Issues were logged in the `Issues` panel in Chrome Devtools',
-  /* eslint-disable max-len */
-  /** Description of a Lighthouse audit that tells the user why issues being logged to the Chrome DevTools Issues panel are a cause for concern and so should be fixed. This is displayed after a user expands the section to see more. No character length limits. */
-  description: 'Issues logged to the `Issues` panel in Chrome Devtools indicate unresolved problems. They can come from network request failures, insufficient security controls, and other browser concerns. Open up the Issues panel in Chrome DevTools for more details on each issue.',
-  /* eslint-enable max-len */
-  /** Table column header for the types of problems observed in a website, like security or network errors. */
-  columnIssueType: 'Issue type',
-  /** The type of an Issue in Chrome DevTools when a resource is blocked due to the website's cross-origin policy. */
-  issueTypeBlockedByResponse: 'Blocked by cross-origin policy',
-  /** The type of an Issue in Chrome DevTools when a site has large ads that use up a lot of the browser's resources. */
-  issueTypeHeavyAds: 'Heavy resource usage by ads',
-};
-
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
-
-class IssuesPanelEntries extends Audit {
-  /**
-   * @return {LH.Audit.Meta}
-   */
-  static get meta() {
-    return {
-      id: 'inspector-issues',
-      title: str_(UIStrings.title),
-      failureTitle: str_(UIStrings.failureTitle),
-      description: str_(UIStrings.description),
-      requiredArtifacts: ['InspectorIssues'],
-    };
-  }
-
-  /**
-   * @param {Array<LH.Crdp.Audits.MixedContentIssueDetails>} mixedContentIssues
-   * @return {LH.Audit.Details.TableItem}
-   */
-  static getMixedContentRow(mixedContentIssues) {
-    const requestUrls = new Set();
-    for (const issue of mixedContentIssues) {
-      const requestUrl = issue.request?.url || issue.mainResourceURL;
-      requestUrls.add(requestUrl);
-    }
-    return {
-      issueType: 'Mixed content',
-      subItems: {
-        type: 'subitems',
-        items: Array.from(requestUrls).map(url => ({url})),
-      },
-    };
-  }
-
-  /**
-   * @param {Array<LH.Crdp.Audits.CookieIssueDetails>} CookieIssues
-   * @return {LH.Audit.Details.TableItem}
-   */
-  static getCookieRow(CookieIssues) {
-    const requestUrls = new Set();
-    for (const issue of CookieIssues) {
-      const requestUrl = (issue.request?.url) || issue.cookieUrl;
-      if (requestUrl) {
-        requestUrls.add(requestUrl);
-      }
-    }
-    return {
-      issueType: 'Cookie',
-      subItems: {
-        type: 'subitems',
-        items: Array.from(requestUrls).map(url => {
-          return {
-            url,
-          };
-        }),
-      },
-    };
-  }
-
-  /**
-   * @param {Array<LH.Crdp.Audits.BlockedByResponseIssueDetails>} blockedByResponseIssues
-   * @return {LH.Audit.Details.TableItem}
-   */
-  static getBlockedByResponseRow(blockedByResponseIssues) {
-    const requestUrls = new Set();
-    for (const issue of blockedByResponseIssues) {
-      const requestUrl = issue.request?.url;
-      if (requestUrl) {
-        requestUrls.add(requestUrl);
-      }
-    }
-    return {
-      issueType: str_(UIStrings.issueTypeBlockedByResponse),
-      subItems: {
-        type: 'subitems',
-        items: Array.from(requestUrls).map(url => {
-          return {
-            url,
-          };
-        }),
-      },
-    };
-  }
-
-  /**
-   * @param {Array<LH.Crdp.Audits.ContentSecurityPolicyIssueDetails>} cspIssues
-   * @return {LH.Audit.Details.TableItem}
-   */
-  static getContentSecurityPolicyRow(cspIssues) {
-    const requestUrls = new Set();
-    for (const issue of cspIssues) {
-      const requestUrl = issue.blockedURL;
-      if (requestUrl) {
-        requestUrls.add(requestUrl);
-      }
-    }
-    return {
-      issueType: 'Content security policy',
-      subItems: {
-        type: 'subitems',
-        items: Array.from(requestUrls).map(url => {
-          return {
-            url,
-          };
-        }),
-      },
-    };
-  }
-
-  /**
-   * @param {LH.Artifacts} artifacts
-   * @return {LH.Audit.Product}
-   */
-  static audit(artifacts) {
-    /** @type {LH.Audit.Details.Table['headings']} */
-    const headings = [
-      /* eslint-disable max-len */
-      {key: 'issueType', itemType: 'text', subItemsHeading: {key: 'url', itemType: 'url'}, text: str_(UIStrings.columnIssueType)},
-      /* eslint-enable max-len */
-    ];
-
-    const issues = artifacts.InspectorIssues;
-    /** @type LH.Audit.Details.TableItem[] */
-    const items = [];
-
-    if (issues.mixedContentIssue.length) {
-      items.push(this.getMixedContentRow(issues.mixedContentIssue));
-    }
-    if (issues.cookieIssue.length) {
-      items.push(this.getCookieRow(issues.cookieIssue));
-    }
-    if (issues.blockedByResponseIssue.length) {
-      items.push(this.getBlockedByResponseRow(issues.blockedByResponseIssue));
-    }
-    if (issues.heavyAdIssue.length) {
-      items.push({issueType: str_(UIStrings.issueTypeHeavyAds)});
-    }
-    const cspIssues = issues.contentSecurityPolicyIssue.filter(issue => {
-      // kTrustedTypesSinkViolation and kTrustedTypesPolicyViolation aren't currently supported by the Issues panel
-      return issue.contentSecurityPolicyViolationType !== 'kTrustedTypesSinkViolation' &&
-        issue.contentSecurityPolicyViolationType !== 'kTrustedTypesPolicyViolation';
-    });
-    if (cspIssues.length) {
-      items.push(this.getContentSecurityPolicyRow(cspIssues));
-    }
-    return {
-      score: items.length > 0 ? 0 : 1,
-      details: Audit.makeTableDetails(headings, items),
-    };
-  }
-}
-
-module.exports = IssuesPanelEntries;
-module.exports.UIStrings = UIStrings;