chore: setup oxfmt for formatting

.github/ISSUE_TEMPLATE/feature_request.yml

@@ -1,6 +1,6 @@
 name: "\U0001F680 New feature proposal"
 description: Propose a new feature
-labels: ["pending triage"]
+labels: ['pending triage']
 type: Feature
 body:
   - type: markdown
@@ -25,15 +25,15 @@ body:
     id: feature-description
     attributes:
       label: Description
-      description: "Clear and concise description of the problem. Please make the reason and usecases as detailed as possible. If you intend to submit a PR for this issue, tell us in the description. Thanks!"
+      description: 'Clear and concise description of the problem. Please make the reason and usecases as detailed as possible. If you intend to submit a PR for this issue, tell us in the description. Thanks!'
       placeholder: As a developer using Vite I want [goal / wish] so that [benefit].
     validations:
       required: true
   - type: textarea
     id: suggested-solution
     attributes:
       label: Suggested solution
-      description: "In module [xy] we could provide following implementation..."
+      description: 'In module [xy] we could provide following implementation...'
     validations:
       required: true
   - type: textarea

.github/renovate.json5

@@ -1,57 +1,57 @@
 {
-  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
-  "extends": ["config:recommended", "schedule:weekly", "group:allNonMajor"],
-  "labels": ["dependencies"],
-  "ignorePaths": ["**/__tests__/**"],
-  "rangeStrategy": "bump",
-  "packageRules": [
+  $schema: 'https://docs.renovatebot.com/renovate-schema.json',
+  extends: ['config:recommended', 'schedule:weekly', 'group:allNonMajor'],
+  labels: ['dependencies'],
+  ignorePaths: ['**/__tests__/**'],
+  rangeStrategy: 'bump',
+  packageRules: [
     {
-      "matchDepTypes": ["peerDependencies"],
-      "enabled": false,
+      matchDepTypes: ['peerDependencies'],
+      enabled: false,
     },
     {
-      "matchFileNames": ["**/react-18/**", "**/compiler-react-18/**"],
-      "ignoreDeps": ["react", "react-dom", "@types/react", "@types/react-dom"],
+      matchFileNames: ['**/react-18/**', '**/compiler-react-18/**'],
+      ignoreDeps: ['react', 'react-dom', '@types/react', '@types/react-dom'],
     },
     {
-      "extends": ["monorepo:swc"],
-      "groupName": "swc monorepo",
-      "separateMajorMinor": false,
+      extends: ['monorepo:swc'],
+      groupName: 'swc monorepo',
+      separateMajorMinor: false,
     },
     // renovate doesn't properly handle x.x.x-beta-hash-yyyymm version schema
     {
-      "matchPackageNames": [
-        "react-compiler-runtime",
-        "babel-plugin-react-compiler",
+      matchPackageNames: [
+        'react-compiler-runtime',
+        'babel-plugin-react-compiler',
       ],
-      "followTag": "latest",
+      followTag: 'latest',
     },
     {
-      "matchDepTypes": ["action"],
-      "pinDigests": true,
-      "matchPackageNames": ["!actions/{/,}**", "!github/{/,}**"],
+      matchDepTypes: ['action'],
+      pinDigests: true,
+      matchPackageNames: ['!actions/{/,}**', '!github/{/,}**'],
     },
     {
-      "groupName": "react-related dependencies",
-      "matchPackageNames": [
-        "react",
-        "react-dom",
-        "@types/react",
-        "@types/react-dom",
-        "react-refresh",
-        "react-server-dom-webpack",
-        "use-sync-external-store",
+      groupName: 'react-related dependencies',
+      matchPackageNames: [
+        'react',
+        'react-dom',
+        '@types/react',
+        '@types/react-dom',
+        'react-refresh',
+        'react-server-dom-webpack',
+        'use-sync-external-store',
       ],
     },
   ],
-  "ignoreDeps": [
+  ignoreDeps: [
     // manually bumping
-    "node",
+    'node',
 
     // breaking changes
-    "source-map", // `source-map:v0.7.0+` needs more investigation
-    "kill-port", // `kill-port:^2.0.0 has perf issues (#8392)
+    'source-map', // `source-map:v0.7.0+` needs more investigation
+    'kill-port', // `kill-port:^2.0.0 has perf issues (#8392)
 
-    "prettier", // waiting for stable choice on ternaries
+    'prettier', // waiting for stable choice on ternaries
   ],
 }

.github/workflows/ci-rsc.yml

@@ -9,12 +9,12 @@ on:
       - main
   pull_request:
     paths:
-      - "packages/plugin-rsc/**"
-      - "pnpm-lock.yaml"
-      - ".github/workflows/ci-rsc.yml"
+      - 'packages/plugin-rsc/**'
+      - 'pnpm-lock.yaml'
+      - '.github/workflows/ci-rsc.yml'
   schedule:
     # Run daily at 00:00 UTC to test canary/experimental React versions
-    - cron: "0 0 * * *"
+    - cron: '0 0 * * *'
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.event.number || github.sha }}
@@ -42,7 +42,7 @@ jobs:
         os: [ubuntu-latest, macos-latest, windows-latest]
         browser: [chromium]
         rolldown: [false]
-        react_version: [""]
+        react_version: ['']
         include:
           - os: ubuntu-latest
             browser: firefox

.github/workflows/ci.yml

@@ -5,7 +5,7 @@ env:
   # https://docs.github.com/en/actions/using-github-hosted-runners/about-github-hosted-runners#supported-runners-and-hardware-resources
   NODE_OPTIONS: --max-old-space-size=6144
   # install playwright binary manually (because pnpm only runs install script once)
-  PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: "1"
+  PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: '1'
   # Vitest auto retry on flaky segfault
   VITEST_SEGFAULT_RETRY: 3
 
@@ -38,7 +38,7 @@ jobs:
             node_version: 22
       fail-fast: false
 
-    name: "Build&Test: node-${{ matrix.node_version }}, ${{ matrix.os }}"
+    name: 'Build&Test: node-${{ matrix.node_version }}, ${{ matrix.os }}'
     steps:
       - name: Checkout
         uses: actions/checkout@v6
@@ -107,7 +107,7 @@ jobs:
     if: github.repository == 'vitejs/vite-plugin-react'
     timeout-minutes: 10
     runs-on: ubuntu-latest
-    name: "Lint: node-20, ubuntu-latest"
+    name: 'Lint: node-20, ubuntu-latest'
     steps:
       - uses: actions/checkout@v6
         with:
@@ -131,7 +131,7 @@ jobs:
         run: pnpm run lint
 
       - name: Check formatting
-        run: pnpm prettier --check .
+        run: pnpm format --check
 
       - name: Typecheck
         run: pnpm run typecheck

.github/workflows/copilot-setup-steps.yml

@@ -1,6 +1,6 @@
 # https://docs.github.com/en/copilot/how-tos/use-copilot-agents/coding-agent/customize-the-agent-environment
 
-name: "Copilot Setup Steps"
+name: 'Copilot Setup Steps'
 
 on:
   workflow_dispatch:

.github/workflows/issue-close-require.yml

@@ -2,7 +2,7 @@ name: Issue Close Require
 
 on:
   schedule:
-    - cron: "0 0 * * *"
+    - cron: '0 0 * * *'
 
 jobs:
   close-issues:
@@ -15,7 +15,7 @@ jobs:
       - name: need reproduction
         uses: actions-cool/issues-helper@e2ff99831a4f13625d35064e2b3dfe65c07a0396 # v3
         with:
-          actions: "close-issues"
+          actions: 'close-issues'
           token: ${{ secrets.GITHUB_TOKEN }}
-          labels: "need reproduction"
+          labels: 'need reproduction'
           inactive-day: 3

.github/workflows/issue-labeled.yml

@@ -16,29 +16,29 @@ jobs:
         if: github.event.label.name == 'contribution welcome' || github.event.label.name == 'help wanted'
         uses: actions-cool/issues-helper@e2ff99831a4f13625d35064e2b3dfe65c07a0396 # v3
         with:
-          actions: "create-comment, remove-labels"
+          actions: 'create-comment, remove-labels'
           token: ${{ secrets.GITHUB_TOKEN }}
           issue-number: ${{ github.event.issue.number }}
           body: |
             Hello @${{ github.event.issue.user.login }}. We like your proposal/feedback and would appreciate a contribution via a Pull Request by you or another community member. We thank you in advance for your contribution and are looking forward to reviewing it!
-          labels: "pending triage, need reproduction"
+          labels: 'pending triage, need reproduction'
 
       - name: remove pending
         if: (github.event.label.name == 'enhancement' || contains(github.event.label.description, '(priority)')) && contains(github.event.issue.labels.*.name, 'pending triage')
         uses: actions-cool/issues-helper@e2ff99831a4f13625d35064e2b3dfe65c07a0396 # v3
         with:
-          actions: "remove-labels"
+          actions: 'remove-labels'
           token: ${{ secrets.GITHUB_TOKEN }}
           issue-number: ${{ github.event.issue.number }}
-          labels: "pending triage"
+          labels: 'pending triage'
 
       - name: need reproduction
         if: github.event.label.name == 'need reproduction'
         uses: actions-cool/issues-helper@e2ff99831a4f13625d35064e2b3dfe65c07a0396 # v3
         with:
-          actions: "create-comment, remove-labels"
+          actions: 'create-comment, remove-labels'
           token: ${{ secrets.GITHUB_TOKEN }}
           issue-number: ${{ github.event.issue.number }}
           body: |
             Hello @${{ github.event.issue.user.login }}. Please provide a [minimal reproduction](https://stackoverflow.com/help/minimal-reproducible-example) using a GitHub repository or [StackBlitz](https://vite.new). Issues marked with `need reproduction` will be closed if they have no activity within 3 days.
-          labels: "pending triage"
+          labels: 'pending triage'

.github/workflows/lock-closed-issues.yml

@@ -2,7 +2,7 @@ name: Lock Closed Issues
 
 on:
   schedule:
-    - cron: "0 0 * * *"
+    - cron: '0 0 * * *'
 
 permissions:
   issues: write
@@ -15,10 +15,10 @@ jobs:
       - uses: dessant/lock-threads@1bf7ec25051fe7c00bdd17e6a7cf3d7bfb7dc771 # v5
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}
-          issue-inactive-days: "14"
+          issue-inactive-days: '14'
           #issue-comment: |
           #  This issue has been locked since it has been closed for more than 14 days.
           #
           #  If you have found a concrete bug or regression related to it, please open a new [bug report](https://github.com/vitejs/vite-plugin-react/issues/new/choose) with a reproduction against the latest Vite version. If you have any other comments you should join the chat at [Vite Land](https://chat.vite.dev) or create a new [discussion](https://github.com/vitejs/vite-plugin-react/discussions).
-          issue-lock-reason: ""
-          process-only: "issues"
+          issue-lock-reason: ''
+          process-only: 'issues'

.github/workflows/publish.yml

@@ -3,7 +3,7 @@ name: Publish Package
 on:
   push:
     tags:
-      - "plugin-*"
+      - 'plugin-*'
 
 jobs:
   publish:
@@ -33,7 +33,7 @@ jobs:
       - name: Install deps
         run: pnpm install
         env:
-          PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: "1"
+          PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: '1'
 
       - name: Get pkgName for tag
         id: tag

.oxfmtrc.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "./node_modules/oxfmt/configuration_schema.json",
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 80,
+  "experimentalSortImports": {
+    "newlinesBetween": false,
+    "partitionByNewline": true,
+    "groups": [["builtin"], ["external"]]
+  },
+  "ignorePatterns": [
+    "packages/*/CHANGELOG.md",
+    "playground-temp/",
+    "dist/",
+    "temp/",
+    "LICENSE.md",
+    "pnpm-lock.yaml",
+    "pnpm-workspace.yaml"
+  ]
+}

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'
+import tseslint from 'typescript-eslint'
 
 export default tseslint.config(
   {
@@ -103,17 +103,6 @@ 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,
-        },
-      ],
 
       'regexp/prefer-regexp-exec': 'error',
       'regexp/prefer-regexp-test': 'error',