Update deps and new formatter

Author: ostenbom

.github/workflows/endform-tests-on-main.yml

@@ -20,13 +20,13 @@ jobs:
 
       - name: Set up pnpm
         uses: pnpm/action-setup@v4
-      
+
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
           node-version: lts/*
-          cache: 'pnpm'
-        
+          cache: "pnpm"
+
       - name: Install dependencies
         run: pnpm install
 

.github/workflows/endform-tests-on-prs.yml

@@ -17,15 +17,15 @@ jobs:
         uses: actions/checkout@v4
         with:
           fetch-depth: 0
-      
+
       - name: Set up pnpm
         uses: pnpm/action-setup@v4
 
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
           node-version: lts/*
-          cache: 'pnpm'
+          cache: "pnpm"
 
       - name: Install dependencies
         run: pnpm install

.oxfmtrc.json

@@ -0,0 +1,31 @@
+{
+	"$schema": "./node_modules/oxfmt/configuration_schema.json",
+	"useTabs": true,
+	"tabWidth": 2,
+	"printWidth": 80,
+	"singleQuote": false,
+	"jsxSingleQuote": false,
+	"quoteProps": "as-needed",
+	"trailingComma": "all",
+	"semi": true,
+	"arrowParens": "always",
+	"bracketSameLine": false,
+	"bracketSpacing": true,
+	"ignorePatterns": [
+		"**/node_modules",
+		"**/.next",
+		"**/.auth",
+		"app/globals.css",
+		"**/playwright-report",
+		"**/test-results"
+	],
+	"overrides": [
+		{
+			"files": ["**/*.md", "**/*.mdx"],
+			"options": {
+				"useTabs": false,
+				"embeddedLanguageFormatting": "off"
+			}
+		}
+	]
+}

README.md

@@ -4,7 +4,7 @@
 
 ## About the tutorial
 
-This tutorial is geared towards learning how to create a realistic playwright setup for testing fully fledged software as a service applications, generating tests for realistic applications, and then running those tests with Endform. 
+This tutorial is geared towards learning how to create a realistic playwright setup for testing fully fledged software as a service applications, generating tests for realistic applications, and then running those tests with Endform.
 
 ## Getting started with the tutorial repository
 
@@ -31,7 +31,6 @@ You can either:
 - Don't forget to connect your project with the Endform vercel integration
 - You will need the `copy-me-github-workflows` copied to `.github/workflows` to get going with running your tests in github actions
 
-
 ## About the SaaS
 
 The SaaS is based on the [Next.JS SaaS Starter Tempate](https://github.com/nextjs/saas-starter).

app/(dashboard)/dashboard/page.tsx

@@ -131,7 +131,7 @@ function TeamMembers() {
 						>
 							<div className="flex items-center space-x-4">
 								<Avatar>
-									{/* 
+									{/*
                     This app doesn't save profile images, but here
                     is how you'd show them:
 

biome.json

@@ -113,7 +113,7 @@ function json(data, init) {
 		headers: {
 			"content-type": "application/json",
 			...CORS_HEADERS,
-			...(responseInit.headers || {}),
+			...responseInit.headers,
 		},
 	});
 }

cf/src/index.js

@@ -5,21 +5,21 @@
 	"routes": [
 		{
 			"pattern": "playwright-tutorial-sqlite-db-every-hour-cleanup.endform.dev",
-			"custom_domain": true
-		}
+			"custom_domain": true,
+		},
 	],
 	"durable_objects": {
 		"bindings": [
 			{
 				"name": "SQLITE_PROXY",
-				"class_name": "SqliteProxyDurableObject"
-			}
-		]
+				"class_name": "SqliteProxyDurableObject",
+			},
+		],
 	},
 	"migrations": [
 		{
 			"tag": "v1",
-			"new_sqlite_classes": ["SqliteProxyDurableObject"]
-		}
-	]
+			"new_sqlite_classes": ["SqliteProxyDurableObject"],
+		},
+	],
 }

cf/wrangler.jsonc

@@ -1,6 +1,5 @@
 {
 	"private": true,
-	"packageManager": "pnpm@11.8.0",
 	"scripts": {
 		"dev": "next dev --turbopack",
 		"build": "next build --turbopack",
@@ -11,14 +10,17 @@
 		"db:migrate": "drizzle-kit migrate",
 		"db:studio": "drizzle-kit studio",
 		"tutorial": "bun run scripts/tutorial-manager.ts",
-		"format:fix": "pnpm biome check --write",
+		"format": "oxfmt",
+		"format:check": "oxfmt --check",
+		"format:fix": "oxfmt --write",
+		"lint": "oxlint",
 		"mcp-user": "tsx mcp-user.ts"
 	},
 	"dependencies": {
 		"@libsql/client": "^0.17.4",
 		"@opentelemetry/api": "^1.9.1",
-		"@tailwindcss/postcss": "4.3.1",
-		"@types/node": "^24.13.2",
+		"@tailwindcss/postcss": "4.3.2",
+		"@types/node": "^26.1.1",
 		"@types/react": "19.2.17",
 		"@types/react-dom": "19.2.3",
 		"@vercel/otel": "^2.1.3",
@@ -29,26 +31,28 @@
 		"drizzle-kit": "^0.31.10",
 		"drizzle-orm": "^0.45.2",
 		"jose": "^6.2.3",
-		"lucide-react": "^1.21.0",
-		"next": "16.2.9",
-		"postcss": "^8.5.15",
-		"radix-ui": "^1.6.0",
+		"lucide-react": "^1.24.0",
+		"next": "16.2.10",
+		"postcss": "^8.5.17",
+		"radix-ui": "^1.6.2",
 		"react": "19.2.7",
 		"react-dom": "19.2.7",
 		"server-only": "^0.0.1",
-		"swr": "^2.4.1",
+		"swr": "^2.4.2",
 		"tailwind-merge": "^3.6.0",
-		"tailwindcss": "4.3.1",
+		"tailwindcss": "4.3.2",
 		"tw-animate-css": "^1.4.0",
-		"typescript": "^6.0.3",
 		"zod": "^4.4.3"
 	},
 	"devDependencies": {
-		"@biomejs/biome": "^2.5.0",
-		"@playwright/test": "1.61.0",
+		"@playwright/test": "1.61.1",
 		"@types/bun": "^1.3.14",
-		"endform": "^0.71.0",
-		"playwright-opentelemetry": "^0.9.0",
-		"tsx": "^4.22.4"
-	}
+		"endform": "^0.72.0",
+		"oxfmt": "0.58.0",
+		"oxlint": "1.73.0",
+		"playwright-opentelemetry": "^0.12.1",
+		"tsx": "^4.23.0",
+		"typescript": "^6.0.3"
+	},
+	"packageManager": "pnpm@11.8.0"
 }

package.json

@@ -14,7 +14,7 @@ export const baseURL =
 
 const playwrightOtelEnabled = Boolean(
 	process.env.PLAYWRIGHT_TRACE_API_ENDPOINT ||
-		process.env.OTEL_EXPORTER_OTLP_ENDPOINT,
+	process.env.OTEL_EXPORTER_OTLP_ENDPOINT,
 );
 
 /**