lighthouse 9.5.0-dev.20220710 → 9.5.0-dev.20220713

package/lighthouse-core/audits/resource-summary.js

@@ -5,9 +5,9 @@
  */
 'use strict';
 
-const Audit = require('./audit.js');
-const ComputedResourceSummary = require('../computed/resource-summary.js');
-const i18n = require('../lib/i18n/i18n.js');
+import {Audit} from './audit.js';
+import ComputedResourceSummary from '../computed/resource-summary.js';
+import * as i18n from '../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Imperative title of a Lighthouse audit that tells the user to minimize the size and quantity of resources used to load the page. */
@@ -21,7 +21,7 @@ const UIStrings = {
     `other {# requests • {byteCount, number, bytes} KiB}}`,
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 class ResourceSummary extends Audit {
   /**
@@ -100,5 +100,5 @@ class ResourceSummary extends Audit {
   }
 }
 
-module.exports = ResourceSummary;
-module.exports.UIStrings = UIStrings;
+export default ResourceSummary;
+export {UIStrings};

package/lighthouse-core/audits/screenshot-thumbnails.js

@@ -5,10 +5,10 @@
  */
 'use strict';
 
-const Audit = require('./audit.js');
-const LighthouseError = require('../lib/lh-error.js');
-const jpeg = require('jpeg-js');
-const Speedline = require('../computed/speedline.js');
+import {Audit} from './audit.js';
+import {LighthouseError} from '../lib/lh-error.js';
+import jpeg from 'jpeg-js';
+import Speedline from '../computed/speedline.js';
 
 const NUMBER_OF_THUMBNAILS = 10;
 const THUMBNAIL_WIDTH = 120;
@@ -160,4 +160,4 @@ class ScreenshotThumbnails extends Audit {
   }
 }
 
-module.exports = ScreenshotThumbnails;
+export default ScreenshotThumbnails;

package/lighthouse-core/audits/script-elements-test-audit.js

@@ -18,7 +18,7 @@
  * test-only audit in our core list instead.
  */
 
-module.exports = {
+export default {
   meta: {
     id: 'script-elements-test-audit',
     title: 'ScriptElements',

package/lighthouse-core/audits/script-treemap-data.js

@@ -15,11 +15,12 @@
  * @typedef {Omit<LH.Treemap.Node, 'name'|'children'>} SourceData
  */
 
-const Audit = require('./audit.js');
-const JsBundles = require('../computed/js-bundles.js');
-const UnusedJavaScriptSummary = require('../computed/unused-javascript-summary.js');
-const ModuleDuplication = require('../computed/module-duplication.js');
-const {isInline} = require('../lib/script-helpers.js');
+import {Audit} from './audit.js';
+
+import JsBundles from '../computed/js-bundles.js';
+import UnusedJavaScriptSummary from '../computed/unused-javascript-summary.js';
+import ModuleDuplication from '../computed/module-duplication.js';
+import {isInline} from '../lib/script-helpers.js';
 
 class ScriptTreemapDataAudit extends Audit {
   /**
@@ -285,4 +286,4 @@ class ScriptTreemapDataAudit extends Audit {
   }
 }
 
-module.exports = ScriptTreemapDataAudit;
+export default ScriptTreemapDataAudit;

package/lighthouse-core/audits/seo/canonical.js

@@ -5,10 +5,10 @@
  */
 'use strict';
 
-const Audit = require('../audit.js');
-const URL = require('../../lib/url-shim.js');
-const MainResource = require('../../computed/main-resource.js');
-const i18n = require('../../lib/i18n/i18n.js');
+import {Audit} from '../audit.js';
+import URL from '../../lib/url-shim.js';
+import MainResource from '../../computed/main-resource.js';
+import * as i18n from '../../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Title of a Lighthouse audit that provides detail on a page's rel=canonical link. This descriptive title is shown to users when the rel=canonical link is valid. "rel=canonical" is an HTML attribute and value and so should not be translated. */
@@ -43,7 +43,7 @@ const UIStrings = {
     'instead of an equivalent page of content',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 /**
  * @typedef CanonicalURLData
@@ -214,5 +214,5 @@ class Canonical extends Audit {
   }
 }
 
-module.exports = Canonical;
-module.exports.UIStrings = UIStrings;
+export default Canonical;
+export {UIStrings};

package/lighthouse-core/audits/seo/crawlable-anchors.js

@@ -5,8 +5,8 @@
  */
 'use strict';
 
-const Audit = require('../audit.js');
-const i18n = require('../../lib/i18n/i18n.js');
+import {Audit} from '../audit.js';
+import * as i18n from '../../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Title of a Lighthouse audit that provides detail on whether links have potentially-crawlable href attributes. This descriptive title is shown when all links on the page are potentially-crawlable. */
@@ -19,7 +19,7 @@ const UIStrings = {
   columnFailingLink: 'Uncrawlable Link',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 class CrawlableAnchors extends Audit {
   /**
@@ -90,5 +90,5 @@ class CrawlableAnchors extends Audit {
   }
 }
 
-module.exports = CrawlableAnchors;
-module.exports.UIStrings = UIStrings;
+export default CrawlableAnchors;
+export {UIStrings};

package/lighthouse-core/audits/seo/font-size.js

@@ -7,9 +7,11 @@
 
 /** @typedef {LH.Artifacts.FontSize['analyzedFailingNodesData'][0]} FailingNodeData */
 
-const i18n = require('../../lib/i18n/i18n.js');
-const Audit = require('../audit.js');
-const ComputedViewportMeta = require('../../computed/viewport-meta.js');
+import * as i18n from '../../lib/i18n/i18n.js';
+
+import {Audit} from '../audit.js';
+import ComputedViewportMeta from '../../computed/viewport-meta.js';
+
 const MINIMAL_PERCENTAGE_OF_LEGIBLE_TEXT = 60;
 
 const UIStrings = {
@@ -36,7 +38,7 @@ const UIStrings = {
   columnFontSize: 'Font Size',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 /**
  * @param {Array<FailingNodeData>} fontSizeArtifact
@@ -340,5 +342,5 @@ class FontSize extends Audit {
   }
 }
 
-module.exports = FontSize;
-module.exports.UIStrings = UIStrings;
+export default FontSize;
+export {UIStrings};

package/lighthouse-core/audits/seo/hreflang.js

@@ -9,9 +9,10 @@
 /** @typedef {{source: Source, subItems: {type: 'subitems', items: SubItem[]}}} InvalidHreflang */
 /** @typedef {{reason: LH.IcuMessage}} SubItem */
 
-const Audit = require('../audit.js');
-const i18n = require('../../lib/i18n/i18n.js');
-const {isValidLang} = require('../../../third-party/axe/valid-langs.js');
+import {Audit} from '../audit.js';
+
+import * as i18n from '../../lib/i18n/i18n.js';
+import {isValidLang} from '../../../third-party/axe/valid-langs.js';
 
 const NO_LANGUAGE = 'x-default';
 
@@ -30,7 +31,7 @@ const UIStrings = {
   notFullyQualified: 'Relative href value',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 /**
  * @param {string} href
@@ -145,5 +146,5 @@ class Hreflang extends Audit {
   }
 }
 
-module.exports = Hreflang;
-module.exports.UIStrings = UIStrings;
+export default Hreflang;
+export {UIStrings};

package/lighthouse-core/audits/seo/http-status-code.js

@@ -5,11 +5,12 @@
  */
 'use strict';
 
-const Audit = require('../audit.js');
+import {Audit} from '../audit.js';
+import * as i18n from '../../lib/i18n/i18n.js';
+import MainResource from '../../computed/main-resource.js';
+
 const HTTP_UNSUCCESSFUL_CODE_LOW = 400;
 const HTTP_UNSUCCESSFUL_CODE_HIGH = 599;
-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 the HTTP status code a page responds with. This descriptive title is shown when the page has responded with a valid HTTP status code. */
@@ -21,7 +22,7 @@ const UIStrings = {
   '[Learn more](https://web.dev/http-status-code/).',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 class HTTPStatusCode extends Audit {
   /**
@@ -64,5 +65,5 @@ class HTTPStatusCode extends Audit {
   }
 }
 
-module.exports = HTTPStatusCode;
-module.exports.UIStrings = UIStrings;
+export default HTTPStatusCode;
+export {UIStrings};

package/lighthouse-core/audits/seo/is-crawlable.js

@@ -5,18 +5,20 @@
  */
 'use strict';
 
-const Audit = require('../audit.js');
-// TODO(esmodules): cast can be removed when this switches to import.
-const robotsParser = /** @type {typeof import('robots-parser').default} */ (/** @type {unknown} */(require('robots-parser'))); // eslint-disable-line max-len
-const URL = require('../../lib/url-shim.js');
-const MainResource = require('../../computed/main-resource.js');
+import {Audit} from '../audit.js';
+
+import robotsParser from 'robots-parser';
+
+import URL from '../../lib/url-shim.js';
+import MainResource from '../../computed/main-resource.js';
+import * as i18n from '../../lib/i18n/i18n.js';
+
 const BLOCKLIST = new Set([
   'noindex',
   'none',
 ]);
 const ROBOTS_HEADER = 'x-robots-tag';
 const UNAVAILABLE_AFTER = 'unavailable_after';
-const i18n = require('../../lib/i18n/i18n.js');
 
 const UIStrings = {
   /** Title of a Lighthouse audit that provides detail on if search-engine crawlers are blocked from indexing the page. This title is shown when the page is not blocked from indexing and can be crawled. */
@@ -28,7 +30,7 @@ const UIStrings = {
       'if they don\'t have permission to crawl them. [Learn more](https://web.dev/is-crawable/).',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 /**
  * Checks if given directive is a valid unavailable_after directive with a date in the past
@@ -151,5 +153,5 @@ class IsCrawlable extends Audit {
   }
 }
 
-module.exports = IsCrawlable;
-module.exports.UIStrings = UIStrings;
+export default IsCrawlable;
+export {UIStrings};

package/lighthouse-core/audits/seo/link-text.js

@@ -5,8 +5,10 @@
  */
 'use strict';
 
-const Audit = require('../audit.js');
-const URL = require('../../lib/url-shim.js');
+import {Audit} from '../audit.js';
+import URL from '../../lib/url-shim.js';
+import * as i18n from '../../lib/i18n/i18n.js';
+
 const BLOCKLIST = new Set([
   // English
   'click here',
@@ -74,7 +76,6 @@ const BLOCKLIST = new Set([
   'mer info',
   'mer information',
 ]);
-const i18n = require('../../lib/i18n/i18n.js');
 
 const UIStrings = {
   /** Title of a Lighthouse audit that tests if each link on a page contains a sufficient description of what a user will find when they click it. Generic, non-descriptive text like "click here" doesn't give an indication of what the link leads to. This descriptive title is shown when all links on the page have sufficient textual descriptions. */
@@ -91,7 +92,7 @@ const UIStrings = {
     }`,
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 class LinkText extends Audit {
   /**
@@ -156,5 +157,5 @@ class LinkText extends Audit {
   }
 }
 
-module.exports = LinkText;
-module.exports.UIStrings = UIStrings;
+export default LinkText;
+export {UIStrings};

package/lighthouse-core/audits/seo/manual/structured-data.js

@@ -5,8 +5,8 @@
  */
 'use strict';
 
-const ManualAudit = require('../../manual/manual-audit.js');
-const i18n = require('../../../lib/i18n/i18n.js');
+import ManualAudit from '../../manual/manual-audit.js';
+import * as i18n from '../../../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Description of a Lighthouse audit that provides detail on the structured data in a page. "Structured data" is a standardized data format on a page that helps a search engine categorize and understand its contents. This description is displayed after a user expands the section to see more. No character length limits. 'Learn More' becomes link text to additional documentation. */
@@ -15,7 +15,7 @@ const UIStrings = {
   title: 'Structured data is valid',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 /**
  * @fileoverview Manual SEO audit to check if structured data on page is valid.
@@ -34,5 +34,5 @@ class StructuredData extends ManualAudit {
   }
 }
 
-module.exports = StructuredData;
-module.exports.UIStrings = UIStrings;
+export default StructuredData;
+export {UIStrings};

package/lighthouse-core/audits/seo/meta-description.js

@@ -5,8 +5,8 @@
  */
 'use strict';
 
-const Audit = require('../audit.js');
-const i18n = require('../../lib/i18n/i18n.js');
+import {Audit} from '../audit.js';
+import * as i18n from '../../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Title of a Lighthouse audit that provides detail on the web page's document meta description. This descriptive title is shown when the document has a meta description. "meta" should be left untranslated because it refers to an HTML element. */
@@ -21,7 +21,7 @@ const UIStrings = {
   explanation: 'Description text is empty.',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 class Description extends Audit {
   /**
@@ -63,5 +63,5 @@ class Description extends Audit {
   }
 }
 
-module.exports = Description;
-module.exports.UIStrings = UIStrings;
+export default Description;
+export {UIStrings};

package/lighthouse-core/audits/seo/plugins.js

@@ -5,8 +5,8 @@
  */
 'use strict';
 
-const Audit = require('../audit.js');
-const URL = require('../../lib/url-shim.js');
+import {Audit} from '../audit.js';
+import URL from '../../lib/url-shim.js';
 
 const JAVA_APPLET_TYPE = 'application/x-java-applet';
 const JAVA_BEAN_TYPE = 'application/x-java-bean';
@@ -31,7 +31,7 @@ const SOURCE_PARAMS = new Set([
   'source',
   'src',
 ]);
-const i18n = require('../../lib/i18n/i18n.js');
+import * as i18n from '../../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Title of a Lighthouse audit that provides detail on the browser plugins used by the page. This descriptive title is shown when there is no plugin content on the page that would restrict search indexing. */
@@ -44,7 +44,7 @@ const UIStrings = {
     '[Learn more](https://web.dev/plugins/).',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 /**
  * Verifies if given MIME type matches any known plugin MIME type
@@ -148,5 +148,5 @@ class Plugins extends Audit {
   }
 }
 
-module.exports = Plugins;
-module.exports.UIStrings = UIStrings;
+export default Plugins;
+export {UIStrings};

package/lighthouse-core/audits/seo/robots-txt.js

@@ -12,8 +12,9 @@
  * https://github.com/GoogleChrome/lighthouse/issues/4356#issuecomment-375489925
  */
 
-const Audit = require('../audit.js');
-const URL = require('../../lib/url-shim.js');
+import {Audit} from '../audit.js';
+
+import URL from '../../lib/url-shim.js';
 
 const HTTP_CLIENT_ERROR_CODE_LOW = 400;
 const HTTP_SERVER_ERROR_CODE_LOW = 500;
@@ -31,7 +32,7 @@ const DIRECTIVE_SAFELIST = new Set([
   'request-rate', 'visit-time', 'noindex', // not officially supported, but used in the wild
 ]);
 const SITEMAP_VALID_PROTOCOLS = new Set(['https:', 'http:', 'ftp:']);
-const i18n = require('../../lib/i18n/i18n.js');
+import * as i18n from '../../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Title of a Lighthouse audit that provides detail on the site's robots.txt file. Note: "robots.txt" is a canonical filename and should not be translated. This descriptive title is shown when the robots.txt file is present and configured correctly. */
@@ -55,7 +56,7 @@ const UIStrings = {
   explanation: 'Lighthouse was unable to download a robots.txt file',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 /**
  * @param {string} directiveName
@@ -252,5 +253,5 @@ class RobotsTxt extends Audit {
   }
 }
 
-module.exports = RobotsTxt;
-module.exports.UIStrings = UIStrings;
+export default RobotsTxt;
+export {UIStrings};

package/lighthouse-core/audits/seo/tap-targets.js

@@ -9,18 +9,21 @@
  * @fileoverview Checks that links, buttons, etc. are sufficiently large and that there's
  * no other tap target that's too close so that the user might accidentally tap on.
  */
-const Audit = require('../audit.js');
-const ComputedViewportMeta = require('../../computed/viewport-meta.js');
-const {
+import {Audit} from '../audit.js';
+
+import ComputedViewportMeta from '../../computed/viewport-meta.js';
+
+import {
   rectsTouchOrOverlap,
   getRectOverlapArea,
   getRectAtCenter,
   allRectsContainedWithinEachOther,
   getLargestRect,
   getBoundingRectWithPadding,
-} = require('../../lib/rect-helpers.js');
-const {getTappableRectsFromClientRects} = require('../../lib/tappable-rects.js');
-const i18n = require('../../lib/i18n/i18n.js');
+} from '../../lib/rect-helpers.js';
+
+import {getTappableRectsFromClientRects} from '../../lib/tappable-rects.js';
+import * as i18n from '../../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Title of a Lighthouse audit that provides detail on whether tap targets (like buttons and links) on a page are big enough so they can easily be tapped on a mobile device. This descriptive title is shown when tap targets are easy to tap on. */
@@ -40,7 +43,7 @@ const UIStrings = {
   displayValue: '{decimalProportion, number, percent} appropriately sized tap targets',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 const FINGER_SIZE_PX = 48;
 // Ratio of the finger area tapping on an unintended element
@@ -317,8 +320,8 @@ class TapTargets extends Audit {
 
 TapTargets.FINGER_SIZE_PX = FINGER_SIZE_PX;
 
-module.exports = TapTargets;
-module.exports.UIStrings = UIStrings;
+export default TapTargets;
+export {UIStrings};
 
 
 /** @typedef {{

package/lighthouse-core/audits/server-response-time.js

@@ -5,9 +5,9 @@
  */
 'use strict';
 
-const Audit = require('./audit.js');
-const i18n = require('../lib/i18n/i18n.js');
-const MainResource = require('../computed/main-resource.js');
+import {Audit} from './audit.js';
+import * as i18n from '../lib/i18n/i18n.js';
+import MainResource from '../computed/main-resource.js';
 
 const UIStrings = {
   /** Title of a diagnostic audit that provides detail on how long it took from starting a request to when the server started responding. This descriptive title is shown to users when the amount is acceptable and no user action is required. */
@@ -20,7 +20,7 @@ const UIStrings = {
   displayValue: `Root document took {timeInMs, number, milliseconds}\xa0ms`,
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 // Due to the way that DevTools throttling works we cannot see if server response took less than ~570ms.
 // We set our failure threshold to 600ms to avoid those false positives but we want devs to shoot for 100ms.
@@ -87,5 +87,5 @@ class ServerResponseTime extends Audit {
   }
 }
 
-module.exports = ServerResponseTime;
-module.exports.UIStrings = UIStrings;
+export default ServerResponseTime;
+export {UIStrings};

package/lighthouse-core/audits/service-worker.js

@@ -5,9 +5,9 @@
  */
 'use strict';
 
-const URL = require('../lib/url-shim.js');
-const Audit = require('./audit.js');
-const i18n = require('../lib/i18n/i18n.js');
+import URL from '../lib/url-shim.js';
+import {Audit} from './audit.js';
+import * as i18n from '../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Title of a Lighthouse audit that provides detail on a page's service worker. This descriptive title is shown to users when a service worker is registered and valid. */
@@ -39,7 +39,7 @@ const UIStrings = {
     'the `start_url` ({startUrl}) is not in the service worker\'s scope ({scopeUrl})',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 class ServiceWorker extends Audit {
   /**
@@ -180,5 +180,5 @@ class ServiceWorker extends Audit {
   }
 }
 
-module.exports = ServiceWorker;
-module.exports.UIStrings = UIStrings;
+export default ServiceWorker;
+export {UIStrings};

package/lighthouse-core/audits/splash-screen.js

@@ -5,9 +5,9 @@
  */
 'use strict';
 
-const MultiCheckAudit = require('./multi-check-audit.js');
-const ManifestValues = require('../computed/manifest-values.js');
-const i18n = require('../lib/i18n/i18n.js');
+import MultiCheckAudit from './multi-check-audit.js';
+import ManifestValues from '../computed/manifest-values.js';
+import * as i18n from '../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Title of a Lighthouse audit that provides detail on splash screens. This descriptive title is shown to users when the site has a custom splash screen. */
@@ -20,7 +20,7 @@ const UIStrings = {
     'more](https://web.dev/splash-screen/).',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 /**
  * @fileoverview
@@ -95,5 +95,5 @@ class SplashScreen extends MultiCheckAudit {
   }
 }
 
-module.exports = SplashScreen;
-module.exports.UIStrings = UIStrings;
+export default SplashScreen;
+export {UIStrings};

package/lighthouse-core/audits/themed-omnibox.js

@@ -5,10 +5,10 @@
  */
 'use strict';
 
-const MultiCheckAudit = require('./multi-check-audit.js');
-const ManifestValues = require('../computed/manifest-values.js');
-const cssParsers = require('cssstyle/lib/parsers');
-const i18n = require('../lib/i18n/i18n.js');
+import MultiCheckAudit from './multi-check-audit.js';
+import ManifestValues from '../computed/manifest-values.js';
+import cssParsers from 'cssstyle/lib/parsers.js';
+import * as i18n from '../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Title of a Lighthouse audit that provides detail on the theme color the web page has set for the browser's address bar. This descriptive title is shown to users when an address-bar theme color has been set. */
@@ -20,7 +20,7 @@ const UIStrings = {
     '[Learn more](https://web.dev/themed-omnibox/).',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 /**
  * @fileoverview
@@ -106,5 +106,5 @@ class ThemedOmnibox extends MultiCheckAudit {
   }
 }
 
-module.exports = ThemedOmnibox;
-module.exports.UIStrings = UIStrings;
+export default ThemedOmnibox;
+export {UIStrings};