lighthouse 8.5.1 → 8.6.0-dev.20211013

package/shared/localization/format.js

@@ -0,0 +1,422 @@
+/**
+ * @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.
+ */
+'use strict';
+
+const fs = require('fs');
+
+const MessageFormat = require('intl-messageformat').default;
+const {isObjectOfUnknownValues, isObjectOrArrayOfUnknownValues} = require('../type-verifiers.js');
+
+/** Contains available locales with messages. May be an empty object if bundled. */
+const LOCALE_MESSAGES = require('./locales.js');
+
+/**
+ * The locale tags for the localized messages available to Lighthouse on disk.
+ * When bundled, these will be inlined by brfs.
+ * These locales are considered the "canonical" locales. We support other locales which
+ * are simply aliases to one of these. ex: es-AR (alias) -> es-419 (canonical)
+ */
+let CANONICAL_LOCALES = ['__availableLocales__'];
+// TODO: need brfs in gh-pages-app. For now, above is replaced, see build-i18n.module.js
+if (fs.readdirSync) {
+  CANONICAL_LOCALES = fs.readdirSync(__dirname + '/locales/')
+    .filter(basename => basename.endsWith('.json') && !basename.endsWith('.ctc.json'))
+    .map(locale => locale.replace('.json', ''))
+    .sort();
+}
+
+/** @typedef {import('intl-messageformat-parser').Element} MessageElement */
+/** @typedef {import('intl-messageformat-parser').ArgumentElement} ArgumentElement */
+
+const MESSAGE_I18N_ID_REGEX = / | [^\s]+$/;
+
+const formats = {
+  number: {
+    bytes: {
+      maximumFractionDigits: 0,
+    },
+    milliseconds: {
+      maximumFractionDigits: 0,
+    },
+    seconds: {
+      // Force the seconds to the tenths place for limited output and ease of scanning
+      minimumFractionDigits: 1,
+      maximumFractionDigits: 1,
+    },
+    extendedPercent: {
+      // Force allow up to two digits after decimal place in percentages. (Intl.NumberFormat options)
+      maximumFractionDigits: 2,
+      style: 'percent',
+    },
+  },
+};
+
+/**
+ * Function to retrieve all 'argumentElement's from an ICU message. An argumentElement
+ * is an ICU element with an argument in it, like '{varName}' or '{varName, number, bytes}'. This
+ * differs from 'messageElement's which are just arbitrary text in a message.
+ *
+ * Notes:
+ *  This function will recursively inspect plural elements for nested argumentElements.
+ *
+ *  We need to find all the elements from the plural format sections, but
+ *  they need to be deduplicated. I.e. "=1{hello {icu}} =other{hello {icu}}"
+ *  the variable "icu" would appear twice if it wasn't de duplicated. And they cannot
+ *  be stored in a set because they are not equal since their locations are different,
+ *  thus they are stored via a Map keyed on the "id" which is the ICU varName.
+ *
+ * @param {Array<MessageElement>} icuElements
+ * @param {Map<string, ArgumentElement>} [seenElementsById]
+ * @return {Map<string, ArgumentElement>}
+ */
+function collectAllCustomElementsFromICU(icuElements, seenElementsById = new Map()) {
+  for (const el of icuElements) {
+    // We are only interested in elements that need ICU formatting (argumentElements)
+    if (el.type !== 'argumentElement') continue;
+
+    seenElementsById.set(el.id, el);
+
+    // Plurals need to be inspected recursively
+    if (!el.format || el.format.type !== 'pluralFormat') continue;
+    // Look at all options of the plural (=1{} =other{}...)
+    for (const option of el.format.options) {
+      // Run collections on each option's elements
+      collectAllCustomElementsFromICU(option.value.elements, seenElementsById);
+    }
+  }
+
+  return seenElementsById;
+}
+
+/**
+ * Returns a copy of the `values` object, with the values formatted based on how
+ * they will be used in their icuMessage, e.g. KB or milliseconds. The original
+ * object is unchanged.
+ * @param {MessageFormat} messageFormatter
+ * @param {Readonly<Record<string, string | number>>} values
+ * @param {string} lhlMessage Used for clear error logging.
+ * @return {Record<string, string | number>}
+ */
+function _preformatValues(messageFormatter, values, lhlMessage) {
+  const elementMap = collectAllCustomElementsFromICU(messageFormatter.getAst().elements);
+  const argumentElements = [...elementMap.values()];
+
+  /** @type {Record<string, string | number>} */
+  const formattedValues = {};
+
+  for (const {id, format} of argumentElements) {
+    // Throw an error if a message's value isn't provided
+    if (id && (id in values) === false) {
+      throw new Error(`ICU Message "${lhlMessage}" contains a value reference ("${id}") ` +
+        `that wasn't provided`);
+    }
+
+    const value = values[id];
+
+    // Direct `{id}` replacement and non-numeric values need no formatting.
+    if (!format || format.type !== 'numberFormat') {
+      formattedValues[id] = value;
+      continue;
+    }
+
+    if (typeof value !== 'number') {
+      throw new Error(`ICU Message "${lhlMessage}" contains a numeric reference ("${id}") ` +
+        'but provided value was not a number');
+    }
+
+    // Format values for known styles.
+    if (format.style === 'milliseconds') {
+      // Round all milliseconds to the nearest 10.
+      formattedValues[id] = Math.round(value / 10) * 10;
+    } else if (format.style === 'seconds' && id === 'timeInMs') {
+      // Convert all seconds to the correct unit (currently only for `timeInMs`).
+      formattedValues[id] = Math.round(value / 100) / 10;
+    } else if (format.style === 'bytes') {
+      // Replace all the bytes with KB.
+      formattedValues[id] = value / 1024;
+    } else {
+      // For all other number styles, the value isn't changed.
+      formattedValues[id] = value;
+    }
+  }
+
+  // Throw an error if a value is provided but has no placeholder in the message.
+  for (const valueId of Object.keys(values)) {
+    if (valueId in formattedValues) continue;
+
+    // errorCode is a special case always allowed to help LHError ease-of-use.
+    if (valueId === 'errorCode') {
+      formattedValues.errorCode = values.errorCode;
+      continue;
+    }
+
+    throw new Error(`Provided value "${valueId}" does not match any placeholder in ` +
+      `ICU message "${lhlMessage}"`);
+  }
+
+  return formattedValues;
+}
+
+/**
+ * Format string `message` by localizing `values` and inserting them. `message`
+ * is assumed to already be in the given locale.
+ * If you need to localize a messagem `getFormatted` is probably what you want.
+ * @param {string} message
+ * @param {Record<string, string | number>} values
+ * @param {LH.Locale} locale
+ * @return {string}
+ */
+function _formatMessage(message, values = {}, locale) {
+  // When using accented english, force the use of a different locale for number formatting.
+  const localeForMessageFormat = (locale === 'en-XA' || locale === 'en-XL') ? 'de-DE' : locale;
+
+  const formatter = new MessageFormat(message, localeForMessageFormat, formats);
+
+  // Preformat values for the message format like KB and milliseconds.
+  const valuesForMessageFormat = _preformatValues(formatter, values, message);
+
+  return formatter.format(valuesForMessageFormat);
+}
+
+/**
+ * Retrieves the localized version of `icuMessage` and formats with any given
+ * value replacements.
+ * @param {LH.IcuMessage} icuMessage
+ * @param {LH.Locale} locale
+ * @return {string}
+ */
+function _localizeIcuMessage(icuMessage, locale) {
+  const localeMessages = LOCALE_MESSAGES[locale];
+  if (!localeMessages) throw new Error(`Unsupported locale '${locale}'`);
+  const localeMessage = localeMessages[icuMessage.i18nId];
+
+  // Fall back to the default (usually the original english message) if we couldn't find a
+  // message in the specified locale. This could be because of string drift between
+  // Lighthouse versions or because new strings haven't been updated yet. Better to have
+  // an english message than no message at all; in some cases it won't even matter.
+  if (!localeMessage) {
+    return icuMessage.formattedDefault;
+  }
+
+  return _formatMessage(localeMessage.message, icuMessage.values, locale);
+}
+
+/**
+ * @param {LH.Locale} locale
+ * @return {Record<string, string>}
+ */
+function getRendererFormattedStrings(locale) {
+  const localeMessages = LOCALE_MESSAGES[locale];
+  if (!localeMessages) throw new Error(`Unsupported locale '${locale}'`);
+
+  const icuMessageIds = Object.keys(localeMessages).filter(f => f.startsWith('report/'));
+  /** @type {Record<string, string>} */
+  const strings = {};
+  for (const icuMessageId of icuMessageIds) {
+    const {filename, key} = getIcuMessageIdParts(icuMessageId);
+    if (!filename.endsWith('util.js')) throw new Error(`Unexpected message: ${icuMessageId}`);
+
+    strings[key] = localeMessages[icuMessageId].message;
+  }
+
+  return strings;
+}
+
+/**
+ * Returns whether `icuMessageOrNot`` is an `LH.IcuMessage` instance.
+ * @param {unknown} icuMessageOrNot
+ * @return {icuMessageOrNot is LH.IcuMessage}
+ */
+function isIcuMessage(icuMessageOrNot) {
+  if (!isObjectOfUnknownValues(icuMessageOrNot)) {
+    return false;
+  }
+
+  const {i18nId, values, formattedDefault} = icuMessageOrNot;
+  if (typeof i18nId !== 'string') {
+    return false;
+  }
+
+  // formattedDefault is required.
+  if (typeof formattedDefault !== 'string') {
+    return false;
+  }
+
+  // Values is optional.
+  if (values !== undefined) {
+    if (!isObjectOfUnknownValues(values)) {
+      return false;
+    }
+    for (const value of Object.values(values)) {
+      if (typeof value !== 'string' && typeof value !== 'number') {
+        return false;
+      }
+    }
+  }
+
+  // Finally return true if i18nId seems correct.
+  return MESSAGE_I18N_ID_REGEX.test(i18nId);
+}
+
+/**
+ * Get the localized and formatted form of `icuMessageOrRawString` if it's an
+ * LH.IcuMessage, or get it back directly if it's already a string.
+ * Warning: this function throws if `icuMessageOrRawString` is not the expected
+ * type (use function from `createIcuMessageFn` to create a valid LH.IcuMessage)
+ * or `locale` isn't supported (use `lookupLocale` to find a valid locale).
+ * @param {LH.IcuMessage | string} icuMessageOrRawString
+ * @param {LH.Locale} locale
+ * @return {string}
+ */
+function getFormatted(icuMessageOrRawString, locale) {
+  if (isIcuMessage(icuMessageOrRawString)) {
+    return _localizeIcuMessage(icuMessageOrRawString, locale);
+  }
+
+  if (typeof icuMessageOrRawString === 'string') {
+    return icuMessageOrRawString;
+  }
+
+  // Should be impossible from types, but do a strict check in case malformed JSON makes it this far.
+  throw new Error('Attempted to format invalid icuMessage type');
+}
+
+/** @param {string[]} pathInLHR */
+function _formatPathAsString(pathInLHR) {
+  let pathAsString = '';
+  for (const property of pathInLHR) {
+    if (/^[a-z]+$/i.test(property)) {
+      if (pathAsString.length) pathAsString += '.';
+      pathAsString += property;
+    } else {
+      if (/]|"|'|\s/.test(property)) throw new Error(`Cannot handle "${property}" in i18n`);
+      pathAsString += `[${property}]`;
+    }
+  }
+
+  return pathAsString;
+}
+
+/**
+ * Recursively walk the input object, looking for property values that are
+ * `LH.IcuMessage`s and replace them with their localized values. Primarily
+ * used with the full LHR or a Config as input.
+ * Returns a map of locations that were replaced to the `IcuMessage` that was at
+ * that location.
+ * @param {unknown} inputObject
+ * @param {LH.Locale} locale
+ * @return {LH.Result.IcuMessagePaths}
+ */
+function replaceIcuMessages(inputObject, locale) {
+  /**
+   * @param {unknown} subObject
+   * @param {LH.Result.IcuMessagePaths} icuMessagePaths
+   * @param {string[]} pathInLHR
+   */
+  function replaceInObject(subObject, icuMessagePaths, pathInLHR = []) {
+    if (!isObjectOrArrayOfUnknownValues(subObject)) return;
+
+    for (const [property, possibleIcuMessage] of Object.entries(subObject)) {
+      const currentPathInLHR = pathInLHR.concat([property]);
+
+      // Replace any IcuMessages with a localized string.
+      if (isIcuMessage(possibleIcuMessage)) {
+        const formattedString = getFormatted(possibleIcuMessage, locale);
+        const messageInstancesInLHR = icuMessagePaths[possibleIcuMessage.i18nId] || [];
+        const currentPathAsString = _formatPathAsString(currentPathInLHR);
+
+        messageInstancesInLHR.push(
+          possibleIcuMessage.values ?
+            {values: possibleIcuMessage.values, path: currentPathAsString} :
+            currentPathAsString
+        );
+
+        // @ts-ignore - tsc doesn't like that `property` can be either string key or array index.
+        subObject[property] = formattedString;
+        icuMessagePaths[possibleIcuMessage.i18nId] = messageInstancesInLHR;
+      } else {
+        replaceInObject(possibleIcuMessage, icuMessagePaths, currentPathInLHR);
+      }
+    }
+  }
+
+  /** @type {LH.Result.IcuMessagePaths} */
+  const icuMessagePaths = {};
+  replaceInObject(inputObject, icuMessagePaths);
+  return icuMessagePaths;
+}
+
+/**
+ * Returns whether the `requestedLocale` can be used.
+ * @param {LH.Locale} requestedLocale
+ * @return {boolean}
+ */
+function hasLocale(requestedLocale) {
+  const hasIntlSupport = Intl.NumberFormat.supportedLocalesOf([requestedLocale]).length > 0;
+  const hasMessages = Boolean(LOCALE_MESSAGES[requestedLocale]);
+
+  return hasIntlSupport && hasMessages;
+}
+
+/**
+ * Returns a list of canonical locales (each of which may have aliases, but those would
+ * only show in getAvailableLocales)
+ * TODO: create a CanonicalLocale type
+ * @return {Array<string>}
+ */
+function getCanonicalLocales() {
+  return CANONICAL_LOCALES;
+}
+
+/**
+ * Returns a list of available locales.
+ *  - if full build, this includes all canonical locales, aliases, and any locale added
+ *      via `registerLocaleData`.
+ *  - if bundled and locale messages have been stripped (locales.js shimmed), this includes no
+ *      locales (perhaps available in a separate bundle), and perhaps any locales
+ *      from `registerLocaleData`.
+ * @return {Array<LH.Locale>}
+ */
+function getAvailableLocales() {
+  return /** @type {Array<LH.Locale>} */ (Object.keys(LOCALE_MESSAGES).sort());
+}
+
+/**
+ * Populate the i18n string lookup dict with locale data
+ * Used when the host environment selects the locale and serves lighthouse the intended locale file
+ * @see https://docs.google.com/document/d/1jnt3BqKB-4q3AE94UWFA0Gqspx8Sd_jivlB7gQMlmfk/edit
+ * @param {LH.Locale} locale
+ * @param {import('./locales').LhlMessages} lhlMessages
+ */
+function registerLocaleData(locale, lhlMessages) {
+  LOCALE_MESSAGES[locale] = lhlMessages;
+}
+
+/**
+ * @param {string} i18nMessageId
+ */
+function getIcuMessageIdParts(i18nMessageId) {
+  if (!MESSAGE_I18N_ID_REGEX.test(i18nMessageId)) {
+    throw Error(`"${i18nMessageId}" does not appear to be a valid ICU message id`);
+  }
+  const [filename, key] = i18nMessageId.split(' | ');
+  return {filename, key};
+}
+
+module.exports = {
+  _formatPathAsString,
+  collectAllCustomElementsFromICU,
+  isIcuMessage,
+  getFormatted,
+  getRendererFormattedStrings,
+  replaceIcuMessages,
+  hasLocale,
+  registerLocaleData,
+  _formatMessage,
+  getIcuMessageIdParts,
+  getAvailableLocales,
+  getCanonicalLocales,
+};

package/{lighthouse-core/lib/cdt/Common.js → shared/localization/i18n-module.js}

@@ -1,14 +1,9 @@
 /**
- * @license Copyright 2020 The Lighthouse Authors. All Rights Reserved.
+ * @license Copyright 2021 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.
  */
 'use strict';
 
-/** @fileoverview Needed for the generated/SourceMap.js file */
-
-const Common = {
-  console,
-};
-
-module.exports = Common;
+module.exports.swapLocale = require('./swap-locale.js');
+module.exports.format = require('./format.js');

package/{lighthouse-core/lib/i18n → shared/localization}/locales/ar-XB.json

@@ -1,4 +1,115 @@
 {
+  "flow-report/src/i18n/ui-strings.js | allReports": {
+    "message": "‏‮All‬‏ ‏‮Reports‬‏"
+  },
+  "flow-report/src/i18n/ui-strings.js | categories": {
+    "message": "‏‮Categories‬‏"
+  },
+  "flow-report/src/i18n/ui-strings.js | categoryAccessibility": {
+    "message": "‏‮Accessibility‬‏"
+  },
+  "flow-report/src/i18n/ui-strings.js | categoryBestPractices": {
+    "message": "‏‮Best‬‏ ‏‮Practices‬‏"
+  },
+  "flow-report/src/i18n/ui-strings.js | categoryPerformance": {
+    "message": "‏‮Performance‬‏"
+  },
+  "flow-report/src/i18n/ui-strings.js | categoryProgressiveWebApp": {
+    "message": "‏‮Progressive‬‏ ‏‮Web‬‏ ‏‮App‬‏"
+  },
+  "flow-report/src/i18n/ui-strings.js | categorySeo": {
+    "message": "‏‮SEO‬‏"
+  },
+  "flow-report/src/i18n/ui-strings.js | desktop": {
+    "message": "‏‮Desktop‬‏"
+  },
+  "flow-report/src/i18n/ui-strings.js | helpDialogTitle": {
+    "message": "‏‮Understanding‬‏ ‏‮the‬‏ ‏‮Lighthouse‬‏ ‏‮Flow‬‏ ‏‮Report‬‏"
+  },
+  "flow-report/src/i18n/ui-strings.js | helpLabel": {
+    "message": "‏‮Understanding‬‏ ‏‮Flows‬‏"
+  },
+  "flow-report/src/i18n/ui-strings.js | helpUseCaseInstructionNavigation": {
+    "message": "‏‮Use‬‏ ‏‮Navigation‬‏ ‏‮reports‬‏ ‏‮to‬‏..."
+  },
+  "flow-report/src/i18n/ui-strings.js | helpUseCaseInstructionSnapshot": {
+    "message": "‏‮Use‬‏ ‏‮Snapshot‬‏ ‏‮reports‬‏ ‏‮to‬‏..."
+  },
+  "flow-report/src/i18n/ui-strings.js | helpUseCaseInstructionTimespan": {
+    "message": "‏‮Use‬‏ ‏‮Timespan‬‏ ‏‮reports‬‏ ‏‮to‬‏..."
+  },
+  "flow-report/src/i18n/ui-strings.js | helpUseCaseNavigation1": {
+    "message": "‏‮Obtain‬‏ ‏‮a‬‏ ‏‮Lighthouse‬‏ ‏‮Performance‬‏ ‏‮score‬‏."
+  },
+  "flow-report/src/i18n/ui-strings.js | helpUseCaseNavigation2": {
+    "message": "‏‮Measure‬‏ ‏‮page‬‏ ‏‮load‬‏ ‏‮Performance‬‏ ‏‮metrics‬‏ ‏‮such‬‏ ‏‮as‬‏ ‏‮Largest‬‏ ‏‮Contentful‬‏ ‏‮Paint‬‏ ‏‮and‬‏ ‏‮Speed‬‏ ‏‮Index‬‏."
+  },
+  "flow-report/src/i18n/ui-strings.js | helpUseCaseNavigation3": {
+    "message": "‏‮Assess‬‏ ‏‮Progressive‬‏ ‏‮Web‬‏ ‏‮App‬‏ ‏‮capabilities‬‏."
+  },
+  "flow-report/src/i18n/ui-strings.js | helpUseCaseSnapshot1": {
+    "message": "‏‮Find‬‏ ‏‮accessibility‬‏ ‏‮issues‬‏ ‏‮in‬‏ ‏‮single‬‏ ‏‮page‬‏ ‏‮applications‬‏ ‏‮or‬‏ ‏‮complex‬‏ ‏‮forms‬‏."
+  },
+  "flow-report/src/i18n/ui-strings.js | helpUseCaseSnapshot2": {
+    "message": "‏‮Evaluate‬‏ ‏‮best‬‏ ‏‮practices‬‏ ‏‮of‬‏ ‏‮menus‬‏ ‏‮and‬‏ ‏‮UI‬‏ ‏‮elements‬‏ ‏‮hidden‬‏ ‏‮behind‬‏ ‏‮interaction‬‏."
+  },
+  "flow-report/src/i18n/ui-strings.js | helpUseCaseTimespan1": {
+    "message": "‏‮Measure‬‏ ‏‮layout‬‏ ‏‮shifts‬‏ ‏‮and‬‏ ‏‮JavaScript‬‏ ‏‮execution‬‏ ‏‮time‬‏ ‏‮on‬‏ ‏‮a‬‏ ‏‮series‬‏ ‏‮of‬‏ ‏‮interactions‬‏."
+  },
+  "flow-report/src/i18n/ui-strings.js | helpUseCaseTimespan2": {
+    "message": "‏‮Discover‬‏ ‏‮performance‬‏ ‏‮opportunities‬‏ ‏‮to‬‏ ‏‮improve‬‏ ‏‮the‬‏ ‏‮experience‬‏ ‏‮for‬‏ ‏‮long‬‏-‏‮lived‬‏ ‏‮pages‬‏ ‏‮and‬‏ ‏‮single‬‏-‏‮page‬‏ ‏‮applications‬‏."
+  },
+  "flow-report/src/i18n/ui-strings.js | mobile": {
+    "message": "‏‮Mobile‬‏"
+  },
+  "flow-report/src/i18n/ui-strings.js | navigationDescription": {
+    "message": "‏‮Page‬‏ ‏‮load‬‏"
+  },
+  "flow-report/src/i18n/ui-strings.js | navigationLongDescription": {
+    "message": "‏‮Navigation‬‏ ‏‮reports‬‏ ‏‮analyze‬‏ ‏‮a‬‏ ‏‮single‬‏ ‏‮page‬‏ ‏‮load‬‏, ‏‮exactly‬‏ ‏‮like‬‏ ‏‮the‬‏ ‏‮original‬‏ ‏‮Lighthouse‬‏ ‏‮reports‬‏."
+  },
+  "flow-report/src/i18n/ui-strings.js | navigationReport": {
+    "message": "‏‮Navigation‬‏ ‏‮report‬‏"
+  },
+  "flow-report/src/i18n/ui-strings.js | ratingAverage": {
+    "message": "‏‮Average‬‏"
+  },
+  "flow-report/src/i18n/ui-strings.js | ratingError": {
+    "message": "‏‮Error‬‏"
+  },
+  "flow-report/src/i18n/ui-strings.js | ratingFail": {
+    "message": "‏‮Poor‬‏"
+  },
+  "flow-report/src/i18n/ui-strings.js | ratingPass": {
+    "message": "‏‮Good‬‏"
+  },
+  "flow-report/src/i18n/ui-strings.js | save": {
+    "message": "‏‮Save‬‏"
+  },
+  "flow-report/src/i18n/ui-strings.js | snapshotDescription": {
+    "message": "‏‮Captured‬‏ ‏‮state‬‏ ‏‮of‬‏ ‏‮page‬‏"
+  },
+  "flow-report/src/i18n/ui-strings.js | snapshotLongDescription": {
+    "message": "‏‮Snapshot‬‏ ‏‮reports‬‏ ‏‮analyze‬‏ ‏‮the‬‏ ‏‮page‬‏ ‏‮in‬‏ ‏‮a‬‏ ‏‮particular‬‏ ‏‮state‬‏, ‏‮typically‬‏ ‏‮after‬‏ ‏‮user‬‏ ‏‮interactions‬‏."
+  },
+  "flow-report/src/i18n/ui-strings.js | snapshotReport": {
+    "message": "‏‮Snapshot‬‏ ‏‮report‬‏"
+  },
+  "flow-report/src/i18n/ui-strings.js | summary": {
+    "message": "‏‮Summary‬‏"
+  },
+  "flow-report/src/i18n/ui-strings.js | timespanDescription": {
+    "message": "‏‮User‬‏ ‏‮interactions‬‏"
+  },
+  "flow-report/src/i18n/ui-strings.js | timespanLongDescription": {
+    "message": "‏‮Timespan‬‏ ‏‮reports‬‏ ‏‮analyze‬‏ ‏‮an‬‏ ‏‮arbitrary‬‏ ‏‮period‬‏ ‏‮of‬‏ ‏‮time‬‏, ‏‮typically‬‏ ‏‮containing‬‏ ‏‮user‬‏ ‏‮interactions‬‏."
+  },
+  "flow-report/src/i18n/ui-strings.js | timespanReport": {
+    "message": "‏‮Timespan‬‏ ‏‮report‬‏"
+  },
+  "flow-report/src/i18n/ui-strings.js | title": {
+    "message": "‏‮Lighthouse‬‏ ‏‮User‬‏ ‏‮Flow‬‏ ‏‮Report‬‏"
+  },
   "lighthouse-core/audits/accessibility/accesskeys.js | description": {
     "message": "‏‮Access‬‏ ‏‮keys‬‏ ‏‮let‬‏ ‏‮users‬‏ ‏‮quickly‬‏ ‏‮focus‬‏ ‏‮a‬‏ ‏‮part‬‏ ‏‮of‬‏ ‏‮the‬‏ ‏‮page‬‏. ‏‮For‬‏ ‏‮proper‬‏ ‏‮navigation‬‏, ‏‮each‬‏ ‏‮access‬‏ ‏‮key‬‏ ‏‮must‬‏ ‏‮be‬‏ ‏‮unique‬‏. [‏‮Learn‬‏ ‏‮more‬‏](https://web.dev/accesskeys/)."
   },
@@ -554,6 +665,12 @@
   "lighthouse-core/audits/byte-efficiency/uses-responsive-images-snapshot.js | columnDisplayedDimensions": {
     "message": "‏‮Displayed‬‏ ‏‮dimensions‬‏"
   },
+  "lighthouse-core/audits/byte-efficiency/uses-responsive-images-snapshot.js | failureTitle": {
+    "message": "‏‮Images‬‏ ‏‮were‬‏ ‏‮larger‬‏ ‏‮than‬‏ ‏‮their‬‏ ‏‮displayed‬‏ ‏‮size‬‏"
+  },
+  "lighthouse-core/audits/byte-efficiency/uses-responsive-images-snapshot.js | title": {
+    "message": "‏‮Images‬‏ ‏‮were‬‏ ‏‮appropriate‬‏ ‏‮for‬‏ ‏‮their‬‏ ‏‮displayed‬‏ ‏‮size‬‏"
+  },
   "lighthouse-core/audits/byte-efficiency/uses-responsive-images.js | description": {
     "message": "‏‮Serve‬‏ ‏‮images‬‏ ‏‮that‬‏ ‏‮are‬‏ ‏‮appropriately‬‏-‏‮sized‬‏ ‏‮to‬‏ ‏‮save‬‏ ‏‮cellular‬‏ ‏‮data‬‏ ‏‮and‬‏ ‏‮improve‬‏ ‏‮load‬‏ ‏‮time‬‏. [‏‮Learn‬‏ ‏‮more‬‏](https://web.dev/uses-responsive-images/)."
   },
@@ -1007,6 +1124,15 @@
   "lighthouse-core/audits/layout-shift-elements.js | title": {
     "message": "‏‮Avoid‬‏ ‏‮large‬‏ ‏‮layout‬‏ ‏‮shifts‬‏"
   },
+  "lighthouse-core/audits/lcp-lazy-loaded.js | description": {
+    "message": "‏‮Above‬‏-‏‮the‬‏-‏‮fold‬‏ ‏‮images‬‏ ‏‮that‬‏ ‏‮are‬‏ ‏‮lazily‬‏ ‏‮loaded‬‏ ‏‮render‬‏ ‏‮later‬‏ ‏‮in‬‏ ‏‮the‬‏ ‏‮page‬‏ ‏‮lifecycle‬‏, ‏‮which‬‏ ‏‮can‬‏ ‏‮delay‬‏ ‏‮the‬‏ ‏‮largest‬‏ ‏‮contentful‬‏ ‏‮paint‬‏. [‏‮Learn‬‏ ‏‮more‬‏](https://web.dev/lcp-lazy-loading/)."
+  },
+  "lighthouse-core/audits/lcp-lazy-loaded.js | failureTitle": {
+    "message": "‏‮Largest‬‏ ‏‮Contentful‬‏ ‏‮Paint‬‏ ‏‮image‬‏ ‏‮was‬‏ ‏‮lazily‬‏ ‏‮loaded‬‏"
+  },
+  "lighthouse-core/audits/lcp-lazy-loaded.js | title": {
+    "message": "‏‮Largest‬‏ ‏‮Contentful‬‏ ‏‮Paint‬‏ ‏‮image‬‏ ‏‮was‬‏ ‏‮not‬‏ ‏‮lazily‬‏ ‏‮loaded‬‏"
+  },
   "lighthouse-core/audits/long-tasks.js | description": {
     "message": "‏‮Lists‬‏ ‏‮the‬‏ ‏‮longest‬‏ ‏‮tasks‬‏ ‏‮on‬‏ ‏‮the‬‏ ‏‮main‬‏ ‏‮thread‬‏, ‏‮useful‬‏ ‏‮for‬‏ ‏‮identifying‬‏ ‏‮worst‬‏ ‏‮contributors‬‏ ‏‮to‬‏ ‏‮input‬‏ ‏‮delay‬‏. [‏‮Learn‬‏ ‏‮more‬‏](https://web.dev/long-tasks-devtools/)"
   },
@@ -1524,7 +1650,7 @@
     "message": "‏‮Page‬‏ ‏‮has‬‏ ‏‮valid‬‏ ‏‮source‬‏ ‏‮maps‬‏"
   },
   "lighthouse-core/audits/viewport.js | description": {
-    "message": "‏‮Add‬‏ ‏‮a‬‏ `<meta name=\"viewport\">` ‏‮tag‬‏ ‏‮to‬‏ ‏‮optimize‬‏ ‏‮your‬‏ ‏‮app‬‏ ‏‮for‬‏ ‏‮mobile‬‏ ‏‮screens‬‏. [‏‮Learn‬‏ ‏‮more‬‏](https://web.dev/viewport/)."
+    "message": "‏‮A‬‏ `<meta name=\"viewport\">` ‏‮not‬‏ ‏‮only‬‏ ‏‮optimizes‬‏ ‏‮your‬‏ ‏‮app‬‏ ‏‮for‬‏ ‏‮mobile‬‏ ‏‮screen‬‏ ‏‮sizes‬‏, ‏‮but‬‏ ‏‮also‬‏ ‏‮prevents‬‏ [‏‮a‬‏ 300 ‏‮millisecond‬‏ ‏‮delay‬‏ ‏‮to‬‏ ‏‮user‬‏ ‏‮input‬‏](https://developers.google.com/web/updates/2013/12/300ms-tap-delay-gone-away). [‏‮Learn‬‏ ‏‮more‬‏](https://web.dev/viewport/)."
   },
   "lighthouse-core/audits/viewport.js | explanationNoTag": {
     "message": "‏‮No‬‏ `<meta name=\"viewport\">` ‏‮tag‬‏ ‏‮found‬‏"
@@ -1659,7 +1785,7 @@
     "message": "‏‮PWA‬‏ ‏‮Optimized‬‏"
   },
   "lighthouse-core/config/default-config.js | seoCategoryDescription": {
-    "message": "‏‮These‬‏ ‏‮checks‬‏ ‏‮ensure‬‏ ‏‮that‬‏ ‏‮your‬‏ ‏‮page‬‏ ‏‮is‬‏ ‏‮optimized‬‏ ‏‮for‬‏ ‏‮search‬‏ ‏‮engine‬‏ ‏‮results‬‏ ‏‮ranking‬‏. ‏‮There‬‏ ‏‮are‬‏ ‏‮additional‬‏ ‏‮factors‬‏ ‏‮Lighthouse‬‏ ‏‮does‬‏ ‏‮not‬‏ ‏‮check‬‏ ‏‮that‬‏ ‏‮may‬‏ ‏‮affect‬‏ ‏‮your‬‏ ‏‮search‬‏ ‏‮ranking‬‏. [‏‮Learn‬‏ ‏‮more‬‏](https://support.google.com/webmasters/answer/35769)."
+    "message": "‏‮These‬‏ ‏‮checks‬‏ ‏‮ensure‬‏ ‏‮that‬‏ ‏‮your‬‏ ‏‮page‬‏ ‏‮is‬‏ ‏‮following‬‏ ‏‮basic‬‏ ‏‮search‬‏ ‏‮engine‬‏ ‏‮optimization‬‏ ‏‮advice‬‏. ‏‮There‬‏ ‏‮are‬‏ ‏‮many‬‏ ‏‮additional‬‏ ‏‮factors‬‏ ‏‮Lighthouse‬‏ ‏‮does‬‏ ‏‮not‬‏ ‏‮score‬‏ ‏‮here‬‏ ‏‮that‬‏ ‏‮may‬‏ ‏‮affect‬‏ ‏‮your‬‏ ‏‮search‬‏ ‏‮ranking‬‏, ‏‮including‬‏ ‏‮performance‬‏ ‏‮on‬‏ [‏‮Core‬‏ ‏‮Web‬‏ ‏‮Vitals‬‏](https://web.dev/learn-web-vitals/). [‏‮Learn‬‏ ‏‮more‬‏](https://support.google.com/webmasters/answer/35769)."
   },
   "lighthouse-core/config/default-config.js | seoCategoryManualDescription": {
     "message": "‏‮Run‬‏ ‏‮these‬‏ ‏‮additional‬‏ ‏‮validators‬‏ ‏‮on‬‏ ‏‮your‬‏ ‏‮site‬‏ ‏‮to‬‏ ‏‮check‬‏ ‏‮additional‬‏ ‏‮SEO‬‏ ‏‮best‬‏ ‏‮practices‬‏."
@@ -1713,7 +1839,7 @@
     "message": "‏‮Missing‬‏ ‏‮base‬‏-‏‮uri‬‏ ‏‮allows‬‏ ‏‮injected‬‏ <base> ‏‮tags‬‏ ‏‮to‬‏ ‏‮set‬‏ ‏‮the‬‏ ‏‮base‬‏ ‏‮URL‬‏ ‏‮for‬‏ ‏‮all‬‏ ‏‮relative‬‏ ‏‮URLs‬‏ (‏‮e‬‏.‏‮g‬‏. ‏‮scripts‬‏) ‏‮to‬‏ ‏‮an‬‏ ‏‮attacker‬‏ ‏‮controlled‬‏ ‏‮domain‬‏. ‏‮Consider‬‏ ‏‮setting‬‏ ‏‮base‬‏-‏‮uri‬‏ ‏‮to‬‏ '‏‮none‬‏' ‏‮or‬‏ '‏‮self‬‏'."
   },
   "lighthouse-core/lib/csp-evaluator.js | missingObjectSrc": {
-    "message": "‏‮Elements‬‏ ‏‮controlled‬‏ ‏‮by‬‏ ‏‮object‬‏-‏‮src‬‏ ‏‮are‬‏ ‏‮considered‬‏ ‏‮legacy‬‏ ‏‮features‬‏. ‏‮Consider‬‏ ‏‮setting‬‏ ‏‮object‬‏-‏‮src‬‏ ‏‮to‬‏ '‏‮none‬‏' ‏‮to‬‏ ‏‮prevent‬‏ ‏‮the‬‏ ‏‮injection‬‏ ‏‮of‬‏ ‏‮plugins‬‏ ‏‮that‬‏ ‏‮execute‬‏ ‏‮unsafe‬‏ ‏‮scripts‬‏."
+    "message": "‏‮Missing‬‏ ‏‮object‬‏-‏‮src‬‏ ‏‮allows‬‏ ‏‮the‬‏ ‏‮injection‬‏ ‏‮of‬‏ ‏‮plugins‬‏ ‏‮that‬‏ ‏‮execute‬‏ ‏‮unsafe‬‏ ‏‮scripts‬‏. ‏‮Consider‬‏ ‏‮setting‬‏ ‏‮object‬‏-‏‮src‬‏ ‏‮to‬‏ '‏‮none‬‏' ‏‮if‬‏ ‏‮you‬‏ ‏‮can‬‏."
   },
   "lighthouse-core/lib/csp-evaluator.js | missingScriptSrc": {
     "message": "‏‮script‬‏-‏‮src‬‏ ‏‮directive‬‏ ‏‮is‬‏ ‏‮missing‬‏. ‏‮This‬‏ ‏‮can‬‏ ‏‮allow‬‏ ‏‮the‬‏ ‏‮execution‬‏ ‏‮of‬‏ ‏‮unsafe‬‏ ‏‮scripts‬‏."
@@ -1727,6 +1853,12 @@
   "lighthouse-core/lib/csp-evaluator.js | nonceLength": {
     "message": "‏‮Nonces‬‏ ‏‮should‬‏ ‏‮be‬‏ ‏‮at‬‏ ‏‮least‬‏ 8 ‏‮characters‬‏ ‏‮long‬‏."
   },
+  "lighthouse-core/lib/csp-evaluator.js | plainUrlScheme": {
+    "message": "‏‮Avoid‬‏ ‏‮using‬‏ ‏‮plain‬‏ ‏‮URL‬‏ ‏‮schemes‬‏ ({keyword}) ‏‮in‬‏ ‏‮this‬‏ ‏‮directive‬‏. ‏‮Plain‬‏ ‏‮URL‬‏ ‏‮schemes‬‏ ‏‮allow‬‏ ‏‮scripts‬‏ ‏‮to‬‏ ‏‮be‬‏ ‏‮sourced‬‏ ‏‮from‬‏ ‏‮an‬‏ ‏‮unsafe‬‏ ‏‮domain‬‏."
+  },
+  "lighthouse-core/lib/csp-evaluator.js | plainWildcards": {
+    "message": "‏‮Avoid‬‏ ‏‮using‬‏ ‏‮plain‬‏ ‏‮wildcards‬‏ ({keyword}) ‏‮in‬‏ ‏‮this‬‏ ‏‮directive‬‏. ‏‮Plain‬‏ ‏‮wildcards‬‏ ‏‮allow‬‏ ‏‮scripts‬‏ ‏‮to‬‏ ‏‮be‬‏ ‏‮sourced‬‏ ‏‮from‬‏ ‏‮an‬‏ ‏‮unsafe‬‏ ‏‮domain‬‏."
+  },
   "lighthouse-core/lib/csp-evaluator.js | reportToOnly": {
     "message": "‏‮The‬‏ ‏‮reporting‬‏ ‏‮destination‬‏ ‏‮is‬‏ ‏‮only‬‏ ‏‮configured‬‏ ‏‮via‬‏ ‏‮the‬‏ ‏‮report‬‏-‏‮to‬‏ ‏‮directive‬‏. ‏‮This‬‏ ‏‮directive‬‏ ‏‮is‬‏ ‏‮only‬‏ ‏‮supported‬‏ ‏‮in‬‏ ‏‮Chromium‬‏-‏‮based‬‏ ‏‮browsers‬‏ ‏‮so‬‏ ‏‮it‬‏ ‏‮is‬‏ ‏‮recommended‬‏ ‏‮to‬‏ ‏‮also‬‏ ‏‮use‬‏ ‏‮a‬‏ ‏‮report‬‏-‏‮uri‬‏ ‏‮directive‬‏."
   },
@@ -1734,7 +1866,7 @@
     "message": "‏‮No‬‏ ‏‮CSP‬‏ ‏‮configures‬‏ ‏‮a‬‏ ‏‮reporting‬‏ ‏‮destination‬‏. ‏‮This‬‏ ‏‮makes‬‏ ‏‮it‬‏ ‏‮difficult‬‏ ‏‮to‬‏ ‏‮maintain‬‏ ‏‮the‬‏ ‏‮CSP‬‏ ‏‮over‬‏ ‏‮time‬‏ ‏‮and‬‏ ‏‮monitor‬‏ ‏‮for‬‏ ‏‮any‬‏ ‏‮breakages‬‏."
   },
   "lighthouse-core/lib/csp-evaluator.js | strictDynamic": {
-    "message": "‏‮Host‬‏ ‏‮allowlists‬‏ ‏‮can‬‏ ‏‮frequently‬‏ ‏‮be‬‏ ‏‮bypassed‬‏. ‏‮Consider‬‏ ‏‮using‬‏ '‏‮strict‬‏-‏‮dynamic‬‏' ‏‮in‬‏ ‏‮combination‬‏ ‏‮with‬‏ ‏‮CSP‬‏ ‏‮nonces‬‏ ‏‮or‬‏ ‏‮hashes‬‏."
+    "message": "‏‮Host‬‏ ‏‮allowlists‬‏ ‏‮can‬‏ ‏‮frequently‬‏ ‏‮be‬‏ ‏‮bypassed‬‏. ‏‮Consider‬‏ ‏‮using‬‏ ‏‮CSP‬‏ ‏‮nonces‬‏ ‏‮or‬‏ ‏‮hashes‬‏ ‏‮instead‬‏, ‏‮along‬‏ ‏‮with‬‏ '‏‮strict‬‏-‏‮dynamic‬‏' ‏‮if‬‏ ‏‮necessary‬‏."
   },
   "lighthouse-core/lib/csp-evaluator.js | unknownDirective": {
     "message": "‏‮Unknown‬‏ ‏‮CSP‬‏ ‏‮directive‬‏."
@@ -1742,6 +1874,9 @@
   "lighthouse-core/lib/csp-evaluator.js | unknownKeyword": {
     "message": "{keyword} ‏‮seems‬‏ ‏‮to‬‏ ‏‮be‬‏ ‏‮an‬‏ ‏‮invalid‬‏ ‏‮keyword‬‏."
   },
+  "lighthouse-core/lib/csp-evaluator.js | unsafeInline": {
+    "message": "'‏‮unsafe‬‏-‏‮inline‬‏' ‏‮allows‬‏ ‏‮the‬‏ ‏‮execution‬‏ ‏‮of‬‏ ‏‮unsafe‬‏ ‏‮in‬‏-‏‮page‬‏ ‏‮scripts‬‏ ‏‮and‬‏ ‏‮event‬‏ ‏‮handlers‬‏. ‏‮Consider‬‏ ‏‮using‬‏ ‏‮CSP‬‏ ‏‮nonces‬‏ ‏‮or‬‏ ‏‮hashes‬‏ ‏‮to‬‏ ‏‮allow‬‏ ‏‮scripts‬‏ ‏‮individually‬‏."
+  },
   "lighthouse-core/lib/csp-evaluator.js | unsafeInlineFallback": {
     "message": "‏‮Consider‬‏ ‏‮adding‬‏ '‏‮unsafe‬‏-‏‮inline‬‏' (‏‮ignored‬‏ ‏‮by‬‏ ‏‮browsers‬‏ ‏‮supporting‬‏ ‏‮nonces‬‏/‏‮hashes‬‏) ‏‮to‬‏ ‏‮be‬‏ ‏‮backward‬‏ ‏‮compatible‬‏ ‏‮with‬‏ ‏‮older‬‏ ‏‮browsers‬‏."
   },