refactor: switch to oxc (#748)

Author: sheremet-va

.github/renovate.json5

@@ -1,25 +1,21 @@
 {
-  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
-  "extends": ["config:base", "schedule:weekly", "group:allNonMajor"],
-  "labels": ["dependencies"],
-  "rangeStrategy": "bump",
-  "packageRules": [
+  $schema: 'https://docs.renovatebot.com/renovate-schema.json',
+  extends: ['config:base', 'schedule:weekly', 'group:allNonMajor'],
+  labels: ['dependencies'],
+  rangeStrategy: 'bump',
+  packageRules: [
     {
-      "groupName": "Eslint packages",
-      "matchPackageNames": ["/eslint/"]
+      depTypeList: ['peerDependencies'],
+      enabled: false,
     },
     {
-      "depTypeList": ["peerDependencies"],
-      "enabled": false
+      matchDepTypes: ['action'],
+      matchPackageNames: ['!actions/{/,}**', '!github/{/,}**'],
+      pinDigests: true,
     },
     {
-      "matchDepTypes": ["action"],
-      "matchPackageNames": ["!actions/{/,}**", "!github/{/,}**"],
-      "pinDigests": true
+      matchFileNames: ['samples/**'],
+      enabled: false,
     },
-    {
-      "matchFileNames": ["samples/**"],
-      "enabled": false
-    }
-  ]
+  ],
 }

.github/workflows/ci.yml

@@ -23,7 +23,7 @@ jobs:
       - run: pnpm install --filter="vitest-vscode-*" --frozen-lockfile
       - run: pnpm build
       - run: pnpm typecheck
-      - run: pnpm lint
+      - run: pnpm fmt
 
   test:
     runs-on: ${{ matrix.os }}

.oxfmtrc.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "./node_modules/oxfmt/configuration_schema.json",
+  "ignorePatterns": [],
+  "semi": false,
+  "singleQuote": true
+}

.vscode/launch.json

@@ -9,10 +9,7 @@
       "name": "Run Extension Basic Sample",
       "type": "extensionHost",
       "request": "launch",
-      "args": [
-        "--extensionDevelopmentPath=${workspaceFolder}",
-        "${workspaceFolder}/samples/basic"
-      ],
+      "args": ["--extensionDevelopmentPath=${workspaceFolder}", "${workspaceFolder}/samples/basic"],
       "outFiles": ["${workspaceFolder}/dist/**/*.js"]
     },
     {
@@ -51,10 +48,7 @@
       "name": "Run Extension Imba Sample",
       "type": "extensionHost",
       "request": "launch",
-      "args": [
-        "--extensionDevelopmentPath=${workspaceFolder}",
-        "${workspaceFolder}/samples/imba"
-      ],
+      "args": ["--extensionDevelopmentPath=${workspaceFolder}", "${workspaceFolder}/samples/imba"],
       "outFiles": ["${workspaceFolder}/dist/**/*.js"]
     },
     {
@@ -151,10 +145,7 @@
       "name": "Run Extension Vue Sample",
       "type": "extensionHost",
       "request": "launch",
-      "args": [
-        "--extensionDevelopmentPath=${workspaceFolder}",
-        "${workspaceFolder}/samples/vue"
-      ],
+      "args": ["--extensionDevelopmentPath=${workspaceFolder}", "${workspaceFolder}/samples/vue"],
       "outFiles": ["${workspaceFolder}/dist/**/*.js"]
     },
     {

.vscode/settings.json

@@ -1,22 +1,17 @@
 // Place your settings in this file to overwrite default and user settings.
 {
-  // Enable the ESlint flat config support
-  "eslint.experimental.useFlatConfig": true,
-
-  // Turn off tsc task auto detection since we have the necessary tasks as npm scripts
-  "typescript.tsc.autoDetect": "off",
   // Disable the default formatter, use eslint instead
   "prettier.enable": false,
-  "editor.formatOnSave": false,
+  "editor.formatOnSave": true,
+
+  "editor.defaultFormatter": "oxc.oxc-vscode",
 
   // Auto fix
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "explicit",
+    "source.fixAll.oxc": "always",
     "source.organizeImports": "never"
   },
 
-  "testing.openTesting": "neverOpen",
-
   // Enable eslint for all supported languages
   "eslint.validate": [
     "javascript",
@@ -30,5 +25,8 @@
     "jsonc",
     "yaml"
   ],
-  "testing.automaticallyOpenTestResults": "neverOpen"
+  "testing.automaticallyOpenTestResults": "neverOpen",
+  "[typescript]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  }
 }

CHANGELOG.md

@@ -19,34 +19,38 @@ The project uses a monorepo structure with multiple packages that work together:
 ### Key Components
 
 - **Extension Host** (packages/extension): Manages VSCode integration, test discovery, debugging, coverage
-- **Worker Processes** (packages/worker*): Execute Vitest in isolated processes, handle test running and reporting
+- **Worker Processes** (packages/worker\*): Execute Vitest in isolated processes, handle test running and reporting
 - **RPC Communication** (packages/shared): Bidirectional communication between extension and workers using birpc
 - **API Abstraction**: Supports both child_process and terminal shell types for running Vitest
 
 ## Development Commands
 
 ### Building
+
 ```bash
 pnpm build              # Build for production (minified)
 pnpm dev                # Build in development mode with watch and sourcemap
 pnpm vscode:prepublish  # Prepare for publishing (runs build)
 ```
 
 ### Testing
+
 ```bash
 pnpm test               # Run unit tests (Mocha-based VSCode tests)
 pnpm test:watch         # Run unit tests in watch mode
 pnpm test-e2e           # Run end-to-end tests (Vitest-based)
 ```
 
 ### Code Quality
+
 ```bash
 pnpm typecheck          # TypeScript type checking
 pnpm lint               # Run ESLint
 pnpm lint:fix           # Run ESLint with auto-fix
 ```
 
 ### Packaging
+
 ```bash
 pnpm package            # Create .vsix package for distribution
 ```
@@ -72,6 +76,7 @@ Uses **pnpm** with workspaces. The project requires pnpm@10.11.1 as specified in
 ## Worker Architecture
 
 The extension uses a multi-process architecture:
+
 - Extension runs in VSCode extension host
 - Worker processes execute Vitest in isolation
 - Communication via RPC (birpc)

CLAUDE.md

@@ -31,7 +31,7 @@ Vitest uses vscode's `TestController` API to provide a unified testing experienc
 
 ### In the Testing View
 
-![Testing view](./img/vitest-extension.png "Testing view")
+![Testing view](./img/vitest-extension.png 'Testing view')
 
 You can access the extension from the Testing view in the Visual Studio Code sidebar.
 
@@ -53,7 +53,7 @@ Icons next to each test indicate their status—passed (checkmark), failed (cros
 
 ### In the Test File
 
-![Vitest test file](./img/vitest-test-file.png "Vitest test file")
+![Vitest test file](./img/vitest-test-file.png 'Vitest test file')
 
 When viewing a test file, you'll notice test icons in the gutter next to each test case:
 
@@ -113,19 +113,19 @@ These options are resolved relative to the [workspace file](https://code.visuals
 
 You can reveal the current test file in the test explorer view by selecting the "Reveal in Test Explorer" option (the last option on the screenshot) in the file context:
 
-![Reveal test in explorer](./img/reveal-in-explorer.png "Reveal test in explorer")
+![Reveal test in explorer](./img/reveal-in-explorer.png 'Reveal test in explorer')
 
 You can also type the same command in the quick picker while the file is open.
 
-![Reveal test in explorer](./img/reveal-in-picker.png "Reveal test in explorer")
+![Reveal test in explorer](./img/reveal-in-picker.png 'Reveal test in explorer')
 
 ### Import Breakdown
 
 If you use Vitest 4.0.15 or higher, during continuous runs the extension will show how long it took to load the module on the same line where the import is defined. This number includes transform time and evaluation time, including static imports.
 
 If you hover over it, you can get a more detailed diagnostic.
 
-![Import breakdown example](./img/import-breakdown.png "Import breakdown example")
+![Import breakdown example](./img/import-breakdown.png 'Import breakdown example')
 
 You can disable this feature by turning off `vitest.showImportsDuration`.
 
@@ -141,11 +141,11 @@ By default, the extension doens't rerun tests when files change.
 
 Click on the "eye" icon next to the test, file or a directory to enable "continuous run" for a related item. Whenever that test, file or any file in the directory changes, Vitest will rerun that test. Note that Vitest will also rerun tests if an imported module of the file is changed.
 
-![Turn on continuous run button for a test](./img/eye-item-icon.png "Turn on continuous run button for a test")
+![Turn on continuous run button for a test](./img/eye-item-icon.png 'Turn on continuous run button for a test')
 
 To enabled continuous run globally, click on the "eye" icon in the "Test Explorer" row.
 
-![Start continuous run button](./img/eye-global-icon.png "Start continuous run button")
+![Start continuous run button](./img/eye-global-icon.png 'Start continuous run button')
 
 ### How to hide Test Results view when running tests
 
@@ -154,7 +154,7 @@ You can change the behaviour of testing view by modifying `testing.automatically
 - `neverOpen` will never open the testing view
 - `openOnTestStart` (default) opens the test results view when test starts running
 - `openOnTestFailure` opens the test results view if at least one of test fails
-- `openExplorerOnTestStart`  will open the test tree view when tests starts
+- `openExplorerOnTestStart` will open the test tree view when tests starts
 
 This is a vscode's built-in option and will control every plugin.
 

README.md

@@ -15,7 +15,9 @@ declare module '@vscode/js-debug' {
      * try to modify options in a additive way. For example prefer appending
      * to rather than reading and overwriting `options.env.PATH`.
      */
-    provideTerminalOptions(options: vscode.TerminalOptions): vscode.ProviderResult<vscode.TerminalOptions>
+    provideTerminalOptions(
+      options: vscode.TerminalOptions,
+    ): vscode.ProviderResult<vscode.TerminalOptions>
   }
 
   /**

debug-shims.d.ts

@@ -5,14 +5,7 @@ export default antfu(
     // Disable tests rules because we need to test with various setup
     test: false,
     // This replaces the old `.gitignore`
-    ignores: [
-      '**/coverage',
-      '**/*.snap',
-      '**/bench.json',
-      '**/fixtures',
-      '**/samples',
-      'test',
-    ],
+    ignores: ['**/coverage', '**/*.snap', '**/bench.json', '**/fixtures', '**/samples', 'test'],
   },
   {
     rules: {
@@ -22,7 +15,7 @@ export default antfu(
       'no-empty-pattern': 'off',
       'antfu/indent-binary-ops': 'off',
       'unused-imports/no-unused-imports': 'error',
-      'curly': 'off',
+      curly: 'off',
       'e18e/prefer-static-regex': 'off',
       'pnpm/yaml-no-duplicate-catalog-item': 'off',
       'style/member-delimiter-style': [
@@ -67,9 +60,7 @@ export default antfu(
     },
   },
   {
-    files: [
-      `docs/${GLOB_SRC}`,
-    ],
+    files: [`docs/${GLOB_SRC}`],
     rules: {
       'style/max-statements-per-line': 'off',
       'import/newline-after-import': 'off',
@@ -78,11 +69,7 @@ export default antfu(
     },
   },
   {
-    files: [
-      `docs/${GLOB_SRC}`,
-      `packages/web-worker/${GLOB_SRC}`,
-      `test/web-worker/${GLOB_SRC}`,
-    ],
+    files: [`docs/${GLOB_SRC}`, `packages/web-worker/${GLOB_SRC}`, `test/web-worker/${GLOB_SRC}`],
     rules: {
       'no-restricted-globals': 'off',
     },