fix: format files with prettier v3

Assisted-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: bennypowers

packages/polyfills-loader/src/createPolyfillsData.ts

@@ -54,7 +54,8 @@ export async function createPolyfillsData(cfg: PolyfillsLoaderConfig): Promise<P
   }
 
   if (polyfills.constructibleStylesheets) {
-    const constructibleStylesheetsPath = await import.meta.resolve('construct-style-sheets-polyfill');
+    const constructibleStylesheetsPath = await import.meta
+      .resolve('construct-style-sheets-polyfill');
     addPolyfillConfig({
       name: 'constructible-style-sheets-polyfill',
       test: '!("adoptedStyleSheets" in document)',
@@ -129,7 +130,8 @@ export async function createPolyfillsData(cfg: PolyfillsLoaderConfig): Promise<P
   }
 
   if (polyfills.dynamicImport) {
-    const dynamicImportPath = await import.meta.resolve('dynamic-import-polyfill/dist/dynamic-import-polyfill.umd.js');
+    const dynamicImportPath = await import.meta
+      .resolve('dynamic-import-polyfill/dist/dynamic-import-polyfill.umd.js');
     addPolyfillConfig({
       name: 'dynamic-import',
       /**
@@ -149,7 +151,8 @@ export async function createPolyfillsData(cfg: PolyfillsLoaderConfig): Promise<P
   }
 
   if (polyfills.intersectionObserver) {
-    const intersectionObserverPath = await import.meta.resolve('intersection-observer/intersection-observer.js');
+    const intersectionObserverPath = await import.meta
+      .resolve('intersection-observer/intersection-observer.js');
     addPolyfillConfig({
       name: 'intersection-observer',
       test: "!('IntersectionObserver' in window && 'IntersectionObserverEntry' in window && 'intersectionRatio' in window.IntersectionObserverEntry.prototype)",
@@ -159,7 +162,8 @@ export async function createPolyfillsData(cfg: PolyfillsLoaderConfig): Promise<P
   }
 
   if (polyfills.resizeObserver) {
-    const resizeObserverPath = await import.meta.resolve('resize-observer-polyfill/dist/ResizeObserver.global.js');
+    const resizeObserverPath = await import.meta
+      .resolve('resize-observer-polyfill/dist/ResizeObserver.global.js');
     addPolyfillConfig({
       name: 'resize-observer',
       test: "!('ResizeObserver' in window)",
@@ -169,9 +173,8 @@ export async function createPolyfillsData(cfg: PolyfillsLoaderConfig): Promise<P
   }
 
   if (polyfills.scopedCustomElementRegistry) {
-    const scopedRegistryPath = await import.meta.resolve(
-      '@webcomponents/scoped-custom-element-registry/scoped-custom-element-registry.min.js',
-    );
+    const scopedRegistryPath = await import.meta
+      .resolve('@webcomponents/scoped-custom-element-registry/scoped-custom-element-registry.min.js');
     addPolyfillConfig({
       name: 'scoped-custom-element-registry',
       test: "!('createElement' in ShadowRoot.prototype)",
@@ -180,7 +183,8 @@ export async function createPolyfillsData(cfg: PolyfillsLoaderConfig): Promise<P
   }
 
   if (polyfills.webcomponents && !polyfills.shadyCssCustomStyle) {
-    const webcomponentsPath = await import.meta.resolve('@webcomponents/webcomponentsjs/webcomponents-bundle.js');
+    const webcomponentsPath = await import.meta
+      .resolve('@webcomponents/webcomponentsjs/webcomponents-bundle.js');
     addPolyfillConfig({
       name: 'webcomponents',
       test: "!('attachShadow' in Element.prototype) || !('getRootNode' in Element.prototype) || (window.ShadyDOM && window.ShadyDOM.force)",
@@ -189,7 +193,8 @@ export async function createPolyfillsData(cfg: PolyfillsLoaderConfig): Promise<P
 
     // If a browser does not support nomodule attribute, but does support custom elements, we need
     // to load the custom elements es5 adapter. This is the case for Safari 10.1
-    const es5AdapterPath = await import.meta.resolve('@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js');
+    const es5AdapterPath = await import.meta
+      .resolve('@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js');
     addPolyfillConfig({
       name: 'custom-elements-es5-adapter',
       test: "!('noModule' in HTMLScriptElement.prototype) && 'getRootNode' in Element.prototype",
@@ -201,9 +206,12 @@ export async function createPolyfillsData(cfg: PolyfillsLoaderConfig): Promise<P
     // shadycss/custom-style-interface polyfill *must* load after the webcomponents polyfill or it doesn't work.
     // to get around that, concat the two together.
 
-    const webcomponentsBundlePath = await import.meta.resolve('@webcomponents/webcomponentsjs/webcomponents-bundle.js');
-    const customStylePath = await import.meta.resolve('@webcomponents/shadycss/custom-style-interface.min.js');
-    const shadyCssScopedPath = await import.meta.resolve('shady-css-scoped-element/shady-css-scoped-element.min.js');
+    const webcomponentsBundlePath = await import.meta
+      .resolve('@webcomponents/webcomponentsjs/webcomponents-bundle.js');
+    const customStylePath = await import.meta
+      .resolve('@webcomponents/shadycss/custom-style-interface.min.js');
+    const shadyCssScopedPath = await import.meta
+      .resolve('shady-css-scoped-element/shady-css-scoped-element.min.js');
 
     addPolyfillConfig({
       name: 'webcomponents-shady-css-custom-style',

packages/storybook-builder/src/generate-iframe-html.ts

@@ -9,9 +9,12 @@ import { virtualAppFilename } from './virtual-file-names.ts';
 export type PreviewHtml = string | undefined;
 
 export async function generateIframeHtml(options: Options): Promise<string> {
-  const iframeHtmlTemplate = await readFile(fileURLToPath(import.meta.resolve('../static/iframe-template.html')), {
-    encoding: 'utf-8',
-  });
+  const iframeHtmlTemplate = await readFile(
+    fileURLToPath(import.meta.resolve('../static/iframe-template.html')),
+    {
+      encoding: 'utf-8',
+    },
+  );
   const { configType, features, presets } = options;
   const build = await presets.apply('build');
   const frameworkOptions = await presets.apply<Record<string, any> | null>('frameworkOptions');

packages/storybook-builder/src/rollup-plugin-prebundle-modules.ts

@@ -108,7 +108,8 @@ async function getIsReactVersion18or19(options: Options) {
   }
 
   const resolvedReact = await options.presets.apply<{ reactDom?: string }>('resolvedReact', {});
-  const reactDom = resolvedReact.reactDom || dirname(fileURLToPath(import.meta.resolve('react-dom/package.json')));
+  const reactDom =
+    resolvedReact.reactDom || dirname(fileURLToPath(import.meta.resolve('react-dom/package.json')));
 
   if (!isAbsolute(reactDom)) {
     // if react-dom is not resolved to a file we can't be sure if the version in package.json is correct or even if package.json exists

packages/test-runner-saucelabs/src/SauceLabsLauncherManager.ts

@@ -1,6 +1,9 @@
 import { BrowserLauncher } from '@web/test-runner-core';
 import * as _SaucelabsModule from 'saucelabs';
-const SaucelabsAPI = (_SaucelabsModule as any).default?.default ?? (_SaucelabsModule as any).default ?? _SaucelabsModule;
+const SaucelabsAPI =
+  (_SaucelabsModule as any).default?.default ??
+  (_SaucelabsModule as any).default ??
+  _SaucelabsModule;
 type SauceLabsOptions = import('saucelabs').SauceLabsOptions;
 type SauceConnectOptions = import('saucelabs').SauceConnectOptions;
 type SauceConnectInstance = import('saucelabs').SauceConnectInstance;