chore: migrate root formatter setup to oxfmt

.oxfmtrc.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "./node_modules/oxfmt/configuration_schema.json",
+  "printWidth": 80,
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "sortPackageJson": false,
+  "ignorePatterns": [
+    "**/worker-configuration.d.ts",
+    "**/prisma/migrations/migration_lock.toml",
+    "examples/solid/start-basic-netlify/netlify.toml"
+  ],
+  "overrides": [
+    {
+      "files": ["examples/react/start-workos/**/*.{js,jsx,ts,tsx,d.ts}"],
+      "options": {
+        "printWidth": 120,
+        "semi": true,
+        "singleQuote": true,
+        "trailingComma": "all"
+      }
+    }
+  ]
+}

e2e/react-router/view-transitions/src/main.tsx

@@ -10,7 +10,7 @@ const router = createRouter({
   defaultPreload: 'intent',
   defaultStaleTime: 5000,
   scrollRestoration: true,
-  /* 
+  /*
   Using defaultViewTransition would prevent the need to
   manually add `viewTransition: true` to every navigation.
 

e2e/solid-router/view-transitions/src/main.tsx

@@ -9,7 +9,7 @@ const router = createRouter({
   defaultPreload: 'intent',
   defaultStaleTime: 5000,
   scrollRestoration: true,
-  /* 
+  /*
   Using defaultViewTransition would prevent the need to
   manually add `viewTransition: true` to every navigation.
 

examples/react/kitchen-sink-file-based/src/routes/__root.tsx

@@ -51,13 +51,11 @@ function RootComponent() {
                 <div key={to}>
                   <Link
                     to={to}
-                    activeOptions={
-                      {
-                        // If the route points to the root of it's parent,
-                        // make sure it's only active if it's exact
-                        // exact: to === '.',
-                      }
-                    }
+                    activeOptions={{
+                      // If the route points to the root of it's parent,
+                      // make sure it's only active if it's exact
+                      // exact: to === '.',
+                    }}
                     preload="intent"
                     className={`block py-2 px-3 text-blue-700`}
                     // Make "active" links bold

examples/react/kitchen-sink-react-query-file-based/src/routes/__root.tsx

@@ -51,13 +51,11 @@ function RootComponent() {
                 <div key={to}>
                   <Link
                     to={to}
-                    activeOptions={
-                      {
-                        // If the route points to the root of it's parent,
-                        // make sure it's only active if it's exact
-                        // exact: to === '.',
-                      }
-                    }
+                    activeOptions={{
+                      // If the route points to the root of it's parent,
+                      // make sure it's only active if it's exact
+                      // exact: to === '.',
+                    }}
                     preload="intent"
                     className={`block py-2 px-3 text-blue-700`}
                     // Make "active" links bold

examples/react/kitchen-sink-react-query/src/main.tsx

@@ -143,13 +143,11 @@ function RootComponent() {
                 <div key={to}>
                   <Link
                     to={to}
-                    activeOptions={
-                      {
-                        // If the route points to the root of it's parent,
-                        // make sure it's only active if it's exact
-                        // exact: to === '.',
-                      }
-                    }
+                    activeOptions={{
+                      // If the route points to the root of it's parent,
+                      // make sure it's only active if it's exact
+                      // exact: to === '.',
+                    }}
                     preload="intent"
                     className={`block py-2 px-3 text-blue-700`}
                     // Make "active" links bold

examples/react/kitchen-sink/src/main.tsx

@@ -110,13 +110,11 @@ function RootComponent() {
                 <div key={to}>
                   <Link
                     to={to}
-                    activeOptions={
-                      {
-                        // If the route points to the root of it's parent,
-                        // make sure it's only active if it's exact
-                        // exact: to === '.',
-                      }
-                    }
+                    activeOptions={{
+                      // If the route points to the root of it's parent,
+                      // make sure it's only active if it's exact
+                      // exact: to === '.',
+                    }}
                     preload="intent"
                     className={`block py-2 px-3 text-blue-700`}
                     // Make "active" links bold

examples/react/view-transitions/src/main.tsx

@@ -10,7 +10,7 @@ const router = createRouter({
   defaultPreload: 'intent',
   defaultStaleTime: 5000,
   scrollRestoration: true,
-  /* 
+  /*
   Using defaultViewTransition would prevent the need to
   manually add `viewTransition: true` to every navigation.
 

examples/react/with-trpc-react-query/src/routes/__root.tsx

@@ -50,13 +50,11 @@ function RootComponent() {
                 <div key={to}>
                   <Link
                     to={to}
-                    activeOptions={
-                      {
-                        // If the route points to the root of it's parent,
-                        // make sure it's only active if it's exact
-                        // exact: to === '.',
-                      }
-                    }
+                    activeOptions={{
+                      // If the route points to the root of it's parent,
+                      // make sure it's only active if it's exact
+                      // exact: to === '.',
+                    }}
                     preload="intent"
                     className={`block py-2 px-3 text-blue-700`}
                     // Make "active" links bold

examples/react/with-trpc/src/routes/__root.tsx

@@ -46,13 +46,11 @@ function RootComponent() {
                 <div key={to}>
                   <Link
                     to={to}
-                    activeOptions={
-                      {
-                        // If the route points to the root of it's parent,
-                        // make sure it's only active if it's exact
-                        // exact: to === '.',
-                      }
-                    }
+                    activeOptions={{
+                      // If the route points to the root of it's parent,
+                      // make sure it's only active if it's exact
+                      // exact: to === '.',
+                    }}
                     preload="intent"
                     className={`block py-2 px-3 text-blue-700`}
                     // Make "active" links bold

examples/solid/kitchen-sink-file-based/src/routes/__root.tsx

@@ -51,13 +51,11 @@ function RootComponent() {
                 <div>
                   <Link
                     to={to}
-                    activeOptions={
-                      {
-                        // If the route points to the root of it's parent,
-                        // make sure it's only active if it's exact
-                        // exact: to === '.',
-                      }
-                    }
+                    activeOptions={{
+                      // If the route points to the root of it's parent,
+                      // make sure it's only active if it's exact
+                      // exact: to === '.',
+                    }}
                     preload="intent"
                     class={`block py-2 px-3 text-blue-700`}
                     // Make "active" links bold

examples/solid/kitchen-sink-solid-query-file-based/src/routes/__root.tsx

@@ -50,13 +50,11 @@ function RootComponent() {
                 <div>
                   <Link
                     to={to}
-                    activeOptions={
-                      {
-                        // If the route points to the root of it's parent,
-                        // make sure it's only active if it's exact
-                        // exact: to === '.',
-                      }
-                    }
+                    activeOptions={{
+                      // If the route points to the root of it's parent,
+                      // make sure it's only active if it's exact
+                      // exact: to === '.',
+                    }}
                     preload="intent"
                     class={`block py-2 px-3 text-blue-700`}
                     // Make "active" links bold

examples/solid/kitchen-sink-solid-query/src/main.tsx

@@ -143,13 +143,11 @@ function RootComponent() {
                 <div>
                   <Link
                     to={to}
-                    activeOptions={
-                      {
-                        // If the route points to the root of it's parent,
-                        // make sure it's only active if it's exact
-                        // exact: to === '.',
-                      }
-                    }
+                    activeOptions={{
+                      // If the route points to the root of it's parent,
+                      // make sure it's only active if it's exact
+                      // exact: to === '.',
+                    }}
                     preload="intent"
                     class={`block py-2 px-3 text-blue-700`}
                     // Make "active" links bold

examples/solid/kitchen-sink/src/main.tsx

@@ -81,13 +81,11 @@ function RootComponent() {
                 <div>
                   <Link
                     to={to}
-                    activeOptions={
-                      {
-                        // If the route points to the root of it's parent,
-                        // make sure it's only active if it's exact
-                        // exact: to === '.',
-                      }
-                    }
+                    activeOptions={{
+                      // If the route points to the root of it's parent,
+                      // make sure it's only active if it's exact
+                      // exact: to === '.',
+                    }}
                     preload="intent"
                     class={`block py-2 px-3 text-blue-700`}
                     // Make "active" links bold

examples/solid/view-transitions/src/main.tsx

@@ -9,7 +9,7 @@ const router = createRouter({
   defaultPreload: 'intent',
   defaultStaleTime: 5000,
   scrollRestoration: true,
-  /* 
+  /*
   Using defaultViewTransition would prevent the need to
   manually add `viewTransition: true` to every navigation.
 

examples/solid/with-trpc/src/routes/__root.tsx

@@ -46,13 +46,11 @@ function RootComponent() {
                 <div>
                   <Link
                     to={to}
-                    activeOptions={
-                      {
-                        // If the route points to the root of it's parent,
-                        // make sure it's only active if it's exact
-                        // exact: to === '.',
-                      }
-                    }
+                    activeOptions={{
+                      // If the route points to the root of it's parent,
+                      // make sure it's only active if it's exact
+                      // exact: to === '.',
+                    }}
                     preload="intent"
                     class={`block py-2 px-3 text-blue-700`}
                     // Make "active" links bold

package.json

@@ -24,7 +24,7 @@
     "build:all": "nx run-many --target=build --exclude=examples/** --exclude=e2e/**",
     "watch": "pnpm run build:all && nx watch --all -- pnpm run build:all",
     "dev": "pnpm run watch",
-    "format": "prettier --experimental-cli --ignore-unknown '**/*' --write",
+    "format": "oxfmt",
     "cipublish": "node scripts/publish.js",
     "gpt-generate": "node gpt/generate.js",
     "set-ts-version": "node scripts/set-ts-version.js",
@@ -58,7 +58,7 @@
     "jsdom": "^25.0.1",
     "markdown-link-extractor": "^4.0.3",
     "nx": "22.5.1",
-    "prettier": "^3.8.0",
+    "oxfmt": "^0.35.0",
     "publint": "^0.3.16",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",

packages/react-router/src/fileRoute.ts

@@ -66,7 +66,7 @@ export function createFileRoute<
   }).createRoute
 }
 
-/** 
+/**
   @deprecated It's no longer recommended to use the `FileRoute` class directly.
   Instead, use `createFileRoute('/path/to/file')(options)` to create a file route.
 */

packages/react-router/tests/route.test.tsx

@@ -77,7 +77,7 @@ describe('createRoute has the same hooks as getRouteApi', () => {
   )
 })
 
-/* disabled until HMR bug is fixed 
+/* disabled until HMR bug is fixed
 describe('throws invariant exception when trying to access properties before `createRouter` completed', () => {
   function setup() {
     const rootRoute = createRootRoute()

packages/router-core/src/new-process-route-tree.ts

@@ -648,7 +648,8 @@ type RouteLike = {
   }
 } &
   // router tree
-  (| { fullPath: string; from?: never } // full path from the root
+  (
+    | { fullPath: string; from?: never } // full path from the root
     // flat route masks list
     | { fullPath?: never; from: string } // full path from the root
   )

packages/router-core/src/route.ts

@@ -187,12 +187,12 @@ export type ParamsOptions<in out TPath extends string, in out TParams> = {
     stringify?: StringifyParamsFn<TPath, TParams>
   }
 
-  /** 
+  /**
   @deprecated Use params.parse instead
   */
   parseParams?: ParseParamsFn<TPath, TParams>
 
-  /** 
+  /**
   @deprecated Use params.stringify instead
   */
   stringifyParams?: StringifyParamsFn<TPath, TParams>
@@ -1267,13 +1267,13 @@ export interface UpdatableRouteOptions<
       >
     >
   }
-  /** 
+  /**
   @deprecated Use search.middlewares instead
   */
   preSearchFilters?: Array<
     SearchFilter<ResolveFullSearchSchema<TParentRoute, TSearchValidator>>
   >
-  /** 
+  /**
   @deprecated Use search.middlewares instead
   */
   postSearchFilters?: Array<