fix: update prettier script paths for v3 and format files

prettier v3 no longer has bin-prettier.js. Use npx prettier instead.
Format files that were changed but not auto-formatted.

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

Author: bennypowers

package.json

@@ -18,11 +18,11 @@
     "dev-to-git": "dev-to-git",
     "format": "npm run format:eslint && npm run format:prettier",
     "format:eslint": "eslint --ext .ts,.js,.mjs,.cjs . --fix",
-    "format:prettier": "node node_modules/prettier/bin-prettier.js \"**/*.{ts,js,mjs,cjs,md}\" \"**/package.json\" --write --ignore-path .eslintignore",
+    "format:prettier": "npx prettier \"**/*.{ts,js,mjs,cjs,md}\" \"**/package.json\" --write --ignore-path .eslintignore",
     "install-puppeteer-firefox": "cd node_modules/puppeteer && PUPPETEER_BROWSER=firefox node install.js",
     "lint": "npm run lint:eslint && npm run lint:prettier",
     "lint:eslint": "eslint --ext .ts,.js,.mjs,.cjs .",
-    "lint:prettier": "node node_modules/prettier/bin-prettier.js \"**/*.{ts,js,mjs,cjs,md}\" --check --ignore-path .eslintignore",
+    "lint:prettier": "npx prettier \"**/*.{ts,js,mjs,cjs,md}\" --check --ignore-path .eslintignore",
     "prepare": "husky",
     "reinstall-workspace": "rimraf --glob packages/*/node_modules && rimraf node_modules && npm install && npm run build",
     "release": "changeset publish && npm run format",

packages/dev-server-core/src/dom5/modification.ts

@@ -99,7 +99,10 @@ function insertNode(parent: any, index: number, newNode: any, replace?: boolean)
     removedNode = parent.childNodes[index];
   }
 
-  Array.prototype.splice.apply(parent.childNodes, ([index, replace ? 1 : 0] as any).concat(newNodes));
+  Array.prototype.splice.apply(
+    parent.childNodes,
+    ([index, replace ? 1 : 0] as any).concat(newNodes),
+  );
 
   newNodes.forEach(function (n) {
     n.parentNode = parent;

packages/dev-server-core/src/logger/PluginSyntaxError.ts

@@ -5,13 +5,7 @@ export class PluginSyntaxError extends Error {
   public line: number;
   public column: number;
 
-  constructor(
-    message: string,
-    filePath: string,
-    code: string,
-    line: number,
-    column: number,
-  ) {
+  constructor(message: string, filePath: string, code: string, line: number, column: number) {
     super(message);
     this.message = message;
     this.filePath = filePath;

packages/dev-server-storybook/src/build/rollup/createRollupConfig.ts

@@ -12,8 +12,10 @@ import { injectExportsOrderPlugin } from './injectExportsOrderPlugin.ts';
 
 const resolveFile = (specifier: string) => fileURLToPath(import.meta.resolve(specifier));
 
-const prebuiltDir = resolveFile('@web/storybook-prebuilt/package.json')
-  .replace('/package.json', '');
+const prebuiltDir = resolveFile('@web/storybook-prebuilt/package.json').replace(
+  '/package.json',
+  '',
+);
 
 const ignoredWarnings = ['EVAL', 'THIS_IS_UNDEFINED'];
 

packages/dev-server/src/config/readCliArgs.ts

@@ -14,8 +14,7 @@ export interface DevServerCliArgs
       | 'watch'
       | 'esbuildTarget'
     >
-  > {
-  config?: string;
+  > {  config?: string;
 }
 
 const options: (OptionDefinition & { description: string })[] = [

packages/mocks/storybook/addon/register-addon.js

@@ -116,13 +116,13 @@ export function registerAddon(addons, types, React, createAddon) {
                           </td>
                           <td>
                             <textarea aria-label="Response" name="response-${i}" .value=${
-                          JSON.stringify(data) ?? ''
-                        }></textarea>
+                              JSON.stringify(data) ?? ''
+                            }></textarea>
                           </td>
                           <td>
                             <input type="number" aria-label="Status code" name="status-${i}" .value=${
-                          status ?? ''
-                        }></input>
+                              status ?? ''
+                            }></input>
                           </td>
                         `,
                         () => html`

packages/polyfills-loader/src/createPolyfillsData.ts

@@ -158,9 +158,7 @@ export async function createPolyfillsData(cfg: PolyfillsLoaderConfig): Promise<P
     addPolyfillConfig({
       name: 'scoped-custom-element-registry',
       test: "!('createElement' in ShadowRoot.prototype)",
-      path: require.resolve(
-        '@webcomponents/scoped-custom-element-registry/scoped-custom-element-registry.min.js',
-      ),
+      path: require.resolve('@webcomponents/scoped-custom-element-registry/scoped-custom-element-registry.min.js'),
     });
   }
 

packages/rollup-plugin-html/src/RollupPluginHTMLOptions.ts

@@ -1,7 +1,6 @@
 import type { OutputChunk, OutputOptions, OutputBundle } from 'rollup';
 import type { Attribute } from 'parse5';
 
-
 export interface InputHTMLOptions {
   /** The html source code. If set, overwrites path. */
   html?: string;

packages/rollup-plugin-html/src/output/emitAssets.ts

@@ -5,7 +5,10 @@ import fs from 'fs';
 
 import type { InputAsset, InputData } from '../input/InputData.ts';
 import { createAssetPicomatchMatcher } from '../assets/utils.ts';
-import type { RollupPluginHTMLOptions, TransformAssetFunction } from '../RollupPluginHTMLOptions.ts';
+import type {
+  RollupPluginHTMLOptions,
+  TransformAssetFunction,
+} from '../RollupPluginHTMLOptions.ts';
 
 export interface EmittedAssets {
   static: Map<string, string>;

packages/rollup-plugin-import-meta-assets/test/integration.test.js

@@ -137,9 +137,8 @@ describe('rollup-plugin-import-meta-assets', () => {
   it('multiple level bundle (upward modules)', async () => {
     const config = {
       input: {
-        'multi-level-bundle': require.resolve(
-          './fixtures/one/two/three/four/multi-level-entrypoint-deep.js',
-        ),
+        'multi-level-bundle':
+          require.resolve('./fixtures/one/two/three/four/multi-level-entrypoint-deep.js'),
       },
       plugins: [importMetaAssets()],
     };
@@ -159,9 +158,8 @@ describe('rollup-plugin-import-meta-assets', () => {
   it('different asset levels', async () => {
     const config = {
       input: {
-        'different-asset-levels-bundle': require.resolve(
-          './fixtures/one/two/different-asset-levels-entrypoint.js',
-        ),
+        'different-asset-levels-bundle':
+          require.resolve('./fixtures/one/two/different-asset-levels-entrypoint.js'),
       },
       plugins: [importMetaAssets()],
     };