chore: use oxfmt for formatting and sort imports

.oxfmtrc.jsonc

@@ -0,0 +1,35 @@
+{
+  "$schema": "./node_modules/oxfmt/configuration_schema.json",
+  // "printWidth": 120,
+  "singleQuote": true,
+  "semi": false,
+  "experimentalSortImports": {}
+  // "ignorePatterns": [
+  //   "tasks/transform_conformance/tests/**",
+  //   "tasks/coverage/node-compat-table",
+  //   "tasks/coverage/misc",
+  //   "**/tests/**",
+  //   "**/fixtures/**",
+  //   "**/*.snap.*",
+  //   "**/CHANGELOG.md",
+  //   "pnpm-workspace.yaml",
+  //   "pnpm-lock.yaml",
+  //   "apps/oxlint/src-js/bindings.js",
+  //   "apps/oxlint/src-js/bindings.d.ts",
+  //   "!apps/oxlint/test/fixtures/**",
+  //   "apps/oxlint/test/fixtures/**/*.snap.md",
+  //   "napi/{transform,minify,playground}/index.js",
+  //   "napi/{parser,transform,minify,playground}/**/index.d.ts",
+  //   "napi/{parser,transform,minify,playground}/**/*.wasi-browser.js",
+  //   "napi/{parser,transform,minify,playground}/**/*.wasi.cjs",
+  //   "napi/{parser,transform,minify,playground}/**/wasi-worker-browser.mjs",
+  //   "napi/{parser,transform,minify,playground}/**/wasi-worker.mjs",
+  //   "napi/{parser,transform,minify,playground}/**/browser.js",
+  //   "napi/parser/src-js/bindings.js",
+  //   "npm/*/package.json",
+  //   "npm/oxlint/configuration_schema.json",
+  //   "npm/oxc-wasm/**",
+  //   "npm/runtime/src",
+  //   ".github/generated/ast_changes_watch_list.yml"
+  // ]
+}

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,17 @@ 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-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.4.0",
     "lint-staged": "^16.2.4",
+    "oxfmt": "^0.8.0",
     "picocolors": "^1.1.1",
     "playwright-chromium": "^1.56.1",
     "prettier": "^3.6.2",
@@ -59,7 +60,7 @@
   },
   "lint-staged": {
     "*": [
-      "prettier --write --cache --ignore-unknown"
+      "oxfmt"
     ],
     "packages/*/{src,types}/**/*.ts": [
       "eslint --cache --fix"

packages/common/refresh-utils.ts

@@ -1,5 +1,5 @@
-import type { Plugin } from 'vite'
 import { exactRegex } from '@rolldown/pluginutils'
+import type { Plugin } from 'vite'
 
 export const runtimePublicPath = '/@react-refresh'
 

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'
+import type { BuildOptions, Plugin } from 'vite'
 
 const _dirname = dirname(fileURLToPath(import.meta.url))
 const refreshRuntimePath = join(_dirname, 'refresh-runtime.js')

packages/plugin-react-swc/playground/base-path/__tests__/base-path.spec.ts

@@ -1,5 +1,5 @@
-import { expect, test } from '@playwright/test'
 import { setupDevServer, setupWaitForLogs } from '../../utils.ts'
+import { expect, test } from '@playwright/test'
 
 test('Base path HMR', async ({ page }) => {
   const { testUrl, server, editFile } = await setupDevServer('base-path')

packages/plugin-react-swc/playground/base-path/src/index.tsx

@@ -1,6 +1,6 @@
+import { App } from './App.tsx'
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-import { App } from './App.tsx'
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>

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/__tests__/class-components.spec.ts

@@ -1,5 +1,5 @@
-import { expect, test } from '@playwright/test'
 import { setupDevServer, setupWaitForLogs } from '../../utils.ts'
+import { expect, test } from '@playwright/test'
 
 test('Class component HMR', async ({ page }) => {
   const { testUrl, server, editFile } = await setupDevServer('class-components')

packages/plugin-react-swc/playground/class-components/src/App.tsx

@@ -1,5 +1,5 @@
-import { Component } from 'react'
 import { getGetting } from './utils.tsx'
+import { Component } from 'react'
 
 export class App extends Component {
   render() {

packages/plugin-react-swc/playground/class-components/src/index.tsx

@@ -1,6 +1,6 @@
+import { App } from './App.tsx'
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-import { App } from './App.tsx'
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>

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/__tests__/decorators.spec.ts

@@ -1,5 +1,5 @@
-import { expect, test } from '@playwright/test'
 import { setupBuildAndPreview, setupDevServer } from '../../utils.ts'
+import { expect, test } from '@playwright/test'
 
 test('Decorators build', async ({ page }) => {
   const { testUrl, server } = await setupBuildAndPreview('decorators')

packages/plugin-react-swc/playground/decorators/src/index.tsx

@@ -1,6 +1,6 @@
+import { App } from './App.tsx'
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-import { App } from './App.tsx'
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>

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/__tests__/emotion-plugin.spec.ts

@@ -1,10 +1,10 @@
-import { expect, test } from '@playwright/test'
 import {
   expectColor,
   setupBuildAndPreview,
   setupDevServer,
   setupWaitForLogs,
 } from '../../utils.ts'
+import { expect, test } from '@playwright/test'
 
 test('Emotion plugin build', async ({ page }) => {
   const { testUrl, server } = await setupBuildAndPreview('emotion-plugin')

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/src/index.jsx

@@ -1,6 +1,6 @@
+import { App } from './App.jsx'
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-import { App } from './App.jsx'
 import './index.css'
 
 createRoot(document.getElementById('root')).render(

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/__tests__/emotion.spec.ts

@@ -1,10 +1,10 @@
-import { expect, test } from '@playwright/test'
 import {
   expectColor,
   setupBuildAndPreview,
   setupDevServer,
   setupWaitForLogs,
 } from '../../utils.ts'
+import { expect, test } from '@playwright/test'
 
 test('Emotion build', async ({ page }) => {
   const { testUrl, server } = await setupBuildAndPreview('emotion')

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/src/index.tsx

@@ -1,6 +1,6 @@
+import { App } from './App.tsx'
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-import { App } from './App.tsx'
 import './index.css'
 
 createRoot(document.getElementById('root')!).render(

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/__tests__/hmr.spec.ts

@@ -1,9 +1,9 @@
-import { expect, test } from '@playwright/test'
 import {
   setupBuildAndPreview,
   setupDevServer,
   setupWaitForLogs,
 } from '../../utils.ts'
+import { expect, test } from '@playwright/test'
 
 test('Default build', async ({ page }) => {
   const { testUrl, server } = await setupBuildAndPreview('hmr')

packages/plugin-react-swc/playground/hmr/src/App.tsx

@@ -1,7 +1,7 @@
-import { useState } from 'react'
 import reactLogo from './react.svg'
-import './App.css'
 import { TitleWithExport, framework } from './TitleWithExport.tsx'
+import './App.css'
+import { useState } from 'react'
 
 export const App = () => {
   const [count, setCount] = useState(0)

packages/plugin-react-swc/playground/hmr/src/index.tsx

@@ -1,6 +1,6 @@
+import { App } from './App.tsx'
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-import { App } from './App.tsx'
 import './index.css'
 
 createRoot(document.getElementById('root')!).render(

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/__tests__/mdx.spec.ts

@@ -1,9 +1,9 @@
-import { expect, test } from '@playwright/test'
 import {
   setupBuildAndPreview,
   setupDevServer,
   setupWaitForLogs,
 } from '../../utils.ts'
+import { expect, test } from '@playwright/test'
 
 test('MDX build', async ({ page }) => {
   const { testUrl, server } = await setupBuildAndPreview('mdx')

packages/plugin-react-swc/playground/mdx/src/index.tsx

@@ -1,6 +1,6 @@
+import Hello from './hello.mdx'
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-import Hello from './hello.mdx'
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>

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/__tests__/react-18.spec.ts

@@ -1,9 +1,9 @@
-import { expect, test } from '@playwright/test'
 import {
   setupBuildAndPreview,
   setupDevServer,
   setupWaitForLogs,
 } from '../../utils.ts'
+import { expect, test } from '@playwright/test'
 
 test('Default build', async ({ page }) => {
   const { testUrl, server } = await setupBuildAndPreview('react-18')

packages/plugin-react-swc/playground/react-18/src/App.tsx

@@ -1,7 +1,7 @@
-import { useState } from 'react'
 import reactLogo from './react.svg'
-import './App.css'
 import { TitleWithExport, framework } from './TitleWithExport.tsx'
+import './App.css'
+import { useState } from 'react'
 
 export const App = () => {
   const [count, setCount] = useState(0)

packages/plugin-react-swc/playground/react-18/src/index.tsx

@@ -1,6 +1,6 @@
+import { App } from './App.tsx'
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-import { App } from './App.tsx'
 import './index.css'
 
 createRoot(document.getElementById('root')!).render(

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/__tests__/shadow-export.spec.ts

@@ -1,5 +1,5 @@
-import { expect, test } from '@playwright/test'
 import { setupDevServer, setupWaitForLogs } from '../../utils.ts'
+import { expect, test } from '@playwright/test'
 
 test('Shadow export HMR', async ({ page }) => {
   const { testUrl, server, editFile } = await setupDevServer('shadow-export')

packages/plugin-react-swc/playground/shadow-export/src/index.tsx

@@ -1,6 +1,6 @@
+import { App } from './App.tsx'
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-import { App } from './App.tsx'
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>

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()],