chore: setup oxfmt for formatting

.oxfmtrc.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "./node_modules/oxfmt/configuration_schema.json",
+  "printWidth": 80,
+  "semi": false,
+  "singleQuote": true,
+  "experimentalSortImports": {
+    "newlinesBetween": false,
+    "partitionByNewline": true
+  }
+}

eslint.config.js

@@ -1,11 +1,11 @@
-// @ts-check
-import { builtinModules } from 'node:module'
 import eslint from '@eslint/js'
-import pluginN from 'eslint-plugin-n'
 import pluginImportX from 'eslint-plugin-import-x'
+import pluginN from 'eslint-plugin-n'
 import pluginRegExp from 'eslint-plugin-regexp'
-import tseslint from 'typescript-eslint'
 import globals from 'globals'
+// @ts-check
+import { builtinModules } from 'node:module'
+import tseslint from 'typescript-eslint'
 
 export default tseslint.config(
   {
@@ -103,17 +103,18 @@ export default tseslint.config(
         { allow: builtinModules.map((mod) => `node:${mod}`) },
       ],
       'import-x/no-duplicates': 'error',
-      'import-x/order': 'error',
-      'sort-imports': [
-        'error',
-        {
-          ignoreCase: false,
-          ignoreDeclarationSort: true,
-          ignoreMemberSort: false,
-          memberSyntaxSortOrder: ['none', 'all', 'multiple', 'single'],
-          allowSeparatedGroups: false,
-        },
-      ],
+      // import ordering handled by oxfmt
+      // 'import-x/order': 'error',
+      // 'sort-imports': [
+      //   'error',
+      //   {
+      //     ignoreCase: false,
+      //     ignoreDeclarationSort: true,
+      //     ignoreMemberSort: false,
+      //     memberSyntaxSortOrder: ['none', 'all', 'multiple', 'single'],
+      //     allowSeparatedGroups: false,
+      //   },
+      // ],
 
       'regexp/prefer-regexp-exec': 'error',
       'regexp/prefer-regexp-test': 'error',

package.json

@@ -18,7 +18,7 @@
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "postinstall": "simple-git-hooks",
-    "format": "prettier --write --cache .",
+    "format": "oxfmt",
     "lint": "eslint --cache .",
     "typecheck": "tsc -p scripts && tsc -p playground && tsc -p packages/plugin-react",
     "test": "pnpm run test-unit && pnpm run test-serve && pnpm run test-build && pnpm --filter ./packages/plugin-react-swc run test",
@@ -44,6 +44,7 @@
     "fs-extra": "^11.3.2",
     "globals": "^16.5.0",
     "lint-staged": "^16.2.7",
+    "oxfmt": "^0.16.0",
     "picocolors": "^1.1.1",
     "playwright-chromium": "^1.57.0",
     "prettier": "^3.6.2",
@@ -58,8 +59,8 @@
     "pre-commit": "pnpm exec lint-staged --concurrent false"
   },
   "lint-staged": {
-    "*": [
-      "prettier --write --cache --ignore-unknown"
+    "*.{js,mjs,cjs,jsx,ts,mts,cts,tsx,vue,astro,svelte,json,jsonc}": [
+      "oxfmt"
     ],
     "packages/*/{src,types}/**/*.ts": [
       "eslint --cache --fix"

packages/plugin-react-oxc/src/index.ts

@@ -1,14 +1,14 @@
-import { dirname, join } from 'node:path'
-import { fileURLToPath } from 'node:url'
-import { readFileSync } from 'node:fs'
 import type { BuildOptions, Plugin } from 'vite'
+import { exactRegex } from '@rolldown/pluginutils'
 import {
   addRefreshWrapper,
   getPreambleCode,
   runtimePublicPath,
   silenceUseClientWarning,
 } from '@vitejs/react-common'
-import { exactRegex } from '@rolldown/pluginutils'
+import { readFileSync } from 'node:fs'
+import { dirname, join } from 'node:path'
+import { fileURLToPath } from 'node:url'
 
 const _dirname = dirname(fileURLToPath(import.meta.url))
 const refreshRuntimePath = join(_dirname, 'refresh-runtime.js')

packages/plugin-react-swc/playground/base-path/vite.config.ts

@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [react()],

packages/plugin-react-swc/playground/class-components/vite.config.ts

@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [react()],

packages/plugin-react-swc/playground/decorators/vite.config.ts

@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [react({ tsDecorators: true })],

packages/plugin-react-swc/playground/emotion-plugin/src/Button.jsx

@@ -1,5 +1,5 @@
-import styled from '@emotion/styled'
 import { css } from '@emotion/react'
+import styled from '@emotion/styled'
 import { useState } from 'react'
 
 // Ensure HMR of styled component alongside other components

packages/plugin-react-swc/playground/emotion-plugin/vite.config.js

@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [

packages/plugin-react-swc/playground/emotion/src/Button.tsx

@@ -1,5 +1,5 @@
-import styled from '@emotion/styled'
 import { css } from '@emotion/react'
+import styled from '@emotion/styled'
 import { useState } from 'react'
 
 // Ensure HMR of styled component alongside other components

packages/plugin-react-swc/playground/emotion/vite.config.ts

@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [react({ jsxImportSource: '@emotion/react' })],

packages/plugin-react-swc/playground/hmr/vite.config.ts

@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [react()],

packages/plugin-react-swc/playground/mdx/vite.config.ts

@@ -1,6 +1,6 @@
-import { defineConfig } from 'vite'
 import mdx from '@mdx-js/rollup'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [mdx(), react()],

packages/plugin-react-swc/playground/react-18/vite.config.ts

@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [react()],

packages/plugin-react-swc/playground/shadow-export/vite.config.ts

@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [react()],

packages/plugin-react-swc/playground/styled-components/src/Button.tsx

@@ -1,5 +1,5 @@
-import styled, { css } from 'styled-components'
 import { useState } from 'react'
+import styled, { css } from 'styled-components'
 
 // Ensure HMR of styled component alongside other components
 export const StyledCode = styled.code`

packages/plugin-react-swc/playground/styled-components/vite.config.ts

@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [react({ plugins: [['@swc/plugin-styled-components', {}]] })],

packages/plugin-react-swc/playground/ts-lib/vite.config.ts

@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [react()],

packages/plugin-react-swc/playground/utils.ts

@@ -1,5 +1,5 @@
-import { readFileSync, writeFileSync } from 'node:fs'
 import { type Locator, type Page, expect } from '@playwright/test'
+import { readFileSync, writeFileSync } from 'node:fs'
 import {
   build,
   createServer,

packages/plugin-react-swc/playground/worker/vite.config.ts

@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [react()],

packages/plugin-react-swc/playwright.config.ts

@@ -1,6 +1,6 @@
-import { fileURLToPath } from 'node:url'
 import { type PlaywrightTestConfig, devices } from '@playwright/test'
 import fs from 'fs-extra'
+import { fileURLToPath } from 'node:url'
 
 const tempDir = fileURLToPath(new URL('playground-temp', import.meta.url))
 fs.ensureDirSync(tempDir)

packages/plugin-react-swc/src/index.ts

@@ -1,6 +1,5 @@
-import { readFileSync } from 'node:fs'
-import { join } from 'node:path'
-import { createRequire } from 'node:module'
+import type { Plugin } from 'vite'
+import { exactRegex } from '@rolldown/pluginutils'
 import {
   type JscTarget,
   type Output,
@@ -9,16 +8,17 @@ import {
   type Options as SWCOptions,
   transform,
 } from '@swc/core'
-import type { Plugin } from 'vite'
 import {
   addRefreshWrapper,
   getPreambleCode,
   runtimePublicPath,
   silenceUseClientWarning,
   virtualPreamblePlugin,
 } from '@vitejs/react-common'
+import { readFileSync } from 'node:fs'
+import { createRequire } from 'node:module'
+import { join } from 'node:path'
 import * as vite from 'vite'
-import { exactRegex } from '@rolldown/pluginutils'
 
 const resolve = createRequire(import.meta.url).resolve
 

packages/plugin-react/src/index.ts

@@ -1,11 +1,10 @@
-import { dirname, join } from 'node:path'
-import { fileURLToPath } from 'node:url'
-import { readFileSync } from 'node:fs'
 import type * as babelCore from '@babel/core'
 import type { ParserOptions, TransformOptions } from '@babel/core'
-import { createFilter } from 'vite'
-import * as vite from 'vite'
 import type { Plugin, ResolvedConfig } from 'vite'
+import {
+  exactRegex,
+  makeIdFiltersToMatchWithQuery,
+} from '@rolldown/pluginutils'
 import {
   addRefreshWrapper,
   getPreambleCode,
@@ -14,10 +13,11 @@ import {
   silenceUseClientWarning,
   virtualPreamblePlugin,
 } from '@vitejs/react-common'
-import {
-  exactRegex,
-  makeIdFiltersToMatchWithQuery,
-} from '@rolldown/pluginutils'
+import { readFileSync } from 'node:fs'
+import { dirname, join } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { createFilter } from 'vite'
+import * as vite from 'vite'
 
 const _dirname = dirname(fileURLToPath(import.meta.url))
 const refreshRuntimePath = join(_dirname, 'refresh-runtime.js')

packages/plugin-react/tests/rolldown.test.ts

@@ -1,6 +1,6 @@
 import path from 'node:path'
-import { expect, test } from 'vitest'
 import { type Plugin, rolldown } from 'rolldown'
+import { expect, test } from 'vitest'
 import pluginReact, { type Options } from '../src/index.ts'
 
 test('HMR related code should not be included when using rolldown', async () => {

packages/plugin-rsc/e2e/basic.test.ts

@@ -1,21 +1,21 @@
-import { createHash } from 'node:crypto'
-import { readFileSync } from 'node:fs'
 import {
   type Page,
   type Response as PlaywrightResponse,
   expect,
   test,
 } from '@playwright/test'
+import { createHash } from 'node:crypto'
+import { readFileSync } from 'node:fs'
+import path from 'node:path'
+import { x } from 'tinyexec'
+import { normalizePath, type Rollup } from 'vite'
 import { type Fixture, useCreateEditor, useFixture } from './fixture'
 import {
   expectNoPageError,
   expectNoReload,
   testNoJs,
   waitForHydration,
 } from './helper'
-import { x } from 'tinyexec'
-import { normalizePath, type Rollup } from 'vite'
-import path from 'node:path'
 
 test.describe('dev-default', () => {
   const f = useFixture({ root: 'examples/basic', mode: 'dev' })

packages/plugin-rsc/e2e/browser.test.ts

@@ -1,8 +1,8 @@
 import { expect, test } from '@playwright/test'
+import fs from 'node:fs'
+import path from 'node:path'
 import { useFixture } from './fixture'
 import { defineStarterTest } from './starter'
-import path from 'node:path'
-import fs from 'node:fs'
 
 // Webkit fails by
 // > TypeError: ReadableByteStreamController is not implemented

packages/plugin-rsc/e2e/build-app.test.ts

@@ -1,6 +1,6 @@
 import { test, expect } from '@playwright/test'
-import { setupInlineFixture, useFixture } from './fixture'
 import { x } from 'tinyexec'
+import { setupInlineFixture, useFixture } from './fixture'
 import { waitForHydration } from './helper'
 
 test.describe('buildApp hook', () => {

packages/plugin-rsc/e2e/error.test.ts

@@ -1,6 +1,6 @@
 import { test, expect } from '@playwright/test'
-import { setupInlineFixture } from './fixture'
 import { x } from 'tinyexec'
+import { setupInlineFixture } from './fixture'
 
 test.describe('invalid directives', () => {
   test.describe('"use server" in "use client"', () => {

packages/plugin-rsc/e2e/fixture.ts

@@ -1,9 +1,9 @@
+import test from '@playwright/test'
 import assert from 'node:assert'
 import { type SpawnOptions, spawn } from 'node:child_process'
 import fs from 'node:fs'
 import path from 'node:path'
 import { stripVTControlCharacters, styleText } from 'node:util'
-import test from '@playwright/test'
 import { x } from 'tinyexec'
 
 function runCli(options: { command: string; label?: string } & SpawnOptions) {

packages/plugin-rsc/e2e/isolated.test.ts

@@ -1,11 +1,11 @@
 import { expect, test, type Page } from '@playwright/test'
-import { setupIsolatedFixture, useFixture } from './fixture'
-import { defineStarterTest } from './starter'
-import path from 'node:path'
 import os from 'node:os'
+import path from 'node:path'
+import { x } from 'tinyexec'
 import * as vite from 'vite'
+import { setupIsolatedFixture, useFixture } from './fixture'
 import { waitForHydration } from './helper'
-import { x } from 'tinyexec'
+import { defineStarterTest } from './starter'
 
 test.describe(() => {
   // use RUNNER_TEMP on Github Actions

packages/plugin-rsc/e2e/no-ssr.test.ts

@@ -1,8 +1,8 @@
 import { expect, test } from '@playwright/test'
+import fs from 'node:fs'
+import path from 'node:path'
 import { useFixture } from './fixture'
 import { defineStarterTest } from './starter'
-import path from 'node:path'
-import fs from 'node:fs'
 
 test.describe('dev-no-ssr', () => {
   const f = useFixture({ root: 'examples/no-ssr', mode: 'dev' })

packages/plugin-rsc/e2e/react-compiler.test.ts

@@ -1,7 +1,7 @@
 import { expect, test } from '@playwright/test'
 import { setupInlineFixture, useFixture } from './fixture'
-import { defineStarterTest } from './starter'
 import { waitForHydration } from './helper'
+import { defineStarterTest } from './starter'
 
 test.describe(() => {
   const root = 'examples/e2e/temp/react-compiler'